You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
6501 lines
243 KiB
6501 lines
243 KiB
/*───────────────────────────────────────────────────────
|
|
THINGS
|
|
Version 1.6.3
|
|
Created by @colineckert
|
|
|
|
Readme:
|
|
https://github.com/colineckert/obsidian-things
|
|
|
|
Support my work:
|
|
https://www.buymeacoffee.com/colineckert
|
|
|
|
----------------------------------------------------------------
|
|
|
|
MIT License
|
|
|
|
Copyright (c) 2020-2021 Stephan Ango (@kepano)
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
of this software and associated documentation files (the "Software"), to deal
|
|
in the Software without restriction, including without limitation the rights
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
copies of the Software, and to permit persons to whom the Software is
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in all
|
|
copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
SOFTWARE.
|
|
|
|
----------------------------------------------------------------
|
|
|
|
For help and/or CSS snippets, thanks to:
|
|
- @kepano
|
|
- @chetachiezikeuzor
|
|
|
|
────────────────────────────────────────────────────── */
|
|
|
|
:root {
|
|
/*----------------------------------------------------------------
|
|
COLORS
|
|
----------------------------------------------------------------*/
|
|
|
|
--base-h: 212; /* Base hue */
|
|
--base-s: 15%; /* Base saturation */
|
|
--base-d: 13%; /* Base lightness Dark Mode - 0 is black */
|
|
--base-l: 97%; /* Base lightness Light Mode - 100 is white */
|
|
--accent-h: 215; /* Accent hue */
|
|
--accent-s: 75%; /* Accent saturation */
|
|
--accent-d: 70%; /* Accent lightness Dark Mode */
|
|
--accent-l: 60%; /* Accent lightness Light Mode */
|
|
|
|
--blue: #2e80f2;
|
|
--pink: #ff82b2;
|
|
--green: #3eb4bf;
|
|
--yellow: #e5b567;
|
|
--orange: #e87d3e;
|
|
--red: #e83e3e;
|
|
--purple: #9e86c8;
|
|
|
|
--light-yellow-highlighter: #fff3a3a6;
|
|
--dark-yellow-highlighter: #ffed7977;
|
|
--pink-highlighter: #ffb8eba6;
|
|
--red-highlighter: #db3e606e;
|
|
--blue-highlighter: #adccffa6;
|
|
--dark-blue-highlighter: #adccff5b;
|
|
--green-highlighter: #bbfabba6;
|
|
--purple-highlighter: #d2b3ffa6;
|
|
--orange-highlighter: #ffb86ca6;
|
|
--grey-highlighter: #cacfd9a6;
|
|
|
|
/*----------------------------------------------------------------
|
|
FONTS
|
|
----------------------------------------------------------------*/
|
|
|
|
/* Preview mode */
|
|
|
|
--text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans,
|
|
Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
|
|
|
|
/* Editor mode */
|
|
|
|
--text-editor: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
|
|
|
|
/* Code */
|
|
|
|
--font-monospace: 'JetBrains Mono', SFMono-Regular, Consolas, 'Roboto Mono',
|
|
monospace;
|
|
|
|
/* UI */
|
|
|
|
--font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans,
|
|
Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
|
|
|
|
/* Colors, sizes, weights, padding */
|
|
|
|
--h1-color: var(--text-normal);
|
|
--h2-color: var(--blue);
|
|
--h3-color: var(--blue);
|
|
--h4-color: var(--yellow);
|
|
--h5-color: var(--red);
|
|
--h6-color: var(--text-muted);
|
|
|
|
--strong-color: var(--pink);
|
|
--em-color: var(--pink);
|
|
|
|
--font-normal: 16px;
|
|
--font-small: 13px;
|
|
--font-smaller: 11px;
|
|
--font-smallest: 10px;
|
|
--editor-font-size: 1rem;
|
|
|
|
--h1: 1.5em;
|
|
--h2: 1.3em;
|
|
--h3: 1.1em;
|
|
--h4: 0.9em;
|
|
--h5: 0.85em;
|
|
--h6: 0.85em;
|
|
|
|
--h1-weight: 700;
|
|
--h2-weight: 700;
|
|
--h3-weight: 600;
|
|
--h4-weight: 500;
|
|
--h5-weight: 500;
|
|
--h6-weight: 400;
|
|
|
|
--normal-weight: 400; /* Switch to 300 if you want thinner default text */
|
|
--bold-weight: 700; /* Switch to 700 if you want thicker bold text */
|
|
--icon-muted: 0.4;
|
|
--line-width: 45rem; /* Maximum characters per line */
|
|
--line-height: 1.5;
|
|
--border-width: 1px;
|
|
--border-width-alt: 1px;
|
|
--max-width: 85%; /* Amount of padding around the text, use 90% for narrower padding */
|
|
--nested-padding: 3.5%; /* Amount of padding for quotes and transclusions */
|
|
--input-height: 36px;
|
|
|
|
--font-todoist-title-size: 1em;
|
|
--font-todoist-metadata-size: small;
|
|
|
|
--cursor: default;
|
|
}
|
|
|
|
/* Desktop fonts */
|
|
body {
|
|
--font-adaptive-normal: var(--font-normal);
|
|
--font-adaptive-small: var(--font-small);
|
|
--font-adaptive-smaller: var(--font-smaller);
|
|
--font-adaptive-smallest: var(--font-smallest);
|
|
--line-width-adaptive: var(--line-width);
|
|
}
|
|
|
|
/* Tablet fonts */
|
|
@media (min-width: 400pt) {
|
|
.is-mobile {
|
|
--font-adaptive-normal: calc(var(--font-normal) + 4px);
|
|
--font-adaptive-small: calc(var(--font-small) + 3px);
|
|
--font-adaptive-smaller: calc(var(--font-smaller) + 2px);
|
|
--font-adaptive-smallest: calc(var(--font-smallest) + 2px);
|
|
--line-width-adaptive: calc(var(--line-width) + 6rem);
|
|
--max-width: 90%;
|
|
}
|
|
}
|
|
|
|
/* Phone fonts */
|
|
@media (max-width: 400pt) {
|
|
.is-mobile {
|
|
--font-adaptive-small: calc(var(--font-small) + 2px);
|
|
--font-adaptive-smaller: calc(var(--font-smaller) + 2px);
|
|
--font-adaptive-smallest: calc(var(--font-smallest) + 2px);
|
|
--max-width: 85%;
|
|
}
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
THEMES
|
|
---------------------------------------------------------------- */
|
|
|
|
.theme-light {
|
|
--text-normal: hsl(var(--base-h), var(--base-s), calc(var(--base-l) - 80%));
|
|
--text-muted: hsl(
|
|
var(--base-h),
|
|
calc(var(--base-s) - 5%),
|
|
calc(var(--base-l) - 45%)
|
|
);
|
|
--text-faint: hsl(
|
|
var(--base-h),
|
|
calc(var(--base-s) - 5%),
|
|
calc(var(--base-l) - 25%)
|
|
);
|
|
|
|
--text-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
|
|
--text-accent-hover: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-l) - 10%)
|
|
);
|
|
--text-on-accent: white;
|
|
--text-selection: hsla(var(--accent-h), 50%, calc(var(--base-l) - 20%), 30%);
|
|
--text-highlight-bg: var(--light-yellow-highlighter);
|
|
--text-highlight-bg-active: rgba(0, 0, 0, 0.1);
|
|
|
|
--background-primary: white;
|
|
--background-primary-alt: hsl(var(--base-h), var(--base-s), var(--base-l));
|
|
--background-secondary: hsl(var(--base-h), var(--base-s), var(--base-l));
|
|
--background-secondary-alt: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) - 2%)
|
|
);
|
|
--background-tertiary: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) - 7%)
|
|
);
|
|
--background-modifier-border: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) - 4%)
|
|
);
|
|
--background-modifier-border-hover: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) - 12%)
|
|
);
|
|
--background-modifier-border-focus: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) - 20%)
|
|
);
|
|
--background-modifier-form-field: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) + 6%)
|
|
);
|
|
--background-modifier-form-field-highlighted: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) + 8%)
|
|
);
|
|
--background-button: white;
|
|
|
|
--background-transparent: hsla(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
var(--base-l),
|
|
0
|
|
);
|
|
/* --background-translucent: rgba(255, 255, 255, 0.85); */
|
|
--background-translucent: hsla(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) + 0%),
|
|
0.8
|
|
);
|
|
--opacity-translucency: 1;
|
|
|
|
--icon-color: var(--text-muted);
|
|
--icon-hex: 000;
|
|
|
|
--background-match-highlight: hsla(var(--accent-h), 40%, 62%, 0.2);
|
|
--background-modifier-accent: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-l) + 10%)
|
|
);
|
|
|
|
--interactive-accent: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-l) + 10%)
|
|
);
|
|
--interactive-accent-hover: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-l) - 0%)
|
|
);
|
|
|
|
--interactive-accent-rgb: 220, 220, 220;
|
|
|
|
--quote-opening-modifier: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) - 10%)
|
|
);
|
|
--background-modifier-cover: hsla(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-l) - 5%),
|
|
0.7
|
|
);
|
|
--shadow-color: rgba(0, 0, 0, 0.1);
|
|
|
|
/* --tag-background-color: rgb(189, 225, 211); */
|
|
--tag-background-color-l: #bde1d3;
|
|
/* --tag-font-color: rgb(29, 105, 75); */
|
|
--tag-font-color-l: #1d694b;
|
|
|
|
--code-color: #383a42;
|
|
--atom-gray-1: #383a42;
|
|
--atom-gray-2: #383a42;
|
|
--atom-red: #e75545;
|
|
--atom-green: #4ea24c;
|
|
--atom-blue: #3d74f6;
|
|
--atom-purple: #a625a4;
|
|
--atom-aqua: #0084bc;
|
|
--atom-yellow: #e35649;
|
|
--atom-orange: #986800;
|
|
}
|
|
|
|
.theme-dark {
|
|
--text-normal: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 70%));
|
|
--text-muted: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 45%));
|
|
--text-faint: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 20%));
|
|
|
|
--text-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-d));
|
|
--text-accent-hover: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-d) + 12%)
|
|
);
|
|
--text-on-accent: white;
|
|
--text-selection: hsla(var(--accent-h), 70%, 40%, 30%);
|
|
--text-highlight-bg: var(--dark-blue-highlighter);
|
|
--text-highlight-bg-active: rgba(255, 255, 255, 0.1);
|
|
|
|
--background-primary: hsl(var(--base-h), var(--base-s), var(--base-d));
|
|
--background-primary-alt: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-d) - 2%)
|
|
);
|
|
--background-secondary: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-d) - 2%)
|
|
);
|
|
--background-secondary-alt: hsl(var(--base-h), var(--base-s), var(--base-d));
|
|
--background-tertiary: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-d) + 2%)
|
|
);
|
|
--background-modifier-border: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-d) + 4%)
|
|
);
|
|
--background-modifier-border-hover: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-d) + 10%)
|
|
);
|
|
--background-modifier-border-focus: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-d) + 20%)
|
|
);
|
|
--background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
|
|
--background-button: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-d) + 2%)
|
|
);
|
|
|
|
--background-transparent: hsla(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
var(--base-d),
|
|
0
|
|
);
|
|
--background-translucent: hsla(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
var(--base-d),
|
|
0.8
|
|
);
|
|
--opacity-translucency: 1;
|
|
|
|
--background-match-highlight: hsla(var(--accent-h), 40%, 62%, 0.2);
|
|
--background-modifier-accent: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-d) - 10%)
|
|
);
|
|
|
|
--icon-color: var(--text-muted);
|
|
--icon-hex: FFF;
|
|
--interactive-accent: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-d) - 20%)
|
|
);
|
|
--interactive-accent-hover: hsl(
|
|
var(--accent-h),
|
|
var(--accent-s),
|
|
calc(var(--accent-d) - 15%)
|
|
);
|
|
--quote-opening-modifier: hsl(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-d) + 10%)
|
|
);
|
|
--interactive-accent-rgb: 66, 66, 66;
|
|
|
|
--background-modifier-cover: hsla(
|
|
var(--base-h),
|
|
var(--base-s),
|
|
calc(var(--base-d) - 12%),
|
|
0.8
|
|
);
|
|
--shadow-color: rgba(0, 0, 0, 0.3);
|
|
|
|
--tag-background-color-d: rgb(29, 105, 75);
|
|
--tag-font-color-d: var(--text-normal);
|
|
|
|
--code-color: #c9d1d9;
|
|
--atom-gray-1: #5c6370;
|
|
--atom-gray-2: #abb2bf;
|
|
--atom-red: #e06c75;
|
|
--atom-orange: #d19a66;
|
|
--atom-green: #98c379;
|
|
--atom-aqua: #56b6c2;
|
|
--atom-purple: #c678dd;
|
|
--atom-blue: #61afef;
|
|
--atom-yellow: #e5c07b;
|
|
}
|
|
|
|
/* ----------------------------------------------------------------
|
|
Desktop Styling
|
|
---------------------------------------------------------------- */
|
|
|
|
/* ---------------------- */
|
|
/* Better Live Preview */
|
|
/* ---------------------- */
|
|
|
|
.is-live-preview {
|
|
padding: 0 1em !important;
|
|
}
|
|
|
|
/* Quote blocks */
|
|
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
|
|
border: 0 solid var(--quote-opening-modifier);
|
|
border-left-width: 2px;
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.is-live-preview .list-bullet {
|
|
color: var(--text-faint);
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.is-live-preview .HyperMD-header-2 {
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
width: 100%;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
/* ---------------------- */
|
|
|
|
/* Headings and fonts */
|
|
html {
|
|
font-size: var(--editor-font-size);
|
|
}
|
|
|
|
body {
|
|
-webkit-font-smoothing: auto;
|
|
}
|
|
|
|
body {
|
|
--preview-font-size: var(--editor-font-size);
|
|
--preview-line-height: var(--line-height);
|
|
--preview-font-weight: var(--normal-weight);
|
|
}
|
|
|
|
.markdown-preview-view {
|
|
font-family: var(--text);
|
|
font-size: var(--preview-font-size);
|
|
font-weight: var(--preview-font-weight);
|
|
line-height: var(--preview-line-heightline-height);
|
|
}
|
|
|
|
.CodeMirror,
|
|
.markdown-source-view,
|
|
.cm-s-obsidian {
|
|
font-size: var(--editor-font-size) !important;
|
|
font-weight: var(--normal-weight);
|
|
line-height: var(--line-height);
|
|
}
|
|
|
|
.cm-strong,
|
|
strong {
|
|
font-weight: var(--bold-weight) !important;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4 {
|
|
letter-spacing: -0.02em;
|
|
}
|
|
|
|
h2 {
|
|
border-bottom: 2px solid var(--background-modifier-border);
|
|
width: 100%;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
body,
|
|
input,
|
|
button {
|
|
font-family: var(--font-ui);
|
|
}
|
|
|
|
.popover,
|
|
.vertical-tab-content-container,
|
|
.workspace-leaf-content[data-type='markdown'] {
|
|
font-family: var(--text);
|
|
}
|
|
|
|
body,
|
|
input,
|
|
button,
|
|
.markdown-preview-view,
|
|
.cm-s-obsidian .cm-formatting-hashtag,
|
|
.cm-s-obsidian {
|
|
font-size: var(--font-adaptive-normal);
|
|
font-weight: var(--normal-weight);
|
|
line-height: var(--line-height);
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
}
|
|
.markdown-source-view.mod-cm6 .cm-scroller,
|
|
.markdown-source-view,
|
|
.cm-s-obsidian .cm-formatting-hashtag,
|
|
.cm-s-obsidian,
|
|
.cm-s-obsidian span.cm-formatting-task {
|
|
line-height: var(--line-height);
|
|
font-family: var(--text-editor);
|
|
}
|
|
.cm-s-obsidian span.cm-formatting-task {
|
|
font-family: var(--font-monospace); /* Editor task is monospace */
|
|
line-height: var(--line-height);
|
|
}
|
|
.cm-formatting-strong,
|
|
.cm-formatting-em,
|
|
.cm-formatting.cm-formatting-quote {
|
|
color: var(--text-faint) !important;
|
|
font-weight: var(--normal-weight);
|
|
opacity: 0.8;
|
|
letter-spacing: -0.02em;
|
|
}
|
|
.cm-formatting-header,
|
|
.cm-s-obsidian .cm-formatting-header.cm-header-4,
|
|
.cm-s-obsidian .cm-formatting-header.cm-header-5,
|
|
.cm-s-obsidian .cm-formatting-header.cm-header-6 {
|
|
color: var(--text-faint);
|
|
font-weight: var(--bold-weight);
|
|
opacity: 0.8;
|
|
letter-spacing: -0.02em;
|
|
}
|
|
.view-header-title,
|
|
.file-embed-title,
|
|
.markdown-embed-title {
|
|
letter-spacing: -0.02em;
|
|
text-align: left;
|
|
font-size: 1.125em;
|
|
padding: 10px;
|
|
}
|
|
.empty-state-title,
|
|
.markdown-preview-view h1,
|
|
.HyperMD-header,
|
|
.HyperMD-header-1,
|
|
.cm-header-1 {
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.3;
|
|
font-size: var(--h1);
|
|
color: var(--h1-color);
|
|
font-weight: var(--h1-weight) !important;
|
|
}
|
|
.markdown-preview-view h2,
|
|
.HyperMD-header-2,
|
|
.cm-header-2 {
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.3;
|
|
font-size: var(--h2);
|
|
color: var(--h2-color);
|
|
font-weight: var(--h2-weight) !important;
|
|
}
|
|
.markdown-preview-view h3,
|
|
.HyperMD-header-3,
|
|
.cm-header-3 {
|
|
letter-spacing: -0em;
|
|
line-height: 1.4;
|
|
font-size: var(--h3);
|
|
color: var(--h3-color);
|
|
font-weight: var(--h3-weight) !important;
|
|
}
|
|
.markdown-preview-view h4,
|
|
.HyperMD-header-4,
|
|
.cm-s-obsidian .cm-header-4 {
|
|
letter-spacing: 0.02em;
|
|
font-size: var(--h4);
|
|
color: var(--h4-color);
|
|
font-weight: var(--h4-weight) !important;
|
|
text-transform: uppercase;
|
|
}
|
|
.markdown-preview-view h5,
|
|
.HyperMD-header-5,
|
|
.cm-s-obsidian .cm-header-5 {
|
|
letter-spacing: 0.02em;
|
|
font-size: var(--h5);
|
|
color: var(--h5-color);
|
|
font-weight: var(--h5-weight) !important;
|
|
}
|
|
.markdown-preview-view h6,
|
|
.HyperMD-header-6,
|
|
.cm-s-obsidian .cm-header-6 {
|
|
letter-spacing: 0.02em;
|
|
font-size: var(--h6);
|
|
color: var(--h6-color);
|
|
font-weight: var(--h6-weight) !important;
|
|
}
|
|
|
|
.markdown-preview-view mark {
|
|
margin: 0 -0.05em;
|
|
padding: 0.125em 0.15em;
|
|
border-radius: 0.2em;
|
|
-webkit-box-decoration-break: clone;
|
|
box-decoration-break: clone;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Highlight styles */
|
|
/* --------------- */
|
|
|
|
span.cm-highlight {
|
|
padding: 0.1em 0;
|
|
border-radius: 0.2em;
|
|
-webkit-box-decoration-break: clone;
|
|
box-decoration-break: clone;
|
|
}
|
|
|
|
span.cm-formatting-highlight {
|
|
/*margin: 0 0 0 -0.4em;*/
|
|
padding-left: 0.15em;
|
|
padding-right: 0em;
|
|
-webkit-box-decoration-break: clone;
|
|
box-decoration-break: clone;
|
|
}
|
|
|
|
.cm-highlight + span.cm-formatting-highlight {
|
|
padding-left: 0em;
|
|
padding-right: 0.15em;
|
|
-webkit-box-decoration-break: clone;
|
|
box-decoration-break: clone;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Tags */
|
|
/* --------------- */
|
|
|
|
.theme-light .frontmatter-container .tag,
|
|
.theme-light a.tag {
|
|
/* background-color: rgb(189, 225, 211); */
|
|
background-color: var(--tag-background-color-l);
|
|
color: var(--tag-font-color-l);
|
|
/* color: rgb(29, 105, 75); */
|
|
font-size: var(--font-adaptive-smaller);
|
|
font-weight: 500;
|
|
font-family: var(--font-ui);
|
|
padding: 2px 8px;
|
|
margin: 2px 0 0 0;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
border-radius: 20px;
|
|
}
|
|
.theme-light a.tag:hover {
|
|
color: var(--text-normal);
|
|
border-color: var(--background-modifier-border-hover);
|
|
}
|
|
.theme-dark .frontmatter-container .tag,
|
|
.theme-dark a.tag {
|
|
/* background-color: rgb(29, 105, 75); */
|
|
background-color: var(--tag-background-color-d);
|
|
color: var(--tag-font-color-d);
|
|
/* color: var(--text-normal); */
|
|
font-size: var(--font-adaptive-smaller);
|
|
font-weight: 500;
|
|
font-family: var(--font-ui);
|
|
padding: 2px 8px;
|
|
margin: 2px 0 0 0;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
border-radius: 20px;
|
|
}
|
|
.theme-dark a.tag:hover {
|
|
color: var(--text-normal);
|
|
border-color: var(--background-modifier-border-hover);
|
|
}
|
|
.theme-light .cm-s-obsidian span.cm-hashtag {
|
|
background-color: var(--tag-background-color-l);
|
|
color: var(--tag-font-color-l);
|
|
/* background-color: rgb(189, 225, 211);
|
|
color: rgb(29, 105, 75); */
|
|
font-size: var(--font-adaptive-small);
|
|
font-family: var(--font-ui);
|
|
font-weight: 500;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
margin: 2px 0;
|
|
vertical-align: middle;
|
|
padding-top: 1px;
|
|
border-left: none;
|
|
border-right: none;
|
|
padding-bottom: 2px;
|
|
cursor: text;
|
|
}
|
|
.theme-dark .cm-s-obsidian span.cm-hashtag {
|
|
background-color: var(--tag-background-color-d);
|
|
color: var(--tag-font-color-d);
|
|
/* background-color: rgb(29, 105, 75);
|
|
color: var(--text-normal); */
|
|
font-size: var(--font-adaptive-small);
|
|
font-family: var(--font-ui);
|
|
font-weight: 500;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
margin: 2px 0;
|
|
vertical-align: middle;
|
|
padding-top: 1px;
|
|
border-left: none;
|
|
border-right: none;
|
|
padding-bottom: 2px;
|
|
cursor: text;
|
|
}
|
|
span.cm-hashtag.cm-hashtag-begin {
|
|
border-top-left-radius: 14px;
|
|
border-bottom-left-radius: 14px;
|
|
padding-left: 8px;
|
|
border-right: none;
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
}
|
|
span.cm-hashtag.cm-hashtag-end {
|
|
border-top-right-radius: 14px;
|
|
border-bottom-right-radius: 14px;
|
|
border-left: none;
|
|
padding-right: 8px;
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Image zoom */
|
|
/* --------------- */
|
|
|
|
/* Image cards */
|
|
img {
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
background-color: var(
|
|
--background-secondary
|
|
); /* Background color so PNGs with transparent backgrounds don't look weird */
|
|
}
|
|
|
|
.full-width-media .markdown-preview-view .image-embed img:not([width]),
|
|
.full-width-media .markdown-preview-view audio,
|
|
.full-width-media .markdown-preview-view video {
|
|
width: 100%;
|
|
}
|
|
|
|
.view-content .markdown-preview-view img {
|
|
max-width: 100%;
|
|
cursor: zoom-in;
|
|
}
|
|
|
|
body:not(.is-mobile)
|
|
.view-content
|
|
.markdown-preview-view
|
|
img[referrerpolicy='no-referrer']:active,
|
|
body:not(.is-mobile) .view-content .image-embed:active {
|
|
cursor: zoom-out;
|
|
display: block;
|
|
z-index: 100;
|
|
position: fixed;
|
|
max-height: calc(100% + 1px);
|
|
max-width: calc(100% - 20px);
|
|
height: calc(100% + 1px);
|
|
width: 100%;
|
|
object-fit: contain;
|
|
margin: -0.5px auto 0;
|
|
text-align: center;
|
|
padding: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background: var(--background-translucent);
|
|
}
|
|
body:not(.is-mobile)
|
|
.view-content
|
|
.markdown-preview-view
|
|
img[referrerpolicy='no-referrer']:active {
|
|
padding: 2.5%;
|
|
}
|
|
body:not(.is-mobile)
|
|
.view-content
|
|
.markdown-preview-view
|
|
.image-embed:active
|
|
img {
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
padding: 0;
|
|
margin: 0 auto;
|
|
width: auto;
|
|
max-height: 95vh;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
opacity: 1;
|
|
}
|
|
.theme-dark span[src$='#invert'] img {
|
|
filter: invert(1) hue-rotate(180deg);
|
|
mix-blend-mode: screen;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Modals */
|
|
/* --------------- */
|
|
|
|
.modal {
|
|
border: none;
|
|
background: var(--background-primary);
|
|
border-radius: 10px;
|
|
overflow: hidden;
|
|
padding: 20px 20px 10px;
|
|
}
|
|
.modal.mod-settings .vertical-tab-content-container {
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
padding-bottom: 0;
|
|
padding-right: 0;
|
|
}
|
|
.modal-title {
|
|
text-align: left;
|
|
font-size: var(--h2);
|
|
line-height: 1.4;
|
|
padding-bottom: 0;
|
|
}
|
|
.modal-content {
|
|
margin-top: 0px;
|
|
padding: 0;
|
|
}
|
|
.modal-content .u-center-text {
|
|
text-align: left;
|
|
font-size: 13px;
|
|
}
|
|
.progress-bar-message {
|
|
color: var(--text-faint);
|
|
}
|
|
input.prompt-input {
|
|
border: 0;
|
|
background: var(--background-primary);
|
|
box-shadow: none !important;
|
|
padding-left: 10px;
|
|
height: 40px;
|
|
line-height: 4;
|
|
}
|
|
input.prompt-input:hover {
|
|
border: 0;
|
|
background: var(--background-primary);
|
|
padding-left: 10px;
|
|
line-height: 4;
|
|
}
|
|
.suggestion-item {
|
|
cursor: var(--cursor);
|
|
padding-left: 10px;
|
|
}
|
|
.suggestion-flair {
|
|
left: auto;
|
|
right: 16px;
|
|
opacity: 0.25;
|
|
}
|
|
.prompt-results .suggestion-flair .filled-pin {
|
|
display: none;
|
|
}
|
|
.theme-light .modal-container .suggestion-item.is-selected {
|
|
border-radius: 6px;
|
|
background: var(--background-tertiary);
|
|
}
|
|
.theme-dark .modal-container .suggestion-item.is-selected {
|
|
border-radius: 6px;
|
|
/* background: var(--blue-highlighter); */
|
|
background: var(--blue);
|
|
}
|
|
.menu-item {
|
|
margin-bottom: 1px;
|
|
}
|
|
.suggestion-item.is-selected,
|
|
.menu-item:hover:not(.is-disabled):not(.is-label),
|
|
.menu-item:hover {
|
|
background: var(--background-tertiary);
|
|
}
|
|
.suggestion-item,
|
|
.suggestion-empty {
|
|
font-size: var(--font-adaptive-normal);
|
|
}
|
|
.modal,
|
|
.prompt,
|
|
.suggestion-container {
|
|
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
|
|
}
|
|
.prompt-instructions {
|
|
color: var(--text-muted);
|
|
padding: 10px;
|
|
}
|
|
.prompt-instruction-command {
|
|
font-weight: 600;
|
|
}
|
|
.prompt {
|
|
padding-bottom: 0;
|
|
}
|
|
.prompt-results {
|
|
padding-bottom: 10px;
|
|
}
|
|
.menu {
|
|
padding: 6px;
|
|
}
|
|
.menu-item {
|
|
font-size: var(--font-adaptive-small);
|
|
border-radius: 5px;
|
|
padding: 3px 12px 3px 8px;
|
|
height: 26px;
|
|
cursor: var(--cursor);
|
|
line-height: 20px;
|
|
}
|
|
.menu-separator {
|
|
margin: 6px -5px;
|
|
}
|
|
.menu-item-icon svg {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
.menu-item-icon {
|
|
width: 24px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Sync */
|
|
/* --------------- */
|
|
|
|
.sync-history-content {
|
|
font-size: var(--font-adaptive-small);
|
|
border: none;
|
|
padding: 20px 40px 20px 20px;
|
|
}
|
|
.sync-history-content-container {
|
|
padding: 0;
|
|
}
|
|
.sync-history-content-container .modal-button-container {
|
|
margin: 0;
|
|
padding: 10px 5px;
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
background-color: var(--background-primary);
|
|
text-align: center;
|
|
}
|
|
.sync-history-list-container {
|
|
flex-basis: 220px;
|
|
}
|
|
.sync-history-list {
|
|
padding: 10px;
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.sync-history-list-item {
|
|
border-radius: 4px;
|
|
padding: 4px 8px;
|
|
margin-bottom: 4px;
|
|
font-size: var(--font-adaptive-small);
|
|
cursor: var(--cursor);
|
|
}
|
|
.sync-history-list-item.is-active,
|
|
.sync-history-list-item:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* YAML Front matter */
|
|
/* --------------- */
|
|
|
|
.theme-dark pre.frontmatter[class*='language-yaml'],
|
|
.theme-light pre.frontmatter[class*='language-yaml'] {
|
|
padding: 0 0 0px 0;
|
|
background: transparent;
|
|
font-family: var(--text);
|
|
line-height: 1.2;
|
|
border-radius: 0;
|
|
border-bottom: 0px solid var(--background-modifier-border);
|
|
}
|
|
.markdown-preview-view .table-view-table > thead > tr > th {
|
|
border-color: var(--background-modifier-border);
|
|
}
|
|
.theme-dark .frontmatter .token,
|
|
.theme-light .frontmatter .token,
|
|
.markdown-preview-section .frontmatter code {
|
|
font-family: var(--text);
|
|
color: var(--text-faint) !important;
|
|
}
|
|
|
|
.markdown-source-view .cm-s-obsidian .cm-hmd-frontmatter {
|
|
font-family: var(--text-editor);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Drag ghost */
|
|
/* --------------- */
|
|
|
|
body.is-dragging {
|
|
cursor: grabbing;
|
|
cursor: -webkit-grabbing;
|
|
}
|
|
|
|
.workspace-drop-overlay:before,
|
|
.mod-drag,
|
|
.drag-ghost {
|
|
opacity: 100;
|
|
border-radius: 0 !important;
|
|
}
|
|
.mod-drag {
|
|
opacity: 0;
|
|
border: 2px solid var(--text-accent);
|
|
background-color: var(--background-primary);
|
|
}
|
|
.view-header.is-highlighted:after {
|
|
background-color: var(--text-selection);
|
|
}
|
|
.view-header.is-highlighted .view-actions {
|
|
background: transparent;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Workspace */
|
|
/* --------------- */
|
|
|
|
.empty-state {
|
|
background-color: var(--background-primary);
|
|
text-align: center;
|
|
}
|
|
.workspace-split.mod-vertical > .workspace-split {
|
|
padding: 0;
|
|
}
|
|
.workspace-split .workspace-tabs {
|
|
background: var(--background-primary);
|
|
}
|
|
.workspace-split:not(.mod-right-split) .workspace-tabs {
|
|
background: var(--background-secondary);
|
|
}
|
|
.workspace-split.mod-root
|
|
> .workspace-leaf:first-of-type
|
|
.workspace-leaf-content,
|
|
.workspace-split.mod-root
|
|
> .workspace-leaf:last-of-type
|
|
.workspace-leaf-content {
|
|
border-top-right-radius: 0px;
|
|
border-top-left-radius: 0px;
|
|
}
|
|
.workspace-split.mod-root.mod-horizontal .workspace-leaf-resize-handle,
|
|
.workspace-split.mod-root.mod-vertical .workspace-leaf-resize-handle {
|
|
border-width: 1px;
|
|
}
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
|
|
height: 2px;
|
|
background: transparent;
|
|
border-bottom: var(--border-width-alt) solid var(--background-modifier-border);
|
|
}
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
|
|
background: transparent;
|
|
border-left: var(--border-width-alt) solid var(--background-modifier-border);
|
|
width: 3px !important;
|
|
}
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle {
|
|
border-right: var(--border-width) solid var(--background-modifier-border);
|
|
width: 2px !important;
|
|
background: transparent;
|
|
}
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover,
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:hover,
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:hover,
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover {
|
|
border-color: var(--background-modifier-border-hover);
|
|
transition: border-color 0.1s ease-in-out 0.05s,
|
|
border-width 0.1s ease-in-out 0.05s;
|
|
border-width: 3px;
|
|
}
|
|
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:active,
|
|
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active,
|
|
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active,
|
|
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:active {
|
|
border-color: var(--background-modifier-border-focus);
|
|
border-width: 3px;
|
|
}
|
|
.workspace-tab-container-before,
|
|
.workspace-tab-container-after {
|
|
width: 0;
|
|
}
|
|
.workspace-leaf {
|
|
border-left: 0px;
|
|
}
|
|
.mod-horizontal .workspace-leaf {
|
|
border-bottom: 0px;
|
|
background-color: transparent;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
|
|
.workspace-tab-header.is-active,
|
|
.workspace-tab-header.is-after-active,
|
|
.workspace-tab-header.is-after-active .workspace-tab-header-inner,
|
|
.workspace-tab-header.is-before-active,
|
|
.workspace-tab-header.is-after-active {
|
|
background: transparent;
|
|
}
|
|
.workspace-tabs {
|
|
border: 0;
|
|
padding-right: 0;
|
|
font-size: 100%;
|
|
}
|
|
.workspace-tab-header-container {
|
|
border: 0 !important;
|
|
height: 40px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Workspace Icons */
|
|
/* --------------- */
|
|
|
|
.nav-action-button svg {
|
|
width: 25px;
|
|
height: 15px;
|
|
}
|
|
.workspace-ribbon-collapse-btn svg path {
|
|
stroke-width: 3px;
|
|
}
|
|
.nav-action-button svg path {
|
|
stroke-width: 2px;
|
|
}
|
|
.clickable-icon {
|
|
cursor: var(--cursor);
|
|
}
|
|
.view-header-icon,
|
|
.workspace-tab-header,
|
|
.nav-action-button,
|
|
.side-dock-ribbon-tab,
|
|
.view-action {
|
|
background: transparent;
|
|
color: var(--text-muted);
|
|
opacity: var(--icon-muted);
|
|
transition: opacity 0.1s ease-in-out;
|
|
cursor: var(--cursor);
|
|
}
|
|
.view-header-icon {
|
|
opacity: 0;
|
|
}
|
|
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active,
|
|
.workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active,
|
|
.workspace-leaf-content[data-type='tag'] .nav-action-button.is-active,
|
|
.workspace-tab-header.is-active,
|
|
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
|
|
background: transparent;
|
|
color: var(--text-muted);
|
|
opacity: 1;
|
|
transition: opacity 0.1s ease-in-out;
|
|
}
|
|
.view-action:hover,
|
|
.view-header-icon:hover,
|
|
.nav-action-button:hover,
|
|
.workspace-tab-header:hover,
|
|
.side-dock-ribbon-tab:hover,
|
|
.side-dock-ribbon-action:hover {
|
|
background: transparent;
|
|
color: var(--text-muted);
|
|
opacity: 1;
|
|
transition: opacity 0 ease-in-out;
|
|
}
|
|
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
|
|
background: transparent;
|
|
}
|
|
.nav-action-button,
|
|
.workspace-leaf-content[data-type='search'] .nav-action-button,
|
|
.workspace-leaf-content[data-type='backlink'] .nav-action-button {
|
|
padding: 0 4px 0 8px;
|
|
margin: 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Workspace Tabs */
|
|
/* --------------- */
|
|
|
|
.workspace-tab-header-container {
|
|
height: unset;
|
|
padding: 5px 10px 0px 10px;
|
|
margin: 5px 0;
|
|
}
|
|
.theme-light .workspace-tab-header.is-active {
|
|
box-shadow: 0px 0px 1px 1px inset var(--background-tertiary);
|
|
background-color: var(--background-primary);
|
|
border-radius: 6px;
|
|
}
|
|
.theme-dark .workspace-tab-header.is-active {
|
|
box-shadow: 0px 0px 0px 1px inset var(--background-secondary);
|
|
background-color: var(--background-tertiary);
|
|
border-radius: 6px;
|
|
}
|
|
.workspace-tab-container-before.is-before-active,
|
|
.workspace-tab-container-after.is-after-active,
|
|
.workspace-tab-header.is-before-active,
|
|
.workspace-tab-header.is-after-active {
|
|
background: transparent;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Workspace slider */
|
|
/* --------------- */
|
|
|
|
.theme-light .workspace-tab-container-inner {
|
|
border-radius: 10px;
|
|
background-color: var(--background-secondary-alt) !important;
|
|
border: 1px solid var(--background-tertiary);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
stroke-width: 0;
|
|
}
|
|
.theme-dark .workspace-tab-container-inner {
|
|
border-radius: 10px;
|
|
background-color: var(--background-secondary) !important;
|
|
border: 1px solid var(--background-tertiary);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
stroke-width: 0;
|
|
}
|
|
.workspace-tab-header {
|
|
background-color: transparent;
|
|
border-radius: 10px !important;
|
|
}
|
|
.workspace-tab-header-inner {
|
|
padding: 6px 15px;
|
|
}
|
|
.workspace-tab-header-inner-icon {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Window frame */
|
|
/* --------------- */
|
|
|
|
body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) {
|
|
--titlebar-height: 28px;
|
|
padding-top: var(--titlebar-height) !important;
|
|
}
|
|
body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) .titlebar {
|
|
background: var(--background-secondary);
|
|
border-bottom: var(--border-width) solid var(--background-modifier-border);
|
|
height: var(--titlebar-height) !important;
|
|
top: 0 !important;
|
|
padding-top: 0 !important;
|
|
}
|
|
body.hider-frameless .titlebar {
|
|
border-bottom: none;
|
|
}
|
|
.mod-windows .titlebar-button:hover {
|
|
background-color: var(--background-primary-alt);
|
|
}
|
|
.mod-windows .titlebar-button.mod-close:hover {
|
|
background-color: var(--background-modifier-error);
|
|
}
|
|
.mod-windows .mod-close:hover svg {
|
|
fill: white !important;
|
|
stroke: white !important;
|
|
}
|
|
|
|
.titlebar-button-container {
|
|
height: var(--titlebar-height);
|
|
top: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.titlebar:hover .titlebar-button-container.mod-left {
|
|
opacity: 1;
|
|
}
|
|
.titlebar-text {
|
|
display: none;
|
|
padding-top: 5px;
|
|
color: var(--text-faint);
|
|
letter-spacing: inherit;
|
|
}
|
|
.titlebar-button:hover {
|
|
opacity: 1;
|
|
transition: opacity 100ms ease-out;
|
|
}
|
|
.titlebar-button {
|
|
opacity: 0.5;
|
|
cursor: var(--cursor);
|
|
color: var(--text-muted);
|
|
padding: 2px 4px;
|
|
border-radius: 3px;
|
|
line-height: 1;
|
|
display: flex;
|
|
}
|
|
.titlebar-button:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.titlebar-button-container.mod-left .titlebar-button {
|
|
margin-right: 5px;
|
|
}
|
|
.titlebar-button-container.mod-right .titlebar-button {
|
|
margin-left: 0;
|
|
border-radius: 0;
|
|
height: 100%;
|
|
align-items: center;
|
|
padding: 2px 15px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Title Bar */
|
|
/* --------------- */
|
|
|
|
.view-actions {
|
|
margin-right: 10px;
|
|
z-index: 15;
|
|
background: var(--background-primary);
|
|
}
|
|
.view-header {
|
|
height: 40px;
|
|
}
|
|
.view-header-title {
|
|
padding: 0;
|
|
}
|
|
.workspace-leaf-header,
|
|
.view-header {
|
|
background-color: var(--background-primary) !important;
|
|
border: none !important;
|
|
}
|
|
.view-header-title-container:after {
|
|
display: none;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Full borders */
|
|
/* --------------- */
|
|
|
|
body.full-borders .view-header {
|
|
border-bottom: 1px solid var(--background-modifier-border) !important;
|
|
}
|
|
body.full-borders .side-dock-ribbon {
|
|
border-right: 1px solid var(--background-modifier-border) !important;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Custom line width */
|
|
/* --------------- */
|
|
|
|
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
|
|
max-width: var(--max-width);
|
|
width: var(--line-width-adaptive);
|
|
}
|
|
.is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-content {
|
|
max-width: var(--line-width-adaptive);
|
|
}
|
|
|
|
.markdown-source-view.is-readable-line-width .CodeMirror {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
margin: 0 auto 0 auto;
|
|
width: var(--line-width-adaptive);
|
|
max-width: var(--max-width);
|
|
}
|
|
.view-header-title-container {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
position: absolute;
|
|
max-width: var(--max-width);
|
|
width: var(--line-width-adaptive);
|
|
margin: 0 auto;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* EDITOR MODE */
|
|
/* --------------- */
|
|
|
|
/* Fancy cursor */
|
|
.CodeMirror-cursor,
|
|
.cm-s-obsidian .cm-cursor {
|
|
border: none;
|
|
border-right: 2px solid var(--text-accent);
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6,
|
|
.markdown-source-view.mod-cm5,
|
|
.markdown-source-view {
|
|
padding: 0;
|
|
}
|
|
.cm-s-obsidian .CodeMirror-code {
|
|
padding-right: 0;
|
|
}
|
|
.CodeMirror-lines {
|
|
padding-bottom: 170px;
|
|
}
|
|
.CodeMirror pre.CodeMirror-line,
|
|
.CodeMirror pre.CodeMirror-line-like {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.cm-s-obsidian pre.HyperMD-list-line {
|
|
padding-top: 0;
|
|
}
|
|
.workspace .markdown-preview-view {
|
|
padding: 0;
|
|
}
|
|
.workspace .markdown-preview-view .markdown-embed {
|
|
margin: 0;
|
|
}
|
|
.workspace .markdown-preview-view .markdown-embed-content {
|
|
max-height: none;
|
|
}
|
|
.markdown-embed-title,
|
|
.internal-embed .markdown-preview-section {
|
|
max-width: 100%;
|
|
}
|
|
.cm-s-obsidian .HyperMD-header,
|
|
.cm-s-obsidian pre.HyperMD-header {
|
|
padding-left: 0 !important;
|
|
font-size: 1em !important;
|
|
/* TODO */
|
|
}
|
|
.CodeMirror-linenumber {
|
|
font-size: var(--font-adaptive-small) !important;
|
|
font-feature-settings: 'tnum';
|
|
color: var(--text-faint);
|
|
padding-top: 3px;
|
|
}
|
|
.cm-s-obsidian span.cm-url,
|
|
.cm-s-obsidian span.cm-url:hover {
|
|
color: var(--text-accent);
|
|
}
|
|
.cm-s-obsidian span.cm-link {
|
|
color: var(--text-muted);
|
|
}
|
|
.cm-s-obsidian span.cm-hmd-internal-link {
|
|
color: var(--text-accent) !important;
|
|
}
|
|
.cm-s-obsidian span.cm-formatting-link {
|
|
color: var(--text-faint) !important;
|
|
}
|
|
|
|
/* Transcluded notes and embeds */
|
|
|
|
.markdown-preview-view.is-readable-line-width
|
|
.markdown-embed
|
|
.markdown-preview-sizer {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.markdown-embed h1:first-child {
|
|
margin-block-start: 0em;
|
|
}
|
|
|
|
.markdown-preview-view .markdown-embed {
|
|
margin-top: var(--nested-padding);
|
|
padding: 0 calc(var(--nested-padding) / 2) 0 var(--nested-padding);
|
|
}
|
|
.markdown-embed-title {
|
|
/* Remove height to fix cutoff bug */
|
|
/* height: 24px; */
|
|
line-height: 18px;
|
|
}
|
|
.markdown-embed .markdown-preview-sizer:first-child ul {
|
|
margin-block-start: 2px;
|
|
}
|
|
.markdown-embed .markdown-preview-section:last-child p,
|
|
.markdown-embed .markdown-preview-section:last-child ul {
|
|
margin-block-end: 2px;
|
|
}
|
|
.internal-embed:not([src*='#^']) .markdown-embed-link {
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.markdown-embed-link,
|
|
.file-embed-link {
|
|
top: 0px;
|
|
right: 0;
|
|
text-align: right;
|
|
}
|
|
.file-embed-link svg,
|
|
.markdown-embed-link svg {
|
|
width: 16px;
|
|
opacity: 0;
|
|
}
|
|
.markdown-embed:hover .file-embed-link svg,
|
|
.markdown-embed:hover .markdown-embed-link svg {
|
|
opacity: 1;
|
|
}
|
|
.markdown-preview-view .markdown-embed-content > .markdown-preview-view {
|
|
max-height: none !important;
|
|
}
|
|
.markdown-embed .markdown-preview-view {
|
|
padding: 0;
|
|
}
|
|
.internal-embed .markdown-embed {
|
|
border: 0;
|
|
border-left: 2px solid var(--quote-opening-modifier);
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* Embedded Searches */
|
|
|
|
.markdown-preview-view .internal-query.is-embed {
|
|
border-top: none;
|
|
border-bottom: none;
|
|
}
|
|
.markdown-preview-view .internal-query.is-embed .internal-query-header {
|
|
justify-content: start;
|
|
}
|
|
.markdown-preview-view .internal-query.is-embed .internal-query-header-title {
|
|
font-weight: 500;
|
|
color: var(--text-normal);
|
|
font-size: var(--h2);
|
|
}
|
|
.internal-query.is-embed .search-result-file-matches {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
/* Editor Mode Footnotes */
|
|
|
|
.cm-s-obsidian span.cm-footref {
|
|
font-size: var(--font-adaptive-normal);
|
|
}
|
|
.cm-s-obsidian pre.HyperMD-footnote {
|
|
font-size: var(--font-adaptive-small);
|
|
padding-left: 20px;
|
|
}
|
|
|
|
/* Editor Mode Tables */
|
|
|
|
.CodeMirror pre.HyperMD-table-row {
|
|
font-size: calc(var(--font-adaptive-normal) - 1px);
|
|
font-family: var(--font-monospace) !important;
|
|
}
|
|
|
|
/* Editor Mode Lists */
|
|
|
|
.cm-formatting-list {
|
|
color: var(--text-faint) !important;
|
|
}
|
|
/* Editor Mode Quotes */
|
|
|
|
span.cm-formatting.cm-formatting-quote {
|
|
color: var(--text-faint) !important;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Internal search */
|
|
/* --------------- */
|
|
|
|
.is-flashing {
|
|
border-radius: 2px;
|
|
box-shadow: 0 2px 0 8px var(--text-highlight-bg);
|
|
transition: all 0s ease-in-out;
|
|
}
|
|
.is-flashing .tag {
|
|
border-color: var(--text-highlight-bg-active);
|
|
}
|
|
.suggestion-container.mod-search-suggestion {
|
|
max-width: 280px;
|
|
}
|
|
.mod-search-suggestion .suggestion-item {
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.mod-search-suggestion .clickable-icon {
|
|
margin: 0;
|
|
}
|
|
.search-suggest-item.mod-group {
|
|
font-size: var(--font-adaptive-smaller);
|
|
}
|
|
.cm-s-obsidian span.obsidian-search-match-highlight {
|
|
background: inherit;
|
|
background: var(--text-highlight-bg);
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.markdown-preview-view .search-highlight > div {
|
|
box-shadow: 0 0 0px 2px var(--text-normal);
|
|
border-radius: 2px;
|
|
background: transparent;
|
|
}
|
|
.markdown-preview-view .search-highlight > div {
|
|
opacity: 0.4;
|
|
}
|
|
.markdown-preview-view .search-highlight > div.is-active {
|
|
background: transparent;
|
|
border-radius: 2px;
|
|
opacity: 1;
|
|
mix-blend-mode: normal;
|
|
box-shadow: 0 0 0px 3px var(--text-accent);
|
|
}
|
|
.document-search-container.mod-replace-mode {
|
|
height: 90px;
|
|
}
|
|
.document-search-button,
|
|
.document-search-close-button {
|
|
cursor: var(--cursor);
|
|
}
|
|
.document-search-close-button:before {
|
|
font-weight: 200;
|
|
}
|
|
.document-search-container {
|
|
position: fixed;
|
|
padding-top: 10px;
|
|
height: 50px;
|
|
background-color: var(--background-primary);
|
|
border-top: var(--border-width-alt) solid var(--background-modifier-border);
|
|
width: 100%;
|
|
}
|
|
input.document-search-input,
|
|
input.document-replace-input {
|
|
margin-top: 2px;
|
|
font-size: var(--font-adaptive-small) !important;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 5px;
|
|
height: 28px !important;
|
|
background: var(--background-primary);
|
|
transition: border-color 0.1s ease-in-out;
|
|
}
|
|
input.document-search-input:hover,
|
|
input.document-replace-input:hover {
|
|
border: 1px solid var(--background-modifier-border-hover);
|
|
background: var(--background-primary);
|
|
transition: border-color 0.1s ease-in-out;
|
|
}
|
|
input.document-search-input:focus,
|
|
input.document-replace-input:focus {
|
|
border: 1px solid var(--background-modifier-border-focus);
|
|
background: var(--background-primary);
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
.document-search-button {
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Sidebar documents */
|
|
/* --------------- */
|
|
|
|
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
|
|
.workspace > .workspace-split:not(.mod-root) .markdown-preview-view {
|
|
font-size: var(--font-adaptive-small);
|
|
line-height: 1.2;
|
|
}
|
|
.workspace
|
|
> .workspace-split:not(.mod-root)
|
|
.workspace-leaf-content[data-type='markdown']
|
|
.markdown-preview-view {
|
|
padding: 0 15px;
|
|
}
|
|
.workspace
|
|
> .workspace-split:not(.mod-root)
|
|
.workspace-leaf-content[data-type='markdown']
|
|
.markdown-embed
|
|
.markdown-preview-view {
|
|
padding: 0;
|
|
}
|
|
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
|
|
.workspace > .workspace-split:not(.mod-root) .markdown-preview-section,
|
|
.workspace > .workspace-split:not(.mod-root) .markdown-preview-sizer {
|
|
max-width: 100%;
|
|
padding: 0;
|
|
width: auto;
|
|
}
|
|
|
|
/* Hide embed styling for sidebar documents */
|
|
.workspace > .workspace-split:not(.mod-root) .internal-embed .markdown-embed {
|
|
border: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.workspace > .workspace-split:not(.mod-root) .CodeMirror-sizer {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Turn off file name trimming */
|
|
/* --------------- */
|
|
|
|
.full-file-names .tree-item-inner,
|
|
.full-file-names .nav-file-title-content,
|
|
.full-file-names .search-result-file-title {
|
|
text-overflow: unset;
|
|
white-space: normal;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
.full-file-names .nav-file-title {
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Form inputs */
|
|
/* --------------- */
|
|
|
|
textarea,
|
|
input[type='text'],
|
|
input[type='search'],
|
|
input[type='email'],
|
|
input[type='password'],
|
|
input[type='number'],
|
|
button,
|
|
.dropdown,
|
|
.setting-item-control button {
|
|
font-size: var(--font-normal);
|
|
font-family: var(--font-ui);
|
|
}
|
|
textarea {
|
|
padding: 5px 10px;
|
|
transition: all 0.1s linear;
|
|
line-height: 1.3;
|
|
-webkit-appearance: none;
|
|
}
|
|
input[type='text'],
|
|
input[type='search'],
|
|
input[type='email'],
|
|
input[type='password'],
|
|
input[type='number'] {
|
|
padding: 5px 10px;
|
|
transition: all 0.1s linear;
|
|
height: var(--input-height);
|
|
-webkit-appearance: none;
|
|
}
|
|
textarea:hover,
|
|
select:hover,
|
|
input:hover {
|
|
border-color: var(--background-modifier-border-hover);
|
|
transition: all 0.1s linear;
|
|
}
|
|
textarea:active,
|
|
textarea:focus,
|
|
button:active,
|
|
button:focus,
|
|
.dropdown:focus,
|
|
.dropdown:active,
|
|
select:focus,
|
|
select:active,
|
|
input[type='text']:active,
|
|
input[type='search']:active,
|
|
input[type='email']:active,
|
|
input[type='password']:active,
|
|
input[type='number']:active,
|
|
input[type='text']:focus,
|
|
input[type='search']:focus,
|
|
input[type='email']:focus,
|
|
input[type='password']:focus,
|
|
input[type='number']:focus {
|
|
-webkit-appearance: none;
|
|
border-color: var(--background-modifier-border-hover);
|
|
}
|
|
body:not(.is-mobile) textarea:active,
|
|
body:not(.is-mobile) textarea:focus,
|
|
body:not(.is-mobile) button:active,
|
|
body:not(.is-mobile) button:focus,
|
|
body:not(.is-mobile) .dropdown:focus,
|
|
body:not(.is-mobile) .dropdown:active,
|
|
body:not(.is-mobile) select:focus,
|
|
body:not(.is-mobile) select:active,
|
|
body:not(.is-mobile) input:focus {
|
|
box-shadow: 0 0 0px 2px var(--background-modifier-border-hover);
|
|
}
|
|
.modal.mod-settings button:not(.mod-cta):not(.mod-warning),
|
|
.modal button:not(.mod-warning),
|
|
.modal.mod-settings button:not(.mod-warning) {
|
|
background-color: var(--background-button);
|
|
color: var(--text-normal);
|
|
border: 1px solid var(--background-modifier-border);
|
|
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05);
|
|
cursor: var(--cursor);
|
|
height: var(--input-height);
|
|
line-height: 0;
|
|
white-space: nowrap;
|
|
}
|
|
button:hover,
|
|
.modal button:not(.mod-warning):hover,
|
|
.modal.mod-settings button:not(.mod-warning):hover {
|
|
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
|
|
background-color: var(--background-button);
|
|
border-color: var(--background-modifier-border-hover);
|
|
}
|
|
.dropdown,
|
|
select {
|
|
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05);
|
|
background-color: var(--background-button);
|
|
border-color: var(--background-modifier-border);
|
|
transition: border-color 0.1s linear;
|
|
}
|
|
.dropdown:hover,
|
|
select:hover {
|
|
background-color: var(--background-button);
|
|
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Checkboxes */
|
|
/* --------------- */
|
|
|
|
input[type='checkbox'] {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
border-radius: 30%;
|
|
border: 2px solid var(--background-modifier-border-hover);
|
|
padding: 0;
|
|
}
|
|
input[type='checkbox']:focus,
|
|
input[type='checkbox']:hover {
|
|
outline: 0;
|
|
border-color: var(--text-faint);
|
|
}
|
|
.checklist-plugin-main .group .compact > .toggle .checked,
|
|
.is-flashing input[type='checkbox']:checked,
|
|
input[type='checkbox']:checked {
|
|
background-color: var(--blue) !important;
|
|
/* border: 2px solid var(--blue); */
|
|
border: none;
|
|
background-position: center;
|
|
background-size: 70%;
|
|
background-repeat: no-repeat;
|
|
background-image: url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23ffffff"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>');
|
|
}
|
|
.markdown-preview-section > .contains-task-list {
|
|
padding-bottom: 0.5em;
|
|
}
|
|
.markdown-preview-view ul > li.task-list-item.is-checked {
|
|
text-decoration: none;
|
|
color: var(--text-normal);
|
|
}
|
|
.markdown-preview-view .task-list-item-checkbox {
|
|
width: 16px;
|
|
height: 16px;
|
|
position: relative;
|
|
top: 6px;
|
|
line-height: 0;
|
|
margin-left: -1.5em;
|
|
margin-right: 6px;
|
|
filter: none;
|
|
}
|
|
.markdown-preview-view ul > li.task-list-item {
|
|
text-indent: 0;
|
|
line-height: 1.4;
|
|
}
|
|
.markdown-preview-view .task-list-item {
|
|
padding-inline-start: 0;
|
|
}
|
|
.side-dock-plugin-panel-inner {
|
|
padding-right: 6px;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Toggle switches */
|
|
/* --------------- */
|
|
|
|
.checkbox-container {
|
|
background-color: var(--background-modifier-border-hover);
|
|
box-shadow: inset 0 0px 1px 0px rgba(0, 0, 0, 0.2);
|
|
border: none;
|
|
width: 40px;
|
|
height: 24px;
|
|
cursor: var(--cursor);
|
|
}
|
|
.checkbox-container:after {
|
|
background: white;
|
|
border: none;
|
|
margin: 3px 0 0 0;
|
|
height: 18px;
|
|
width: 18px;
|
|
border-radius: 26px;
|
|
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
|
|
transition: all 0.1s linear;
|
|
}
|
|
.checkbox-container:hover:after {
|
|
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1);
|
|
transition: all 0.1s linear;
|
|
}
|
|
.checkbox-container.is-enabled {
|
|
border-color: var(--interactive-accent);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* File browser */
|
|
/* --------------- */
|
|
|
|
.nav-header {
|
|
padding: 0;
|
|
}
|
|
.nav-buttons-container {
|
|
padding: 10px 5px 0px 5px;
|
|
margin-bottom: 0px !important;
|
|
justify-content: flex-start;
|
|
border: 0;
|
|
}
|
|
.nav-files-container {
|
|
overflow-x: hidden;
|
|
padding-bottom: 50px;
|
|
padding-left: 5px;
|
|
}
|
|
.nav-folder-title {
|
|
margin: 0 0 0 8px;
|
|
min-width: auto;
|
|
width: calc(100% - 16px);
|
|
padding: 0 10px 0 16px;
|
|
line-height: 1.5;
|
|
cursor: var(--cursor);
|
|
}
|
|
.nav-folder.mod-root > .nav-folder-title.is-being-dragged-over {
|
|
background-color: var(--text-selection);
|
|
}
|
|
.nav-folder-title.is-being-dragged-over {
|
|
background-color: var(--text-selection);
|
|
border-color: var(--text-selection);
|
|
border-radius: 6px;
|
|
border: 1px solid transparent;
|
|
}
|
|
.nav-folder-title-content {
|
|
padding: 0px 4px 1px 0;
|
|
font-weight: 600;
|
|
}
|
|
.nav-folder-collapse-indicator {
|
|
top: 1px;
|
|
margin-left: -10px;
|
|
}
|
|
.nav-file {
|
|
margin-left: 12px;
|
|
padding-right: 4px;
|
|
}
|
|
.nav-file-title {
|
|
width: calc(100% - 30px);
|
|
margin: 0 8px 0 -4px;
|
|
padding: 2px 2px;
|
|
border-width: 0;
|
|
line-height: 1.6;
|
|
border-color: var(--background-secondary);
|
|
border-radius: 6px;
|
|
cursor: var(--cursor);
|
|
}
|
|
.nav-file-title.is-being-dragged,
|
|
.nav-file-title.is-active,
|
|
body:not(.is-grabbing) .nav-file-title.is-active:hover {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--text-normal);
|
|
}
|
|
.nav-file-title-content {
|
|
width: 100%;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
padding: 0 5px;
|
|
vertical-align: middle;
|
|
cursor: var(--cursor);
|
|
}
|
|
.drop-indicator {
|
|
border-width: 1px;
|
|
}
|
|
.nav-file-icon {
|
|
margin: 1px 0 0 0;
|
|
vertical-align: bottom;
|
|
padding: 0 0 0 5px;
|
|
}
|
|
.workspace-leaf-content[data-type='starred'] .nav-file-title-content {
|
|
width: calc(100% - 15px);
|
|
}
|
|
body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator,
|
|
body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator,
|
|
body:not(.is-grabbing) .nav-file-title:hover,
|
|
body:not(.is-grabbing) .nav-folder-title:hover {
|
|
background: transparent;
|
|
}
|
|
|
|
/* Tooltip */
|
|
|
|
.tooltip {
|
|
font-size: var(--font-adaptive-small);
|
|
line-height: 1.2;
|
|
padding: 4px 8px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* Sidebar font size */
|
|
.nav-file-title,
|
|
.tree-item-self,
|
|
.nav-folder-title,
|
|
.is-collapsed .search-result-file-title,
|
|
.tag-pane-tag {
|
|
font-size: var(--font-adaptive-small);
|
|
color: var(--text-muted);
|
|
}
|
|
.search-result-file-title {
|
|
font-size: var(--font-adaptive-small);
|
|
color: var(--text-normal);
|
|
font-weight: var(--normal-weight);
|
|
}
|
|
.side-dock-collapsible-section-header {
|
|
font-size: var(--font-adaptive-small);
|
|
color: var(--text-muted);
|
|
cursor: var(--cursor);
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
.side-dock-collapsible-section-header:hover,
|
|
.side-dock-collapsible-section-header:not(.is-collapsed) {
|
|
color: var(--text-muted);
|
|
background: transparent;
|
|
}
|
|
.tree-view-item-self:hover .tree-view-item-collapse,
|
|
.collapsible-item-self.is-clickable:hover {
|
|
color: var(--text-muted);
|
|
background: transparent;
|
|
cursor: var(--cursor);
|
|
}
|
|
.collapsible-item-self.is-clickable {
|
|
cursor: var(--cursor);
|
|
}
|
|
.search-result-collapse-indicator svg,
|
|
.search-result-file-title:hover .search-result-collapse-indicator svg,
|
|
.side-dock-collapsible-section-header-indicator:hover svg,
|
|
.side-dock-collapsible-section-header:hover
|
|
.side-dock-collapsible-section-header-indicator
|
|
svg,
|
|
.markdown-preview-view .collapse-indicator svg,
|
|
.tree-view-item-collapse svg,
|
|
.is-collapsed .search-result-collapse-indicator svg,
|
|
.nav-folder-collapse-indicator svg,
|
|
.side-dock-collapsible-section-header-indicator svg,
|
|
.is-collapsed .side-dock-collapsible-section-header-indicator svg {
|
|
color: var(--text-faint);
|
|
cursor: var(--cursor);
|
|
}
|
|
.search-result-collapse-indicator,
|
|
.search-result-file-title:hover .search-result-collapse-indicator,
|
|
.side-dock-collapsible-section-header-indicator:hover,
|
|
.side-dock-collapsible-section-header:hover
|
|
.side-dock-collapsible-section-header-indicator,
|
|
.markdown-preview-view .collapse-indicator,
|
|
.tree-view-item-collapse,
|
|
.is-collapsed .search-result-collapse-indicator,
|
|
.nav-folder-collapse-indicator,
|
|
.side-dock-collapsible-section-header-indicator,
|
|
.is-collapsed .side-dock-collapsible-section-header-indicator {
|
|
color: var(--text-faint);
|
|
cursor: var(--cursor);
|
|
}
|
|
.nav-folder-title.is-being-dragged-over .nav-folder-collapse-indicator svg {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Relationship lines */
|
|
/* --------------- */
|
|
|
|
/* Relationship lines in Preview */
|
|
|
|
ul {
|
|
position: relative;
|
|
}
|
|
.markdown-preview-view ul ul::before {
|
|
content: '';
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
position: absolute;
|
|
left: -0.85em;
|
|
top: 0;
|
|
bottom: 0;
|
|
}
|
|
.markdown-preview-view ul.contains-task-list::before {
|
|
top: 5px;
|
|
}
|
|
.markdown-preview-view .task-list-item-checkbox {
|
|
margin-left: -1.3em;
|
|
}
|
|
|
|
/* Relationship lines in Edit mode */
|
|
|
|
.cm-hmd-list-indent > .cm-tab {
|
|
display: inline-block;
|
|
}
|
|
.cm-hmd-list-indent > .cm-tab:after {
|
|
content: ' ';
|
|
display: block;
|
|
width: 1px;
|
|
position: absolute;
|
|
top: 1px;
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
height: 100%;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Folding offset */
|
|
/* --------------- */
|
|
|
|
/* Add padding to account for gutter in Edit mode when folding is on */
|
|
|
|
body:not(.plugin-sliding-panes-rotate-header) .view-header-title,
|
|
.allow-fold-headings.markdown-preview-view .markdown-preview-sizer,
|
|
.allow-fold-lists.markdown-preview-view .markdown-preview-sizer {
|
|
padding: 0 8px 0 16px;
|
|
}
|
|
.allow-fold-lists.markdown-preview-view
|
|
.markdown-embed
|
|
.markdown-preview-sizer {
|
|
padding-left: 0;
|
|
}
|
|
.is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-gutters,
|
|
.is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-content {
|
|
transform: translateX(-10px) !important;
|
|
}
|
|
.CodeMirror-sizer {
|
|
padding-right: 12px !important;
|
|
}
|
|
|
|
/* Folding icons in Preview */
|
|
|
|
.markdown-preview-view .heading-collapse-indicator.collapse-indicator svg,
|
|
.markdown-preview-view ol > li .collapse-indicator svg,
|
|
.markdown-preview-view ul > li .collapse-indicator svg {
|
|
opacity: 0;
|
|
}
|
|
|
|
h1:hover .heading-collapse-indicator.collapse-indicator svg,
|
|
h2:hover .heading-collapse-indicator.collapse-indicator svg,
|
|
h3:hover .heading-collapse-indicator.collapse-indicator svg,
|
|
h4:hover .heading-collapse-indicator.collapse-indicator svg,
|
|
h5:hover .heading-collapse-indicator.collapse-indicator svg,
|
|
.markdown-preview-view .is-collapsed .collapse-indicator svg,
|
|
.markdown-preview-view .collapse-indicator:hover svg {
|
|
opacity: 1;
|
|
}
|
|
.markdown-preview-view div.is-collapsed h1::after,
|
|
.markdown-preview-view div.is-collapsed h2::after,
|
|
.markdown-preview-view div.is-collapsed h3::after,
|
|
.markdown-preview-view div.is-collapsed h4::after,
|
|
.markdown-preview-view div.is-collapsed h5::after,
|
|
.markdown-preview-view ol .is-collapsed::after,
|
|
.markdown-preview-view ul .is-collapsed::after {
|
|
content: '...';
|
|
padding: 5px;
|
|
color: var(--text-faint);
|
|
}
|
|
.markdown-preview-view ol > li.task-list-item .collapse-indicator,
|
|
.markdown-preview-view ul > li.task-list-item .collapse-indicator {
|
|
position: absolute;
|
|
margin-left: -42px;
|
|
margin-top: 5px;
|
|
}
|
|
.markdown-preview-view ol > li .collapse-indicator {
|
|
padding-right: 20px;
|
|
}
|
|
.markdown-preview-view .heading-collapse-indicator.collapse-indicator {
|
|
margin-left: -25px;
|
|
padding-right: 7px 8px 7px 0;
|
|
}
|
|
.markdown-preview-view .collapse-indicator {
|
|
position: absolute;
|
|
margin-left: -42px;
|
|
padding-bottom: 10px;
|
|
padding-top: 0px;
|
|
}
|
|
.markdown-preview-view ul > li:not(.task-list-item) .collapse-indicator {
|
|
padding-right: 20px;
|
|
}
|
|
.markdown-preview-view ul > li:not(.task-list-item)::marker {
|
|
font-size: 0.9em;
|
|
}
|
|
.markdown-preview-view ul > li:not(.task-list-item).is-collapsed::before {
|
|
background: var(--background-modifier-border);
|
|
box-shadow: 3px 0 0px 4px var(--background-modifier-border);
|
|
}
|
|
.list-collapse-indicator .collapse-indicator .collapse-icon {
|
|
opacity: 0;
|
|
}
|
|
.markdown-preview-view ul > li h1,
|
|
.markdown-preview-view ul > li h2,
|
|
.markdown-preview-view ul > li h3,
|
|
.markdown-preview-view ul > li h4 {
|
|
display: inline;
|
|
}
|
|
|
|
/* Folding icons in Edit mode */
|
|
|
|
span[title='Fold line'],
|
|
span[title='Unfold line'] {
|
|
margin: 0 0 0 0;
|
|
padding: 0 0 1em 0;
|
|
}
|
|
|
|
.CodeMirror-foldmarker {
|
|
color: var(--text-faint);
|
|
cursor: default;
|
|
margin-left: 5px;
|
|
}
|
|
.CodeMirror-foldgutter-folded {
|
|
cursor: var(--cursor);
|
|
margin-top: -3px;
|
|
transform: rotate(-90deg);
|
|
}
|
|
.CodeMirror-foldgutter-open {
|
|
cursor: var(--cursor);
|
|
margin-top: -1px;
|
|
width: 16px;
|
|
height: 20px;
|
|
}
|
|
span[title='Fold line'],
|
|
span[title='Unfold line'],
|
|
.CodeMirror-foldgutter-folded:after,
|
|
.CodeMirror-foldgutter-open:after {
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' class='right-triangle'%3E%3Cpath fill='currentColor' stroke='currentColor' d='M94.9,20.8c-1.4-2.5-4.1-4.1-7.1-4.1H12.2c-3,0-5.7,1.6-7.1,4.1c-1.3,2.4-1.2,5.2,0.2,7.6L43.1,88c1.5,2.3,4,3.7,6.9,3.7 s5.4-1.4,6.9-3.7l37.8-59.6C96.1,26,96.2,23.2,94.9,20.8L94.9,20.8z'%3E%3C/path%3E%3C/svg%3E");
|
|
color: transparent;
|
|
}
|
|
span[title='Unfold line'] {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' class='right-triangle'%3E%3Cpath fill='currentColor' stroke='currentColor' transform='rotate(-90,50,50)' d='M94.9,20.8c-1.4-2.5-4.1-4.1-7.1-4.1H12.2c-3,0-5.7,1.6-7.1,4.1c-1.3,2.4-1.2,5.2,0.2,7.6L43.1,88c1.5,2.3,4,3.7,6.9,3.7 s5.4-1.4,6.9-3.7l37.8-59.6C96.1,26,96.2,23.2,94.9,20.8L94.9,20.8z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
.theme-dark span[title='Fold line'],
|
|
.theme-dark span[title='Unfold line'],
|
|
.theme-dark .CodeMirror-foldgutter-folded:after,
|
|
.theme-dark .CodeMirror-foldgutter-open:after {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' class='right-triangle'%3E%3Cpath fill='%23FFFFFF' stroke='%23FFFFFF' d='M94.9,20.8c-1.4-2.5-4.1-4.1-7.1-4.1H12.2c-3,0-5.7,1.6-7.1,4.1c-1.3,2.4-1.2,5.2,0.2,7.6L43.1,88c1.5,2.3,4,3.7,6.9,3.7 s5.4-1.4,6.9-3.7l37.8-59.6C96.1,26,96.2,23.2,94.9,20.8L94.9,20.8z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
span[title='Fold line'],
|
|
.CodeMirror-foldgutter-open:after {
|
|
opacity: 0;
|
|
}
|
|
span[title='Fold line']:hover,
|
|
span[title='Unfold line'],
|
|
.CodeMirror-foldgutter-folded:after,
|
|
.CodeMirror-code > div:hover .CodeMirror-foldgutter-open:after {
|
|
opacity: 0.3;
|
|
}
|
|
span[title='Unfold line']:hover,
|
|
.CodeMirror-code > div:hover .CodeMirror-foldgutter-open:hover:after,
|
|
.CodeMirror-code > div:hover .CodeMirror-foldgutter-folded:hover:after {
|
|
opacity: 1;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Outline */
|
|
/* --------------- */
|
|
|
|
.outline {
|
|
padding: 15px 10px 20px 0;
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.outline .pane-empty {
|
|
font-size: var(--font-adaptive-small);
|
|
color: var(--text-faint);
|
|
padding: 0 0 0 15px;
|
|
width: 100%;
|
|
}
|
|
.outline .collapsible-item-self {
|
|
cursor: var(--cursor);
|
|
line-height: 1.4;
|
|
margin-bottom: 4px;
|
|
font-size: var(--font-adaptive-small);
|
|
padding-left: 15px;
|
|
}
|
|
.collapsible-item-collapse {
|
|
opacity: 1;
|
|
left: -5px;
|
|
color: var(--text-faint);
|
|
}
|
|
.outline .collapsible-item-inner:hover {
|
|
color: var(--text-normal);
|
|
}
|
|
.collapsible-item-self.is-clickable:hover .collapsible-item-collapse {
|
|
color: var(--text-normal);
|
|
}
|
|
.outline > .collapsible-item > .collapsible-item-self .right-triangle {
|
|
opacity: 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Search */
|
|
/* --------------- */
|
|
|
|
.search-result-container.mod-global-search .search-empty-state {
|
|
padding-left: 15px;
|
|
}
|
|
.search-result-file-match {
|
|
cursor: var(--cursor) !important;
|
|
}
|
|
.search-result-file-match:hover {
|
|
color: var(--text-normal);
|
|
background: transparent;
|
|
}
|
|
.search-result-container:before {
|
|
height: 1px;
|
|
}
|
|
.search-result-container.is-loading:before {
|
|
background-color: var(--background-modifier-accent);
|
|
}
|
|
.search-result {
|
|
margin-bottom: 0;
|
|
}
|
|
.search-result-count {
|
|
opacity: 1;
|
|
color: var(--text-faint);
|
|
padding: 0 0 0 5px;
|
|
}
|
|
.search-result-file-match:before {
|
|
top: 0;
|
|
}
|
|
.search-result-file-match:not(:first-child) {
|
|
margin-top: 0px;
|
|
}
|
|
.search-result-file-match {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-top: 6px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.search-input-container input,
|
|
.search-input-container input:hover,
|
|
.search-input-container input:focus {
|
|
font-size: var(--font-adaptive-small);
|
|
padding: 5px 10px;
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.search-input-container {
|
|
width: calc(100% - 20px);
|
|
margin: 0 0 5px 10px;
|
|
}
|
|
/* .search-result-file-matched-text {
|
|
background-color: var(--text-selection);
|
|
} */
|
|
.workspace-leaf-content .setting-item {
|
|
padding: 5px 0;
|
|
border: none;
|
|
}
|
|
.workspace-leaf-content .setting-item-control {
|
|
flex-shrink: 0;
|
|
flex: 1;
|
|
}
|
|
.search-input-clear-button {
|
|
cursor: var(--cursor);
|
|
top: 0px;
|
|
bottom: 0px;
|
|
border-radius: 15px;
|
|
line-height: 0px;
|
|
height: 15px;
|
|
width: 15px;
|
|
margin: auto;
|
|
padding: 6px 0 0 0;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
align-items: center;
|
|
color: var(--text-faint);
|
|
}
|
|
.search-input-clear-button:hover {
|
|
color: var(--text-normal);
|
|
}
|
|
.search-input-clear-button:before {
|
|
font-size: 22px;
|
|
font-weight: 200;
|
|
}
|
|
.search-input {
|
|
max-width: 100%;
|
|
margin-left: 0;
|
|
width: 500px;
|
|
}
|
|
input.search-input:focus {
|
|
border-color: var(--background-modifier-border);
|
|
}
|
|
.workspace-leaf-content[data-type='search'] .search-result-file-matches {
|
|
border-left: 0;
|
|
padding-left: 0;
|
|
}
|
|
.search-empty-state {
|
|
font-size: var(--font-adaptive-small);
|
|
color: var(--text-faint);
|
|
padding-left: 5px;
|
|
margin: 0;
|
|
}
|
|
.search-result-container {
|
|
padding: 5px 10px 50px 0px;
|
|
}
|
|
.search-result-file-title {
|
|
line-height: 1.3;
|
|
padding: 4px 4px 4px 24px;
|
|
vertical-align: middle;
|
|
cursor: var(--cursor) !important;
|
|
}
|
|
.tree-item-inner,
|
|
.search-result-file-title {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.search-result-collapse-indicator {
|
|
left: 0px;
|
|
}
|
|
.search-result-file-match:before {
|
|
height: 0.5px;
|
|
}
|
|
.search-result-file-matches {
|
|
font-size: var(--font-adaptive-small);
|
|
line-height: 1.4;
|
|
margin-bottom: 8px;
|
|
padding: 0 0 6px 0;
|
|
color: var(--text-muted);
|
|
border-bottom: 1px solid var(--background-modifier-border-focus);
|
|
}
|
|
.search-info-container {
|
|
font-size: var(--font-adaptive-smaller);
|
|
color: var(--text-faint);
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
}
|
|
.search-info-more-matches {
|
|
font-size: var(--font-adaptive-smaller);
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
color: var(--text-normal);
|
|
}
|
|
.side-dock-collapsible-section-header-indicator {
|
|
display: none;
|
|
}
|
|
.search-result-file-title:hover {
|
|
color: var(--text-normal);
|
|
background: transparent;
|
|
}
|
|
.workspace-leaf-content .search-input,
|
|
.workspace-leaf-content .search-input:hover,
|
|
.workspace-leaf-content .search-input:focus {
|
|
font-size: var(--font-adaptive-small);
|
|
padding: 7px 10px;
|
|
height: 28px;
|
|
border-radius: 5px;
|
|
background: var(--background-primary);
|
|
border: 1px solid var(--background-modifier-border);
|
|
transition: border-color 0.1s ease-in-out;
|
|
}
|
|
.workspace-leaf-content .search-input:hover {
|
|
border-color: var(--background-modifier-border-hover);
|
|
transition: border-color 0.1s ease-in-out;
|
|
}
|
|
.workspace-leaf-content .search-input:focus {
|
|
background: var(--background-primary);
|
|
border-color: var(--background-modifier-border-focus);
|
|
transition: all 0.1s ease-in-out;
|
|
}
|
|
.search-input-container input::placeholder {
|
|
color: var(--text-faint);
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.workspace-split.mod-root
|
|
.workspace-split.mod-vertical
|
|
.workspace-leaf-content {
|
|
padding-right: 0;
|
|
}
|
|
.workspace-split.mod-horizontal.mod-right-split {
|
|
width: 0;
|
|
}
|
|
.workspace-split.mod-vertical > .workspace-leaf {
|
|
padding-right: 1px;
|
|
}
|
|
.workspace-leaf-content[data-type='starred'] .item-list {
|
|
padding-top: 5px;
|
|
}
|
|
.workspace-leaf-content .view-content,
|
|
.workspace-split.mod-right-split .view-content {
|
|
padding: 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Nested items */
|
|
/* --------------- */
|
|
|
|
.nav-folder-collapse-indicator,
|
|
.tree-item-self .collapse-icon {
|
|
color: var(--background-modifier-border-hover);
|
|
}
|
|
.tree-item-self .collapse-icon {
|
|
padding-left: 0;
|
|
width: 15px;
|
|
margin-left: -15px;
|
|
}
|
|
.tree-item-self:hover .collapse-icon {
|
|
color: var(--text-normal);
|
|
}
|
|
.tree-item {
|
|
padding-left: 5px;
|
|
}
|
|
.tree-item-flair {
|
|
font-size: var(--font-adaptive-smaller);
|
|
right: 0;
|
|
background: transparent;
|
|
color: var(--text-faint);
|
|
}
|
|
.tree-item-flair-outer:after {
|
|
content: '';
|
|
}
|
|
.tree-item-self.is-clickable {
|
|
cursor: var(--cursor);
|
|
}
|
|
.tree-item-self.is-clickable:hover {
|
|
background: transparent;
|
|
}
|
|
.tree-item-self:hover .tree-item-flair {
|
|
background: transparent;
|
|
color: var(--text-muted);
|
|
}
|
|
.tree-item-children {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Backlink pane */
|
|
/* --------------- */
|
|
|
|
.outgoing-link-pane,
|
|
.backlink-pane {
|
|
padding-bottom: 30px;
|
|
}
|
|
.outgoing-link-pane .search-result-container,
|
|
.backlink-pane .search-result-container {
|
|
padding: 5px 5px 5px 5px;
|
|
margin-left: 0;
|
|
}
|
|
.outgoing-link-pane .search-result-file-title,
|
|
.backlink-pane .search-result-file-title {
|
|
padding-left: 15px;
|
|
}
|
|
.outgoing-link-pane .tree-item-icon,
|
|
.outgoing-link-pane > .tree-item-self .collapse-icon,
|
|
.backlink-pane > .tree-item-self .collapse-icon {
|
|
display: none;
|
|
}
|
|
|
|
.tree-item-self.outgoing-link-item {
|
|
padding: 0;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.outgoing-link-pane > .tree-item-self:hover,
|
|
.outgoing-link-pane > .tree-item-self,
|
|
.backlink-pane > .tree-item-self:hover,
|
|
.backlink-pane > .tree-item-self {
|
|
padding-left: 15px;
|
|
color: var(--text-muted);
|
|
/* text-transform: uppercase; */
|
|
letter-spacing: 0.05em;
|
|
font-size: var(--font-adaptive-small);
|
|
font-weight: 500;
|
|
padding: 10px 7px 5px 10px;
|
|
background: transparent;
|
|
}
|
|
|
|
.outgoing-link-pane > .tree-item-self.is-collapsed,
|
|
.backlink-pane > .tree-item-self.is-collapsed {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.outgoing-link-pane .search-result-file-match {
|
|
padding: 5px 0;
|
|
border: 0;
|
|
}
|
|
.outgoing-link-pane .search-result-file-match-destination-file {
|
|
background: transparent;
|
|
}
|
|
.search-result-file-match:hover
|
|
.search-result-file-match-destination-file:hover {
|
|
background: transparent;
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Tag pane */
|
|
/* --------------- */
|
|
|
|
.tag-container {
|
|
padding: 10px;
|
|
}
|
|
.tag-pane-tag-count {
|
|
margin-right: 10px;
|
|
color: var(--text-faint);
|
|
}
|
|
.pane-list-item-ending-flair {
|
|
background: transparent;
|
|
}
|
|
.tag-pane-tag {
|
|
padding: 2px 5px 2px 5px;
|
|
cursor: var(--cursor);
|
|
}
|
|
.tag-pane-tag:hover {
|
|
background: transparent;
|
|
}
|
|
.nav-file.is-active .nav-file-title:hover {
|
|
background: var(--background-tertiary) !important;
|
|
}
|
|
.nav-file.is-active > .nav-file-title {
|
|
background: var(--background-tertiary);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Status bar */
|
|
/* --------------- */
|
|
|
|
.status-bar {
|
|
transition: color 200ms linear;
|
|
color: var(--text-faint);
|
|
font-size: var(--font-adaptive-smaller);
|
|
line-height: 1;
|
|
max-height: 24px;
|
|
}
|
|
.status-bar {
|
|
background-color: var(--background-primary);
|
|
z-index: 30;
|
|
border-top-left-radius: 5px;
|
|
width: auto;
|
|
position: absolute;
|
|
left: auto;
|
|
border: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
max-height: 26px;
|
|
padding: 2px 8px 6px 3px;
|
|
}
|
|
.sync-status-icon.mod-working,
|
|
.sync-status-icon.mod-success {
|
|
color: var(--text-faint);
|
|
transition: color 200ms linear;
|
|
cursor: var(--cursor);
|
|
}
|
|
.status-bar:hover .sync-status-icon.mod-working,
|
|
.status-bar:hover .sync-status-icon.mod-success,
|
|
.status-bar:hover {
|
|
color: var(--text-muted);
|
|
transition: color 200ms linear;
|
|
}
|
|
.status-bar-item {
|
|
padding: 0 5px;
|
|
}
|
|
.status-bar-item-segment {
|
|
margin-right: 10px;
|
|
}
|
|
.status-bar-item.mod-clickable {
|
|
cursor: var(--cursor);
|
|
}
|
|
.status-bar-item.mod-clickable:hover {
|
|
background-color: var(--background-tertiary);
|
|
border-radius: 4px;
|
|
}
|
|
.status-bar-item {
|
|
padding: 7px 5px;
|
|
margin: 0 2px 0 0;
|
|
}
|
|
.status-bar-item,
|
|
.sync-status-icon {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.status-bar-item.plugin-sync {
|
|
padding-right: 0;
|
|
}
|
|
.status-bar-item.plugin-sync svg {
|
|
height: 15px;
|
|
width: 15px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Workplace ribbon & sidedock icons */
|
|
/* --------------- */
|
|
|
|
.workspace-ribbon-collapse-btn {
|
|
margin: 0;
|
|
padding: 12px 5px;
|
|
}
|
|
.workspace-ribbon-collapse-btn,
|
|
.view-action,
|
|
.side-dock-ribbon-tab,
|
|
.side-dock-ribbon-action {
|
|
cursor: var(--cursor);
|
|
}
|
|
.workspace-ribbon {
|
|
border-width: var(--border-width-alt);
|
|
border-color: var(--background-modifier-border);
|
|
background: var(--background-secondary);
|
|
}
|
|
.mod-right:not(.is-collapsed) ~ .workspace-split.mod-right-split {
|
|
margin-right: 0;
|
|
}
|
|
.side-dock-ribbon-action {
|
|
padding: 6px 0;
|
|
}
|
|
body.hider-frameless:not(.hider-ribbon):not(.is-fullscreen) .side-dock-actions {
|
|
padding-top: 24px;
|
|
}
|
|
body.hider-frameless:not(.hider-ribbon):not(.is-fullscreen)
|
|
.workspace-ribbon-collapse-btn {
|
|
margin: 0;
|
|
padding-top: 40px;
|
|
}
|
|
.workspace-ribbon.mod-right {
|
|
right: 7px; /* DO NOT CHANGE */
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Preview mode */
|
|
/* --------------- */
|
|
|
|
.markdown-preview-view hr {
|
|
height: 1px;
|
|
border-width: 2px 0 0 0;
|
|
}
|
|
a[href*="obsidian://search"]
|
|
{
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='black' stroke='black' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
.theme-dark a[href*="obsidian://search"]
|
|
{
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='white' stroke='white' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E");
|
|
}
|
|
|
|
/* Style settings to toggle link underlines */
|
|
body:not(.links-int-on) a[href*="obsidian://"],
|
|
body:not(.links-int-on) .markdown-preview-view .internal-link,
|
|
body:not(.links-int-on) .external-link {
|
|
text-decoration: none;
|
|
}
|
|
body.links-int-on .markdown-preview-view .internal-link,
|
|
.markdown-preview-view .internal-link {
|
|
text-decoration: underline;
|
|
}
|
|
body.links-ext-on .external-link,
|
|
.external-link {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.footnotes-list {
|
|
margin-block-start: -10px;
|
|
padding-inline-start: 20px;
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.footnotes-list p {
|
|
display: inline;
|
|
margin-block-end: 0;
|
|
margin-block-start: 0;
|
|
}
|
|
.footnote-ref a {
|
|
text-decoration: none;
|
|
}
|
|
.footnote-backref {
|
|
color: var(--text-faint);
|
|
}
|
|
iframe {
|
|
border: 0;
|
|
}
|
|
.markdown-preview-view .mod-highlighted {
|
|
transition: background-color 0.3s ease;
|
|
background-color: var(--text-selection);
|
|
color: inherit;
|
|
}
|
|
|
|
/* Metadata */
|
|
|
|
.frontmatter-collapse-indicator.collapse-indicator {
|
|
display: none;
|
|
}
|
|
.frontmatter-container .tag {
|
|
font-size: var(--font-adaptive-smaller);
|
|
}
|
|
.frontmatter-container .frontmatter-alias {
|
|
color: var(--text-muted);
|
|
}
|
|
.frontmatter-container {
|
|
border: 1px solid var(--background-modifier-border);
|
|
font-size: 14px;
|
|
color: var(--text-muted);
|
|
padding: 6px 14px;
|
|
border-radius: 4px;
|
|
background-color: var(--background-primary-alt);
|
|
position: relative;
|
|
margin-top: 16px;
|
|
}
|
|
|
|
/* Blockquotes */
|
|
|
|
.markdown-preview-view blockquote {
|
|
border-radius: 0;
|
|
border: solid var(--quote-opening-modifier);
|
|
border-width: 0px 0px 0px 2px;
|
|
background-color: transparent;
|
|
color: var(--green);
|
|
font-style: italic;
|
|
padding: 0 0 0 calc(var(--nested-padding) / 2);
|
|
margin-inline-start: var(--nested-padding);
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-quote {
|
|
color: var(--green);
|
|
font-style: italic;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* TEXT MARKINGS*/
|
|
/* --------------- */
|
|
|
|
/* Hashes */
|
|
|
|
span.cm-formatting {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
/* Italics */
|
|
|
|
em,
|
|
.cm-s-obsidian .cm-em.cm-header,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-1,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-2,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-3,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-4,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-5,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-6,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-1,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-2,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-3,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-4,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-5,
|
|
.cm-s-obsidian .cm-em.cm-header.cm-header-6,
|
|
.markdown-preview-section em,
|
|
.cm-s-obsidian .cm-em {
|
|
font-style: italic;
|
|
color: var(--em-color);
|
|
}
|
|
|
|
/* Bold */
|
|
|
|
strong,
|
|
.cm-s-obsidian .cm-strong.cm-header,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-1,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-2,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-3,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-4,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-5,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-6,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-1,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-2,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-3,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-4,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-5,
|
|
.cm-s-obsidian .cm-strong.cm-header.cm-header-6,
|
|
.cm-header.cm-header-3.cm-hmd-internal-link,
|
|
.markdown-preview-section strong,
|
|
.cm-s-obsidian .cm-strong {
|
|
color: var(--strong-color);
|
|
}
|
|
|
|
/* Strikethrough */
|
|
|
|
del,
|
|
.cm-strikethrough {
|
|
text-decoration-color: var(--text-muted);
|
|
text-decoration-thickness: 2px !important;
|
|
}
|
|
|
|
/* Tables */
|
|
|
|
.markdown-preview-view th {
|
|
font-weight: var(--bold-weight);
|
|
text-align: left;
|
|
border-top: none;
|
|
}
|
|
.markdown-preview-view th:last-child,
|
|
.markdown-preview-view td:last-child {
|
|
border-right: none;
|
|
}
|
|
.markdown-preview-view th:first-child,
|
|
.markdown-preview-view td:first-child {
|
|
border-left: none;
|
|
padding-left: 0;
|
|
}
|
|
.markdown-preview-view tr:last-child td {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/* Preview Mode Lists */
|
|
|
|
ul {
|
|
padding-inline-start: 2em;
|
|
}
|
|
ol {
|
|
padding-inline-start: 1em;
|
|
margin-left: 1em;
|
|
list-style: default;
|
|
position: relative;
|
|
}
|
|
ul > li {
|
|
min-height: 1.4em;
|
|
}
|
|
ul > li::marker,
|
|
ol > li::marker {
|
|
color: var(--text-faint);
|
|
}
|
|
ol > li {
|
|
margin-left: 0em;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Code */
|
|
/* --------------- */
|
|
|
|
.markdown-preview-view code {
|
|
color: var(--code-color);
|
|
}
|
|
.cm-inline-code {
|
|
color: var(--code-color) !important;
|
|
}
|
|
.theme-light :not(pre) > code[class*='language-'],
|
|
.theme-light pre[class*='language-'] {
|
|
background-color: var(--background-primary-alt);
|
|
}
|
|
.theme-light code[class*='language-'],
|
|
.theme-light pre[class*='language-'] {
|
|
text-shadow: none;
|
|
}
|
|
pre .copy-code-button {
|
|
border-radius: 5px;
|
|
background-color: var(--background-secondary-alt);
|
|
}
|
|
pre .copy-code-button:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.markdown-preview-section .frontmatter code {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.cm-s-obsidian .hmd-fold-html-stub,
|
|
.cm-s-obsidian .hmd-fold-code-stub,
|
|
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code,
|
|
.cm-s-obsidian .cm-formatting-hashtag,
|
|
.cm-s-obsidian .cm-inline-code,
|
|
.cm-s-obsidian .HyperMD-codeblock,
|
|
.cm-s-obsidian .HyperMD-hr,
|
|
.cm-s-obsidian .cm-hmd-frontmatter,
|
|
.cm-s-obsidian .cm-hmd-orgmode-markup,
|
|
.cm-s-obsidian .cm-formatting-code,
|
|
.cm-s-obsidian .cm-math,
|
|
.cm-s-obsidian span.hmd-fold-math-placeholder,
|
|
.cm-s-obsidian .CodeMirror-linewidget kbd,
|
|
.cm-s-obsidian .hmd-fold-html kbd .CodeMirror-code {
|
|
font-family: var(--font-monospace);
|
|
}
|
|
.cm-s-obsidian .cm-hmd-frontmatter {
|
|
font-size: var(--font-adaptive-small);
|
|
color: var(--text-muted);
|
|
}
|
|
.markdown-source-view.mod-cm6 .code-block-flair {
|
|
color: var(--text-muted);
|
|
padding: 5px;
|
|
}
|
|
|
|
/* Atom coloring */
|
|
/* Source: https://github.com/AGMStudio/prism-theme-one-dark */
|
|
|
|
.token.comment,
|
|
.token.prolog,
|
|
.token.doctype,
|
|
.token.cdata {
|
|
color: var(--atom-gray-1) !important;
|
|
}
|
|
.token.punctuation {
|
|
color: var(--atom-gray-2) !important;
|
|
}
|
|
.token.selector,
|
|
.token.tag {
|
|
color: var(--atom-red) !important;
|
|
}
|
|
.token.property,
|
|
.token.boolean,
|
|
.token.number,
|
|
.token.constant,
|
|
.token.symbol,
|
|
.token.attr-name,
|
|
.token.deleted {
|
|
color: var(--atom-orange) !important;
|
|
}
|
|
.token.string,
|
|
.token.char,
|
|
.token.attr-value,
|
|
.token.builtin,
|
|
.token.inserted {
|
|
color: var(--atom-green) !important;
|
|
}
|
|
.token.operator,
|
|
.token.entity,
|
|
.token.url,
|
|
.language-css .token.string,
|
|
.style .token.string {
|
|
color: var(--atom-aqua) !important;
|
|
}
|
|
.token.atrule,
|
|
.token.keyword {
|
|
color: var(--atom-purple) !important;
|
|
}
|
|
.token.function,
|
|
.token.macro.property {
|
|
color: var(--atom-blue) !important;
|
|
}
|
|
.token.class-name {
|
|
color: var(--atom-yellow) !important;
|
|
}
|
|
.token.regex,
|
|
.token.important,
|
|
.token.variable {
|
|
color: var(--atom-purple) !important;
|
|
}
|
|
.token.important,
|
|
.token.bold {
|
|
font-weight: bold !important;
|
|
}
|
|
.token.italic {
|
|
font-style: italic !important;
|
|
}
|
|
.token.entity {
|
|
cursor: help !important;
|
|
}
|
|
pre.line-numbers {
|
|
position: relative !important;
|
|
padding-left: 3.8em !important;
|
|
counter-reset: linenumber !important;
|
|
}
|
|
pre.line-numbers > code {
|
|
position: relative !important;
|
|
}
|
|
.line-numbers .line-numbers-rows {
|
|
position: absolute !important;
|
|
pointer-events: none !important;
|
|
top: 0 !important;
|
|
font-size: 100% !important;
|
|
left: -3.8em !important;
|
|
width: 3em !important;
|
|
letter-spacing: -1px !important;
|
|
border-right: 0 !important;
|
|
-webkit-user-select: none !important;
|
|
-moz-user-select: none !important;
|
|
-ms-user-select: none !important;
|
|
user-select: none !important;
|
|
}
|
|
.line-numbers-rows > span {
|
|
pointer-events: none !important;
|
|
display: block !important;
|
|
counter-increment: linenumber !important;
|
|
}
|
|
.line-numbers-rows > span:before {
|
|
content: counter(linenumber) !important;
|
|
color: var(--syntax-gray-1) !important;
|
|
display: block !important;
|
|
padding-right: 0.8em !important;
|
|
text-align: right !important;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Popovers */
|
|
/* --------------- */
|
|
|
|
.popover,
|
|
.popover.hover-popover {
|
|
min-height: 40px;
|
|
box-shadow: 0 20px 40px var(--background-modifier-box-shadow);
|
|
pointer-events: auto !important;
|
|
border: 1px solid var(--background-modifier-border);
|
|
}
|
|
.popover.hover-popover {
|
|
max-height: 40vh;
|
|
}
|
|
.popover .markdown-embed-link {
|
|
display: none;
|
|
}
|
|
.popover .markdown-embed .markdown-preview-view {
|
|
padding: 10px 20px 30px;
|
|
}
|
|
.popover.hover-popover .markdown-embed .markdown-embed-content {
|
|
max-height: none;
|
|
}
|
|
.popover.hover-popover.mod-empty {
|
|
padding: 20px 20px 20px 20px;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.popover.hover-popover .markdown-preview-view .table-view-table,
|
|
.popover.hover-popover .markdown-embed .markdown-preview-view {
|
|
font-size: 1.05em;
|
|
}
|
|
|
|
.popover.hover-popover .markdown-embed h1,
|
|
.popover.hover-popover .markdown-embed h2,
|
|
.popover.hover-popover .markdown-embed h3,
|
|
.popover.hover-popover .markdown-embed h4 {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Graphs */
|
|
|
|
/* Fill color for nodes */
|
|
.graph-view.color-fill {
|
|
color: var(--text-muted);
|
|
}
|
|
/* Fill color for nodes on hover */
|
|
.graph-view.color-fill-highlight {
|
|
color: var(--text-accent);
|
|
}
|
|
/* Stroke color for nodes */
|
|
.graph-view.color-circle {
|
|
color: var(--text-accent);
|
|
}
|
|
/* Line color */
|
|
.graph-view.color-line {
|
|
color: var(--background-modifier-border);
|
|
}
|
|
/* Line color on hover */
|
|
.graph-view.color-line-highlight {
|
|
color: var(--text-accent);
|
|
border: 0;
|
|
}
|
|
/* Text color */
|
|
.graph-view.color-text {
|
|
color: var(--text-normal);
|
|
}
|
|
.graph-view.color-fill-unresolved {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
/* Full bleed (takes up full height) */
|
|
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type='localgraph']
|
|
.view-header,
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type='graph']
|
|
.view-header {
|
|
position: fixed;
|
|
background: transparent !important;
|
|
width: 100%;
|
|
}
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type='localgraph']
|
|
.view-content,
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type='graph']
|
|
.view-content {
|
|
height: 100%;
|
|
}
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type='localgraph']
|
|
.view-header-title,
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type='graph']
|
|
.view-header-title {
|
|
display: none;
|
|
}
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type='localgraph']
|
|
.view-actions,
|
|
body:not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-leaf-content[data-type='graph']
|
|
.view-actions {
|
|
background: transparent;
|
|
}
|
|
.mod-root .workspace-leaf-content[data-type='localgraph'] .graph-controls,
|
|
.mod-root .workspace-leaf-content[data-type='graph'] .graph-controls {
|
|
top: 30px;
|
|
}
|
|
|
|
.mod-root .workspace-leaf-content[data-type='localgraph'] .graph-controls,
|
|
.mod-root .workspace-leaf-content[data-type='graph'] .graph-controls {
|
|
top: 30px;
|
|
}
|
|
|
|
/* Graph controls */
|
|
|
|
.graph-control-section .tree-item-children {
|
|
padding-bottom: 15px;
|
|
}
|
|
.graph-control-section-header {
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.05em;
|
|
font-size: var(--font-adaptive-smallest);
|
|
color: var(--text-muted);
|
|
}
|
|
.graph-controls .search-input-container {
|
|
width: 100%;
|
|
}
|
|
.setting-item.mod-search-setting.has-term-changed .graph-control-search-button,
|
|
.graph-controls .graph-control-search-button {
|
|
display: none;
|
|
}
|
|
.graph-controls .setting-item-name {
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.graph-controls {
|
|
background: var(--background-primary);
|
|
border: none;
|
|
min-width: 240px;
|
|
left: 0;
|
|
top: 10px;
|
|
margin-bottom: 0;
|
|
padding: 10px 20px 10px 10px;
|
|
border-radius: 0;
|
|
}
|
|
.graph-controls input[type='text'],
|
|
.graph-controls input[type='range'] {
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.graph-controls .mod-cta {
|
|
width: 100%;
|
|
font-size: var(--font-adaptive-small);
|
|
padding: 5px;
|
|
}
|
|
|
|
.mod-left-split .graph-controls {
|
|
background: var(--background-secondary);
|
|
}
|
|
input[type='range'] {
|
|
background-color: var(--background-modifier-border-hover);
|
|
height: 2px;
|
|
padding: 0 0px;
|
|
-webkit-appearance: none;
|
|
cursor: default;
|
|
margin: 0;
|
|
border-radius: 0px;
|
|
}
|
|
/* input[type='range']:focus {
|
|
} */
|
|
input[type='range']::-webkit-slider-runnable-track {
|
|
background: var(--background-modifier-border-hover);
|
|
height: 2px;
|
|
margin-top: 0px;
|
|
}
|
|
input[type='range']::-webkit-slider-thumb {
|
|
background: white;
|
|
border: 1px solid var(--background-modifier-border-hover);
|
|
height: 18px;
|
|
width: 18px;
|
|
border-radius: 16px;
|
|
margin-top: -5px;
|
|
transition: all 0.1s linear;
|
|
cursor: default;
|
|
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05),
|
|
0 2px 4px 0px rgba(0, 0, 0, 0.1);
|
|
}
|
|
input[type='range']::-webkit-slider-thumb:hover,
|
|
input[type='range']::-webkit-slider-thumb:active {
|
|
background: white;
|
|
border-width: 1;
|
|
border: 1px solid var(--background-modifier-border-focus);
|
|
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05),
|
|
0 2px 3px 0px rgba(0, 0, 0, 0.2);
|
|
transition: all 0.1s linear;
|
|
}
|
|
|
|
.local-graph-jumps-slider-container,
|
|
.workspace-split.mod-left-split .local-graph-jumps-slider-container,
|
|
.workspace-split.mod-right-split .local-graph-jumps-slider-container,
|
|
.workspace-fake-target-overlay .local-graph-jumps-slider-container {
|
|
background: transparent;
|
|
opacity: 0.6;
|
|
padding: 0;
|
|
left: 12px;
|
|
transition: opacity 0.2s linear;
|
|
height: auto;
|
|
}
|
|
.mod-root .local-graph-jumps-slider-container {
|
|
right: 0;
|
|
left: 0;
|
|
width: var(--line-width-adaptive);
|
|
max-width: var(--max-width);
|
|
margin: 0 auto;
|
|
top: 30px;
|
|
}
|
|
.workspace-split.mod-left-split .local-graph-jumps-slider-container:hover,
|
|
.workspace-split.mod-right-split .local-graph-jumps-slider-container:hover,
|
|
.workspace-fake-target-overlay .local-graph-jumps-slider-container:hover,
|
|
.local-graph-jumps-slider-container:hover {
|
|
opacity: 0.8;
|
|
transition: opacity 0.2s linear;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Settings */
|
|
/* --------------- */
|
|
|
|
.modal-close-button {
|
|
top: 0;
|
|
cursor: var(--cursor);
|
|
font-size: 24px;
|
|
color: var(--text-faint);
|
|
}
|
|
.modal-close-button:hover {
|
|
color: var(--text-normal);
|
|
}
|
|
.modal-close-button:before {
|
|
font-family: Inter, sans-serif;
|
|
font-weight: 200;
|
|
}
|
|
.horizontal-tab-content,
|
|
.vertical-tab-content {
|
|
background: var(--background-primary);
|
|
padding-bottom: 100px;
|
|
}
|
|
.vertical-tab-header,
|
|
.vertical-tab-content {
|
|
padding-bottom: 100px;
|
|
}
|
|
.plugin-list-plugins {
|
|
overflow: visible;
|
|
}
|
|
.community-theme-container,
|
|
.hotkey-settings-container {
|
|
height: auto;
|
|
overflow: visible;
|
|
}
|
|
.modal.mod-settings .vertical-tab-header {
|
|
background: var(--background-secondary);
|
|
padding-top: 5px;
|
|
padding-bottom: 25px;
|
|
}
|
|
.vertical-tab-header-group-title {
|
|
color: var(--text-normal);
|
|
font-size: 12px;
|
|
letter-spacing: 0.05em;
|
|
font-weight: 500;
|
|
}
|
|
.vertical-tab-nav-item {
|
|
padding: 4px 10px 4px 17px;
|
|
color: var(--text-muted);
|
|
border: none;
|
|
background: var(--background-secondary);
|
|
cursor: var(--cursor);
|
|
}
|
|
.vertical-tab-nav-item:hover,
|
|
.vertical-tab-nav-item.is-active {
|
|
color: var(--text-normal);
|
|
}
|
|
.setting-hotkey {
|
|
background-color: var(--background-modifier-border);
|
|
padding: 3px 10px 3px 10px;
|
|
}
|
|
.setting-hotkey.mod-empty {
|
|
background: transparent;
|
|
}
|
|
.dropdown {
|
|
border-color: var(--background-modifier-border);
|
|
font-family: var(--font-ui);
|
|
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
.theme-dark .dropdown {
|
|
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Publish */
|
|
/* --------------- */
|
|
|
|
.modal.mod-publish {
|
|
max-width: 600px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
.modal.mod-publish .modal-title {
|
|
padding-left: 20px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.mod-publish .modal-content {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
.mod-publish p {
|
|
font-size: var(--font-small);
|
|
}
|
|
.mod-publish .button-container,
|
|
.modal.mod-publish .modal-button-container {
|
|
margin-top: 0px;
|
|
padding: 10px;
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
bottom: 0px;
|
|
background-color: var(--background-primary);
|
|
position: absolute;
|
|
width: 100%;
|
|
margin-left: -20px;
|
|
text-align: center;
|
|
}
|
|
.publish-changes-info {
|
|
padding: 0 0 15px;
|
|
margin-bottom: 0;
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
}
|
|
.modal.mod-publish .modal-content .publish-sections-container {
|
|
max-height: none;
|
|
height: auto;
|
|
padding: 10px 20px 30px 0;
|
|
margin-top: 10px;
|
|
margin-right: -20px;
|
|
margin-bottom: 80px;
|
|
}
|
|
.publish-site-settings-container {
|
|
max-height: none;
|
|
height: auto;
|
|
margin-right: -20px;
|
|
margin-bottom: 80px;
|
|
overflow-x: hidden;
|
|
}
|
|
.publish-section-header {
|
|
padding-bottom: 15px;
|
|
border-width: 1px;
|
|
}
|
|
.password-item {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.publish-section-header-text {
|
|
font-weight: 600;
|
|
color: var(--text-normal);
|
|
cursor: var(--cursor);
|
|
}
|
|
.publish-section-header-text,
|
|
.publish-section-header-toggle-collapsed-button,
|
|
.publish-section-header-action,
|
|
.file-tree-item-header {
|
|
cursor: var(--cursor);
|
|
}
|
|
.publish-section-header-text:hover,
|
|
.publish-section-header-toggle-collapsed-button:hover,
|
|
.publish-section-header-action:hover {
|
|
color: var(--text-normal);
|
|
cursor: var(--cursor);
|
|
}
|
|
.mod-publish .u-pop {
|
|
color: var(--text-normal);
|
|
}
|
|
.publish-section-header-toggle-collapsed-button {
|
|
padding: 7px 0 0 3px;
|
|
width: 18px;
|
|
}
|
|
.mod-publish .file-tree-item {
|
|
margin-left: 20px;
|
|
}
|
|
.mod-publish .file-tree-item {
|
|
padding: 0;
|
|
margin-bottom: 2px;
|
|
font-size: var(--font-small);
|
|
}
|
|
.mod-publish .file-tree-item-checkbox {
|
|
filter: hue-rotate(0);
|
|
}
|
|
.mod-publish .file-tree-item.mod-deleted .flair,
|
|
.mod-publish .file-tree-item.mod-to-delete .flair {
|
|
background: transparent;
|
|
color: #ff3c00;
|
|
font-weight: 500;
|
|
}
|
|
.mod-publish .file-tree-item.mod-new .flair {
|
|
background: transparent;
|
|
font-weight: 500;
|
|
color: #13c152;
|
|
}
|
|
.mod-publish .site-list-item {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Scroll bars */
|
|
/* --------------- */
|
|
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background-color: var(--background-primary);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
border-width: 0px 4px 6px 0px;
|
|
border-style: solid;
|
|
border-radius: 0 !important;
|
|
border-color: var(--background-primary);
|
|
background-color: var(--background-modifier-border);
|
|
min-height: 40px;
|
|
}
|
|
.modal .vertical-tab-header::-webkit-scrollbar-track,
|
|
.mod-left-split .workspace-tabs ::-webkit-scrollbar-track {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.modal .vertical-tab-header::-webkit-scrollbar-track-piece,
|
|
.mod-left-split .workspace-tabs ::-webkit-scrollbar-track-piece {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
.modal .vertical-tab-header::-webkit-scrollbar-thumb,
|
|
.mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb {
|
|
border-color: var(--background-secondary);
|
|
background-color: var(--background-modifier-border);
|
|
}
|
|
.modal .vertical-tab-header::-webkit-scrollbar-thumb:hover,
|
|
.mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:hover,
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: var(--background-modifier-border-hover);
|
|
}
|
|
.modal .vertical-tab-header::-webkit-scrollbar-thumb:active,
|
|
.mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:active,
|
|
::-webkit-scrollbar-thumb:active {
|
|
background-color: var(--background-modifier-border-focus);
|
|
}
|
|
|
|
/* --------------------------------------------------------------------------------
|
|
Mobile styling
|
|
-------------------------------------------------------------------------------- */
|
|
|
|
.is-mobile {
|
|
--font-settings-title: 18px;
|
|
--font-settings: 16px;
|
|
--font-settings-small: 13px;
|
|
--input-height: 40px;
|
|
}
|
|
/* Reset podding */
|
|
body.is-mobile {
|
|
padding: 0 !important;
|
|
}
|
|
/* Fix large edit mode headers in mobile */
|
|
/* .is-mobile .cm-header {
|
|
font-size: 1em;
|
|
} */
|
|
.is-mobile .follow-link-popover {
|
|
font-family: var(--font-ui);
|
|
}
|
|
.hider-tooltips .follow-link-popover {
|
|
display: none;
|
|
}
|
|
.is-mobile .ͼ1 .cm-line,
|
|
.is-mobile .workspace-drawer-tab-container > *,
|
|
body.is-mobile .view-header-title,
|
|
.is-mobile .allow-fold-headings.markdown-preview-view .markdown-preview-sizer,
|
|
.is-mobile .allow-fold-lists.markdown-preview-view .markdown-preview-sizer {
|
|
padding: 0;
|
|
}
|
|
.is-mobile .titlebar {
|
|
height: 0 !important;
|
|
padding: 0 !important;
|
|
position: relative !important;
|
|
border-bottom: none;
|
|
}
|
|
.is-mobile .horizontal-main-container {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.is-mobile .safe-area-top-cover {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.is-mobile .workspace {
|
|
border-radius: 0 !important;
|
|
transform: none !important;
|
|
}
|
|
.is-mobile .workspace-drawer:not(.is-pinned) {
|
|
width: 90vw;
|
|
max-width: 360pt;
|
|
border: none;
|
|
box-shadow: 0 5px 50px 5px rgba(0, 0, 0, 0.05);
|
|
}
|
|
.is-mobile .workspace-drawer.mod-left.is-pinned {
|
|
max-width: 280pt;
|
|
}
|
|
.is-mobile .workspace-drawer.mod-right.is-pinned {
|
|
max-width: 240pt;
|
|
}
|
|
|
|
.is-mobile .workspace-drawer.mod-right.is-pinned {
|
|
border-right: none;
|
|
}
|
|
.is-mobile .workspace-leaf-content[data-type='starred'] .item-list {
|
|
padding-left: 5px;
|
|
}
|
|
.is-mobile .workspace-drawer-tab-option-item-title,
|
|
.is-mobile .workspace-drawer-active-tab-title {
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.is-mobile
|
|
.workspace-drawer-tab-option-item:hover
|
|
.workspace-drawer-tab-option-item-title,
|
|
.is-mobile
|
|
.workspace-drawer-active-tab-header:hover
|
|
.workspace-drawer-active-tab-title {
|
|
color: var(--text-normal);
|
|
}
|
|
.is-mobile
|
|
.workspace-drawer-active-tab-header:hover
|
|
.workspace-drawer-active-tab-back-icon {
|
|
color: var(--text-normal);
|
|
}
|
|
.is-mobile .nav-file-title,
|
|
.is-mobile .nav-folder-title,
|
|
.is-mobile .outline,
|
|
.is-mobile .tree-item-self,
|
|
.is-mobile .tag-container,
|
|
.is-mobile .tag-pane-tag {
|
|
font-size: var(--font-adaptive-small);
|
|
line-height: 1.5;
|
|
margin-bottom: 4px;
|
|
}
|
|
.is-mobile .backlink-pane > .tree-item-self,
|
|
.is-mobile .outgoing-link-pane > .tree-item-self {
|
|
font-size: var(--font-adaptive-smallest);
|
|
}
|
|
.is-mobile .tree-item-flair {
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.is-mobile .nav-files-container {
|
|
padding: 5px 5px 5px 5px;
|
|
}
|
|
.is-mobile .search-result-container {
|
|
padding-bottom: 20px;
|
|
}
|
|
.is-mobile .search-result-file-match-replace-button {
|
|
background-color: var(--background-tertiary);
|
|
color: var(--text-normal);
|
|
}
|
|
.is-mobile .search-result-file-matches,
|
|
.is-mobile .search-result-file-title {
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
|
|
/* Folding on mobile */
|
|
|
|
.ͼ1 .cm-foldGutter .cm-gutterElement {
|
|
cursor: var(--cursor);
|
|
}
|
|
.ͼ1 .cm-foldPlaceholder {
|
|
background: transparent;
|
|
border-color: transparent;
|
|
}
|
|
.is-mobile .empty-state-action {
|
|
border-radius: 6px;
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.is-mobile .workspace-drawer-header {
|
|
padding: 5px 10px 0 20px;
|
|
}
|
|
body:not(.is-ios).is-mobile .workspace-drawer-ribbon {
|
|
padding: 5px;
|
|
}
|
|
.is-mobile .workspace-drawer-header-name {
|
|
font-weight: var(--bold-weight);
|
|
color: var(--text-normal);
|
|
}
|
|
.is-mobile .workspace-drawer-header-info {
|
|
color: var(--text-faint);
|
|
font-size: var(--font-adaptive-small);
|
|
margin-bottom: 5px;
|
|
}
|
|
.is-mobile .mod-left .workspace-drawer-header-info,
|
|
.is-mobile.hider-status .workspace-drawer-header-info {
|
|
display: none;
|
|
}
|
|
.is-mobile .workspace-drawer-active-tab-header {
|
|
margin: 2px 12px 2px;
|
|
padding: 8px 0 8px 8px;
|
|
border-radius: 8px;
|
|
}
|
|
.is-mobile .workspace-leaf-content .item-list,
|
|
.is-mobile .tag-container,
|
|
.is-mobile .backlink-pane {
|
|
padding-top: 10px;
|
|
}
|
|
.is-mobile .outgoing-link-pane,
|
|
.is-mobile .backlink-pane {
|
|
padding-left: 10px;
|
|
}
|
|
.workspace-drawer.mod-left .workspace-drawer-inner {
|
|
padding-left: 0;
|
|
}
|
|
.is-mobile .workspace-drawer-ribbon {
|
|
background: var(--background-secondary);
|
|
border-right: 1px solid var(--background-modifier-border);
|
|
z-index: 3;
|
|
flex-direction: column;
|
|
width: 70px;
|
|
padding: 15px 0;
|
|
margin-right: 0px;
|
|
}
|
|
.is-ios .is-pinned .workspace-drawer-ribbon {
|
|
padding: 30px 0 20px 0;
|
|
}
|
|
.is-mobile .side-dock-actions,
|
|
.is-mobile .side-dock-settings {
|
|
flex-direction: column;
|
|
border-radius: 15px;
|
|
}
|
|
.is-mobile .mod-left .workspace-drawer-header,
|
|
.is-mobile .mod-left .workspace-drawer-tab-container {
|
|
margin-left: 70px;
|
|
}
|
|
.is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action {
|
|
padding: 9px 5px 2px 5px;
|
|
margin: 0 12px 4px;
|
|
border-radius: 8px;
|
|
}
|
|
.is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action svg {
|
|
width: 22px;
|
|
height: 22px;
|
|
}
|
|
.is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action:hover {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 0 0px 1px var(--background-tertiary);
|
|
}
|
|
.is-mobile .workspace-drawer-active-tab-container {
|
|
z-index: 9999;
|
|
background-color: var(--background-primary);
|
|
}
|
|
.is-mobile .side-dock-actions,
|
|
.is-mobile .side-dock-settings {
|
|
display: flex;
|
|
align-content: center;
|
|
justify-content: center;
|
|
padding: 0;
|
|
}
|
|
.is-mobile .workspace-drawer.mod-left:not(.is-pinned) {
|
|
border-right: none;
|
|
}
|
|
.is-mobile .modal.mod-publish,
|
|
.is-mobile .modal.mod-community-plugin,
|
|
.is-mobile .modal.mod-settings {
|
|
width: 100vw;
|
|
max-height: 80vh;
|
|
}
|
|
.is-mobile .nav-buttons-container {
|
|
padding: 0 0 10px 15px;
|
|
}
|
|
.is-mobile
|
|
.workspace-leaf-content:not([data-type='search'])
|
|
.nav-buttons-container {
|
|
border-bottom: var(--border-width) solid var(--background-modifier-border);
|
|
}
|
|
.is-mobile input[type='text'] {
|
|
font-size: 14px;
|
|
height: var(--input-height);
|
|
}
|
|
.is-mobile .search-input-container input[type='text'] {
|
|
border-radius: 50px;
|
|
height: 40px;
|
|
padding: 10px 20px;
|
|
font-size: 14px;
|
|
-webkit-appearance: none;
|
|
}
|
|
.is-mobile .search-input-clear-button {
|
|
right: 15px;
|
|
}
|
|
.is-mobile .modal,
|
|
.is-mobile .prompt,
|
|
.is-mobile .suggestion-container {
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding: 10px;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.is-mobile .suggestion-container {
|
|
margin: 0 auto;
|
|
border: none;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.is-mobile .suggestion-item {
|
|
font-size: var(--font-adaptive-normal);
|
|
padding-left: 10px;
|
|
letter-spacing: 0.001px;
|
|
}
|
|
.is-mobile .prompt-results .suggestion-flair {
|
|
display: none;
|
|
}
|
|
.is-mobile input[type='text'].prompt-input,
|
|
.is-mobile input[type='text'].prompt-input:hover {
|
|
line-height: 2;
|
|
padding: 8px;
|
|
font-size: var(--font-adaptive-normal);
|
|
}
|
|
.is-mobile .search-input-container input::placeholder {
|
|
font-size: 14px;
|
|
}
|
|
.is-mobile .modal-setting-back-button {
|
|
padding: 20px;
|
|
background-color: var(--color-background);
|
|
box-shadow: none;
|
|
}
|
|
.is-mobile .hotkey-list-container .setting-command-hotkeys {
|
|
flex: unset;
|
|
}
|
|
.is-mobile
|
|
.markdown-preview-view
|
|
input[type='checkbox'].task-list-item-checkbox {
|
|
top: 6px;
|
|
}
|
|
.is-mobile .workspace-drawer {
|
|
border-width: var(--border-width);
|
|
}
|
|
.is-mobile .workspace-drawer-inner,
|
|
.is-mobile .workspace-drawer-active-tab-container {
|
|
background-color: var(--background-secondary);
|
|
}
|
|
/* Hide expand workspace icon */
|
|
/* .workspace-drawer-active-tab-icon {
|
|
display: none;
|
|
} */
|
|
.is-mobile .menu {
|
|
border: none;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
left: 0 !important;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.is-ios .is-pinned .workspace-drawer-ribbon {
|
|
padding: 30px 0 20px 0;
|
|
}
|
|
.is-ios .workspace-drawer.is-pinned .workspace-drawer-header {
|
|
padding-top: 26px;
|
|
}
|
|
.is-mobile .workspace-split.mod-root {
|
|
background-color: var(--background-primary);
|
|
}
|
|
.is-ios .mod-root .workspace-leaf {
|
|
padding-top: 20px;
|
|
}
|
|
.is-ios
|
|
.mod-root
|
|
.workspace-split.mod-horizontal
|
|
.workspace-leaf:not(:first-of-type) {
|
|
padding-top: 0;
|
|
}
|
|
.is-mobile.focus-mode .view-actions {
|
|
opacity: 1;
|
|
}
|
|
.is-mobile .workspace-drawer-header-icon svg {
|
|
width: 22px;
|
|
}
|
|
.is-mobile .workspace-drawer-tab-options {
|
|
padding-top: 10px;
|
|
}
|
|
.is-mobile .workspace-drawer-tab-option-item {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
margin: 0 10px;
|
|
padding: 8px 10px;
|
|
border-radius: 6px;
|
|
}
|
|
.is-mobile .nav-action-button svg {
|
|
width: 22px;
|
|
margin: 0;
|
|
}
|
|
.is-mobile .menu-item {
|
|
padding: 5px 10px;
|
|
}
|
|
.is-mobile .menu-item-icon {
|
|
margin-right: 10px;
|
|
}
|
|
.is-mobile .menu-item-icon svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.is-mobile .view-header-title {
|
|
font-size: 125%;
|
|
}
|
|
.is-mobile .view-action svg {
|
|
width: 22px;
|
|
}
|
|
.is-mobile .view-action {
|
|
padding: 5px 5px 4px;
|
|
margin: 0;
|
|
border-radius: 8px;
|
|
}
|
|
.is-mobile .workspace-leaf-content[data-type='search'] .nav-action-button,
|
|
.is-mobile .nav-action-button,
|
|
.is-mobile .workspace-drawer-header-icon {
|
|
padding: 5px 7px 0 !important;
|
|
margin: 5px 2px 2px 0;
|
|
text-align: center;
|
|
border-radius: 8px;
|
|
cursor: var(--cursor);
|
|
}
|
|
.is-mobile .nav-file-title.is-active {
|
|
box-shadow: 0 0 0px 3px var(--background-tertiary);
|
|
}
|
|
.pull-down-action {
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 50px 0 20px;
|
|
text-align: center;
|
|
border-radius: 0;
|
|
border: none;
|
|
box-shadow: 0 5px 200px var(--background-modifier-box-shadow);
|
|
}
|
|
.is-mobile .menu-item.is-label {
|
|
color: var(--text-normal);
|
|
font-weight: var(--bold-weight);
|
|
}
|
|
.is-mobile .menu-item.is-label .menu-item-icon {
|
|
display: none;
|
|
}
|
|
.mobile-toolbar {
|
|
width: 100%;
|
|
text-align: center;
|
|
display: flex;
|
|
overflow: scroll;
|
|
background-color: var(--background-primary);
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
}
|
|
.is-mobile .modal.mod-settings .vertical-tab-content-container {
|
|
border: 0;
|
|
}
|
|
.is-mobile .modal,
|
|
.is-mobile .modal-bg {
|
|
transition: none !important;
|
|
transform: none !important;
|
|
}
|
|
.is-mobile .document-search-container {
|
|
height: 56px;
|
|
padding: 10px 15px;
|
|
}
|
|
.is-mobile .document-search-container input[type='text'] {
|
|
width: auto;
|
|
margin: 0 5px 0 0;
|
|
height: 32px;
|
|
padding: 5px 7px;
|
|
border-radius: 6px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
background-color: var(--background-primary);
|
|
}
|
|
.is-mobile .document-search-container button {
|
|
width: auto;
|
|
margin: 0px;
|
|
background: transparent;
|
|
font-size: 14px;
|
|
height: 32px;
|
|
}
|
|
.is-mobile .modal .vertical-tab-header-group:last-child,
|
|
.is-mobile .modal .vertical-tab-content {
|
|
padding-bottom: 70px !important;
|
|
}
|
|
.pull-out-action {
|
|
top: 0;
|
|
height: 100vh;
|
|
padding: 30px 10px;
|
|
background: transparent;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: center;
|
|
flex-direction: column;
|
|
}
|
|
.is-mobile .markdown-preview-view pre {
|
|
overflow-x: scroll;
|
|
}
|
|
|
|
/* Sync */
|
|
|
|
.is-mobile .sync-history-list {
|
|
padding: 10px;
|
|
background-color: var(--background-primary);
|
|
}
|
|
.is-mobile .sync-history-list-item {
|
|
font-size: var(--font-adaptive-small);
|
|
padding: 8px 10px;
|
|
}
|
|
.is-mobile .sync-history-content-container .modal-button-container {
|
|
padding: 5px 10px 30px 10px;
|
|
}
|
|
.is-mobile .sync-history-content {
|
|
outline: none;
|
|
-webkit-appearance: none;
|
|
border: 0;
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
.is-mobile .view-header-icon .three-horizontal-bars {
|
|
opacity: 0;
|
|
}
|
|
.is-mobile.plugin-sliding-panes .view-header-title {
|
|
mask-image: unset;
|
|
-webkit-mask-image: unset;
|
|
}
|
|
.is-mobile.plugin-sliding-panes-rotate-header .view-header-title {
|
|
line-height: 1.2;
|
|
}
|
|
.is-mobile .workspace-drawer-header-name-text {
|
|
white-space: nowrap;
|
|
margin-right: 10px;
|
|
}
|
|
.is-mobile .mod-community-theme .modal-title {
|
|
padding: 10px 20px;
|
|
}
|
|
.is-mobile .mod-publish .modal-content {
|
|
display: unset;
|
|
padding: 10px 10px 10px;
|
|
margin-bottom: 120px;
|
|
overflow-x: hidden;
|
|
}
|
|
.is-mobile .mod-publish .button-container,
|
|
.is-mobile .modal.mod-publish .modal-button-container {
|
|
padding: 10px 15px 30px;
|
|
margin-left: 0px;
|
|
left: 0;
|
|
}
|
|
.is-mobile .modal.mod-publish .modal-title {
|
|
padding: 10px 20px;
|
|
margin: 0 -10px;
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
}
|
|
.is-mobile .publish-site-settings-container {
|
|
margin-right: 0;
|
|
padding: 0;
|
|
}
|
|
.is-mobile .modal.mod-publish .modal-content .publish-sections-container {
|
|
margin-right: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Phone styling */
|
|
/* --------------- */
|
|
|
|
@media (max-width: 400pt) {
|
|
.view-header-icon {
|
|
display: none;
|
|
}
|
|
.is-mobile .suggestion-hotkey {
|
|
display: none;
|
|
}
|
|
.is-mobile .modal,
|
|
.is-mobile .menu,
|
|
.is-mobile .prompt {
|
|
border-radius: 0;
|
|
}
|
|
.is-mobile .suggestion-flair {
|
|
right: 0;
|
|
left: auto;
|
|
position: absolute;
|
|
padding: 5px 5px 0 0;
|
|
}
|
|
.is-mobile .prompt {
|
|
border-radius: 0;
|
|
padding-top: 5px;
|
|
padding-bottom: 0;
|
|
max-height: calc(100vh - 120px);
|
|
top: 120px;
|
|
}
|
|
.is-mobile .suggestion-container {
|
|
max-height: 200px;
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
border-radius: 0;
|
|
padding-top: 0;
|
|
box-shadow: none;
|
|
}
|
|
.is-mobile .suggestion-container .suggestion {
|
|
padding-top: 10px;
|
|
}
|
|
.workspace-drawer-header-icon .pin {
|
|
display: none;
|
|
}
|
|
/*
|
|
.is-mobile .markdown-source-view .cm-scroller > .cm-content {
|
|
margin-top:15px;
|
|
} */
|
|
.is-ios .workspace-drawer .workspace-drawer-header {
|
|
padding-top: 40px;
|
|
}
|
|
.is-ios .mod-root .workspace-leaf {
|
|
padding-top: 40px;
|
|
}
|
|
.is-mobile .workspace .workspace-drawer-backdrop {
|
|
margin-top: -40px;
|
|
height: calc(100vh + 50px);
|
|
z-index: 9;
|
|
}
|
|
.is-mobile .modal .vertical-tab-header-group-title {
|
|
padding: 20px 20px 10px;
|
|
}
|
|
.is-mobile .modal .vertical-tab-nav-item {
|
|
padding: 3px 20px;
|
|
}
|
|
.is-ios .workspace-drawer-ribbon {
|
|
padding: 40px 0 20px 0;
|
|
}
|
|
.is-mobile .view-header-title {
|
|
max-width: 80vw;
|
|
}
|
|
.is-mobile .view-header-title {
|
|
padding-right: 20px;
|
|
font-size: 18px;
|
|
}
|
|
.is-mobile .workspace-drawer-header-name-text {
|
|
font-size: 18px;
|
|
}
|
|
.is-mobile .menu-item.is-label {
|
|
font-size: 18px;
|
|
}
|
|
.is-mobile .view-header {
|
|
border-bottom: var(--border-width) solid var(--background-modifier-border) !important;
|
|
}
|
|
.is-mobile .modal-setting-back-button {
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
}
|
|
.is-mobile .installed-plugins-container {
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.is-mobile .setting-item-info {
|
|
flex: 1 1 auto;
|
|
}
|
|
.is-mobile .kanban-plugin__board-settings-modal .setting-item-control,
|
|
.is-mobile .setting-item-control {
|
|
flex: 1 0 auto;
|
|
margin-right: 0;
|
|
min-width: auto;
|
|
}
|
|
.is-mobile .checkbox-container {
|
|
flex: 1 0 40px;
|
|
max-width: 40px;
|
|
}
|
|
.is-mobile .setting-item-description {
|
|
word-break: break-word;
|
|
white-space: pre-line;
|
|
}
|
|
.is-mobile .view-action {
|
|
padding: 3px 0 0 4px;
|
|
margin-top: -4px;
|
|
}
|
|
.is-mobile .menu {
|
|
padding-bottom: 30px;
|
|
}
|
|
.is-mobile .frontmatter-container .tag,
|
|
.is-mobile .cm-s-obsidian span.cm-hashtag,
|
|
.is-mobile .tag {
|
|
font-size: var(--font-adaptive-smaller);
|
|
}
|
|
.is-mobile .setting-item-control select,
|
|
.is-mobile .setting-item-control input,
|
|
.is-mobile .setting-item-control button {
|
|
margin-bottom: 5px;
|
|
}
|
|
.is-mobile .setting-item-control input[type='range'] {
|
|
margin-bottom: 10px;
|
|
}
|
|
.is-mobile .publish-section-header,
|
|
.is-mobile .publish-changes-info {
|
|
flex-wrap: wrap;
|
|
border: none;
|
|
}
|
|
.is-mobile .publish-changes-info .publish-changes-add-linked-btn {
|
|
flex-basis: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
.is-mobile .publish-section-header-text {
|
|
flex-basis: 100%;
|
|
margin-bottom: 10px;
|
|
margin-left: 20px;
|
|
margin-top: -8px;
|
|
}
|
|
.is-mobile .publish-section {
|
|
background: var(--background-secondary);
|
|
border-radius: 10px;
|
|
padding: 12px 12px 1px;
|
|
}
|
|
.is-mobile .publish-changes-switch-site {
|
|
flex-grow: 0;
|
|
margin-right: 10px;
|
|
}
|
|
}
|
|
|
|
/* ---------------- */
|
|
/* Mobile toolbar button */
|
|
/* ---------------- */
|
|
|
|
.is-mobile [aria-label='Edit (⌘+Click to edit in new pane)'],
|
|
.is-mobile [aria-label='Edit (Ctrl+Click to edit in new pane)'],
|
|
.is-mobile [aria-label='Preview (⌘+Click to open in new pane)'],
|
|
.is-mobile [aria-label='Preview (Ctrl+Click to open in new pane)'] {
|
|
color: white;
|
|
background-color: var(--blue);
|
|
opacity: 1;
|
|
/* filter: brightness(97%); */
|
|
top: calc(100vh - 88px);
|
|
display: flex;
|
|
padding: 5px;
|
|
position: fixed;
|
|
left: 87vw;
|
|
transform: translate(-40%, -18%);
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 53px;
|
|
height: 53px;
|
|
border-radius: 50% !important;
|
|
box-shadow: 0.9px 0.9px 3.6px rgba(0, 0, 0, 0.07),
|
|
2.5px 2.4px 10px rgba(0, 0, 0, 0.1), 6px 5.7px 24.1px rgba(0, 0, 0, 0.13),
|
|
20px 19px 80px rgba(0, 0, 0, 0.2);
|
|
}
|
|
|
|
/* Shrink FAB on small displays */
|
|
@media screen and (max-height: 400px) {
|
|
[aria-label='Edit (⌘+Click to edit in new pane)'],
|
|
[aria-label='Edit (Ctrl+Click to edit in new pane)'],
|
|
[aria-label='Preview (⌘+Click to open in new pane)'],
|
|
[aria-label='Preview (Ctrl+Click to open in new pane)'] {
|
|
transform: scale(0.8) translate(-50%, -50%);
|
|
}
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Tablet styling */
|
|
/* --------------- */
|
|
|
|
@media (min-width: 400pt) {
|
|
.mobile-toolbar-option {
|
|
border-radius: 8px;
|
|
margin: 6px 0;
|
|
}
|
|
.mobile-toolbar-option:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
|
|
.is-mobile.is-ios .safe-area-top-cover {
|
|
background-color: transparent;
|
|
}
|
|
.is-mobile .modal,
|
|
.is-mobile .modal-container .modal.mod-settings {
|
|
max-width: 800px;
|
|
transform: translateZ(0);
|
|
border-top-left-radius: 20px !important;
|
|
border-top-right-radius: 20px !important;
|
|
margin-bottom: -15px;
|
|
overflow: hidden;
|
|
}
|
|
.is-mobile .modal-container .modal.mod-settings .vertical-tabs-container {
|
|
transform: translateZ(0);
|
|
}
|
|
.is-mobile .view-action {
|
|
padding: 5px 5px 4px;
|
|
border-radius: 8px;
|
|
}
|
|
.is-mobile .view-action:hover,
|
|
.is-mobile .nav-action-button:hover,
|
|
.is-mobile
|
|
.workspace-leaf-content[data-type='search']
|
|
.nav-action-button.is-active:hover,
|
|
.is-mobile
|
|
.workspace-leaf-content[data-type='backlink']
|
|
.nav-action-button.is-active:hover,
|
|
.is-mobile .workspace-drawer-tab-option-item:hover,
|
|
.is-mobile .workspace-drawer-header-icon:hover {
|
|
background-color: var(--background-tertiary);
|
|
box-shadow: 0 0 0 2px var(--background-tertiary);
|
|
}
|
|
.is-mobile .prompt {
|
|
max-width: 600px;
|
|
max-height: 600px;
|
|
bottom: auto !important;
|
|
border-radius: 20px;
|
|
top: 100px !important;
|
|
}
|
|
.is-mobile .suggestion-container {
|
|
max-width: 600px;
|
|
max-height: 600px;
|
|
border-radius: 20px;
|
|
bottom: 80px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
}
|
|
.is-mobile .modal-container .suggestion-item {
|
|
padding: 10px 5px 10px 10px;
|
|
border-radius: 8px;
|
|
}
|
|
.is-mobile .suggestion-flair {
|
|
right: 0;
|
|
left: auto;
|
|
position: absolute;
|
|
padding: 10px;
|
|
}
|
|
.is-mobile .menu {
|
|
top: 60px !important;
|
|
right: 0 !important;
|
|
bottom: auto;
|
|
left: auto;
|
|
margin: 0 auto;
|
|
width: 360px;
|
|
padding: 10px 10px 20px;
|
|
border-radius: 15px;
|
|
box-shadow: 0 0 100vh 100vh rgba(0, 0, 0, 0.5);
|
|
}
|
|
/* Animations */
|
|
.is-mobile .menu,
|
|
.is-mobile .suggestion-container,
|
|
.is-mobile .modal,
|
|
.is-mobile .prompt {
|
|
transition: unset !important;
|
|
transform: unset !important;
|
|
animation: unset !important;
|
|
}
|
|
.is-mobile .modal-container .modal-bg {
|
|
opacity: 0.8 !important;
|
|
}
|
|
.is-mobile .modal-container .prompt {
|
|
opacity: 1 !important;
|
|
}
|
|
.is-mobile .menu .menu-item:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
.is-mobile .setting-item-control select,
|
|
.is-mobile .setting-item-control input,
|
|
.is-mobile .setting-item-control button {
|
|
width: auto;
|
|
}
|
|
.is-mobile .workspace-drawer:not(.is-pinned) {
|
|
margin: 30px 16px 0;
|
|
height: calc(100vh - 48px);
|
|
border-radius: 15px;
|
|
}
|
|
.is-mobile
|
|
.setting-item:not(.mod-toggle):not(.setting-item-heading)
|
|
.setting-item-control {
|
|
width: auto;
|
|
margin-top: 0;
|
|
}
|
|
.is-mobile .modal .search-input-container input {
|
|
width: 100%;
|
|
}
|
|
.pull-down-action {
|
|
width: 400px;
|
|
top: 15px;
|
|
padding: 15px;
|
|
border-radius: 15px;
|
|
}
|
|
}
|
|
|
|
/*----------------------------------------------------------------
|
|
PLUGINS
|
|
----------------------------------------------------------------*/
|
|
|
|
/* --------------- */
|
|
/* Sliding Panes */
|
|
/* --------------- */
|
|
|
|
body.plugin-sliding-panes-rotate-header {
|
|
--header-width: 40px;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header .view-header-title:before {
|
|
display: none;
|
|
}
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header {
|
|
border: none;
|
|
}
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
> .view-header-title-container:before,
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
|
|
.app-container
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf.mod-active
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
> .view-header-title-container:before {
|
|
background: none !important;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header {
|
|
text-orientation: sideways;
|
|
}
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf.mod-active
|
|
> .workspace-leaf-content
|
|
> .view-header {
|
|
border-right: none;
|
|
}
|
|
body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-leaf,
|
|
body.plugin-sliding-panes .workspace-split.mod-vertical > .workspace-leaf {
|
|
box-shadow: 0 0 0 1px var(--background-modifier-border),
|
|
1px 0px 15px 0px var(--shadow-color) !important;
|
|
}
|
|
body.plugin-sliding-panes .mod-horizontal .workspace-leaf {
|
|
box-shadow: none !important;
|
|
}
|
|
body.plugin-sliding-panes:not(.is-fullscreen)
|
|
.workspace-split.is-collapsed
|
|
~ .workspace-split.mod-root
|
|
.view-header {
|
|
transition: padding 0.1s ease;
|
|
}
|
|
body.plugin-sliding-panes .view-header-title:before {
|
|
background: none;
|
|
}
|
|
body.plugin-sliding-panes .view-header {
|
|
background: none;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
.view-header-title-container
|
|
body.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt
|
|
.workspace
|
|
> .mod-root
|
|
.view-header-title {
|
|
margin-top: 0;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
.view-header-title-container {
|
|
margin-left: 0;
|
|
padding-top: 0;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header .view-header-title-container {
|
|
position: static;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header
|
|
.app-container
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
> div {
|
|
margin-left: 0px;
|
|
bottom: 0;
|
|
}
|
|
body.plugin-sliding-panes-rotate-header .view-header-icon {
|
|
opacity: var(--icon-muted);
|
|
}
|
|
body.plugin-sliding-panes-rotate-header .view-header-icon:hover {
|
|
opacity: 1;
|
|
}
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-header-icon {
|
|
padding: 4px 1px;
|
|
margin: 5px 0 0 0;
|
|
left: 0;
|
|
width: 26px;
|
|
}
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-actions {
|
|
padding-bottom: 33px;
|
|
}
|
|
/* Space for the hover ribbon in the bottom left with Hider */
|
|
body.hider-ribbon.plugin-sliding-panes.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-actions {
|
|
padding-bottom: 50px;
|
|
}
|
|
body.plugin-sliding-panes.is-fullscreen .view-header-icon {
|
|
padding-top: 8px;
|
|
}
|
|
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header
|
|
.workspace
|
|
> .mod-root
|
|
> .workspace-leaf
|
|
> .workspace-leaf-content
|
|
> .view-header
|
|
.view-action {
|
|
margin: 3px 0;
|
|
padding: 4px 1px;
|
|
width: 26px;
|
|
}
|
|
body.plugin-sliding-panes .mod-root .graph-controls {
|
|
top: 20px;
|
|
left: 30px;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Hider */
|
|
/* --------------- */
|
|
|
|
.hider-ribbon:not(.is-mobile) .workspace-ribbon-collapse-btn {
|
|
display: none;
|
|
}
|
|
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-right {
|
|
pointer-events: none;
|
|
}
|
|
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left {
|
|
position: absolute;
|
|
border-right: 0px;
|
|
margin: 0;
|
|
height: var(--header-height);
|
|
overflow: visible;
|
|
flex-basis: 0;
|
|
bottom: 0;
|
|
top: auto;
|
|
display: flex !important;
|
|
flex-direction: row;
|
|
z-index: 17;
|
|
opacity: 0;
|
|
transition: opacity 0.25s ease-in-out;
|
|
filter: drop-shadow(2px 10px 30px rgba(0, 0, 0, 0.2));
|
|
}
|
|
.hider-ribbon:not(.is-mobile) .side-dock-actions,
|
|
.hider-ribbon:not(.is-mobile) .side-dock-settings {
|
|
display: flex;
|
|
border-top: var(--border-width) solid var(--background-modifier-border);
|
|
background: var(--background-secondary);
|
|
margin: 0;
|
|
position: relative;
|
|
}
|
|
.hider-ribbon:not(.is-mobile) .side-dock-actions {
|
|
padding-left: 5px;
|
|
}
|
|
.hider-ribbon:not(.is-mobile) .side-dock-settings {
|
|
border-right: var(--border-width) solid var(--background-modifier-border);
|
|
border-top-right-radius: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
.hider-ribbon:not(.is-mobile)
|
|
.workspace-ribbon.mod-left
|
|
.side-dock-ribbon-action {
|
|
display: flex;
|
|
padding: 4px;
|
|
margin: 6px 0px 5px 10px;
|
|
}
|
|
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left:hover {
|
|
opacity: 1;
|
|
transition: opacity 0.25s ease-in-out;
|
|
}
|
|
.hider-ribbon:not(.is-mobile)
|
|
.workspace-ribbon.mod-left
|
|
.workspace-ribbon-collapse-btn {
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
}
|
|
.hider-ribbon:not(.is-mobile) .workspace-split.mod-left-split {
|
|
margin: 0;
|
|
}
|
|
.hider-ribbon:not(.is-mobile) .workspace-leaf-content .item-list {
|
|
padding-bottom: 40px;
|
|
}
|
|
.hider-ribbon .workspace-ribbon {
|
|
padding: 0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* View Headers & Actions */
|
|
/* --------------- */
|
|
|
|
.view-header {
|
|
align-items: center;
|
|
}
|
|
.view-actions {
|
|
margin-right: 0px;
|
|
margin-left: auto;
|
|
transition: opacity 0.25s ease-in-out;
|
|
}
|
|
.view-actions .view-action {
|
|
margin-right: 8px;
|
|
}
|
|
.view-action.is-active {
|
|
color: var(--text-faint);
|
|
opacity: 1;
|
|
}
|
|
.view-actions .view-action:last-child {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
/* Frameless mode on macOS only */
|
|
|
|
.hider-frameless:not(.is-mobile)
|
|
.workspace-split.mod-right-split
|
|
> .workspace-tabs,
|
|
.hider-frameless:not(.is-mobile) .workspace-split.mod-root .view-header {
|
|
padding-top: 2px;
|
|
}
|
|
.hider-frameless:not(.is-mobile)
|
|
.workspace-split.mod-left-split
|
|
> .workspace-tabs {
|
|
padding-top: 24px;
|
|
}
|
|
.hider-frameless:not(.is-mobile)
|
|
.workspace-split.mod-right-split
|
|
> .workspace-tabs
|
|
~ .workspace-tabs,
|
|
.hider-frameless:not(.is-mobile)
|
|
.workspace-split.mod-left-split
|
|
> .workspace-tabs
|
|
~ .workspace-tabs {
|
|
padding-top: 0px;
|
|
}
|
|
.hider-frameless.is-fullscreen:not(.is-mobile)
|
|
.workspace-split.mod-left-split
|
|
> .workspace-tabs,
|
|
.hider-frameless.is-fullscreen:not(.is-mobile)
|
|
.workspace-split.mod-root
|
|
.view-header {
|
|
padding-top: 0px;
|
|
}
|
|
|
|
/* Title bar / traffic light icons */
|
|
|
|
.mod-macos.hider-frameless.hider-ribbon:not(.plugin-sliding-panes-rotate-header) {
|
|
--traffic-space: 80px;
|
|
--traffic-padding: 60px;
|
|
}
|
|
.mod-macos.hider-frameless:not(.plugin-sliding-panes-rotate-header) {
|
|
--traffic-space: 55px;
|
|
--traffic-padding: 20px;
|
|
}
|
|
.mod-macos.hider-frameless.hider-ribbon:not(.plugin-sliding-panes-rotate-header) {
|
|
--traffic-space: 95px;
|
|
--traffic-padding: 60px;
|
|
}
|
|
.mod-macos.hider-frameless:not(.plugin-sliding-panes-rotate-header) {
|
|
--traffic-space: 65px;
|
|
--traffic-padding: 20px;
|
|
}
|
|
.mod-macos.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header)
|
|
.workspace-split.mod-left-split.is-collapsed
|
|
+ .mod-root
|
|
.workspace-leaf:first-of-type
|
|
.workspace-leaf-content:not([data-type='graph'])
|
|
.view-header-icon {
|
|
margin-left: var(--traffic-padding);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Calendar */
|
|
/* --------------- */
|
|
|
|
.workspace-leaf-content[data-type='calendar'] .view-content {
|
|
padding: 5px 0 0 0;
|
|
}
|
|
#calendar-container {
|
|
padding: 5px 15px;
|
|
--color-background-day-empty: var(--background-secondary-alt);
|
|
--color-background-day-active: var(--background-tertiary);
|
|
--color-background-day-hover: var(--background-tertiary);
|
|
--color-dot: var(--text-faint);
|
|
--color-text-title: var(--text-normal);
|
|
--color-text-heading: var(--text-muted);
|
|
--color-text-day: var(--text-normal);
|
|
--color-text-today: var(--text-normal);
|
|
--color-arrow: var(--text-faint);
|
|
--color-background-day-empty: transparent;
|
|
}
|
|
#calendar-container .table {
|
|
border-collapse: separate;
|
|
table-layout: fixed;
|
|
}
|
|
#calendar-container h2 {
|
|
font-size: var(--h2);
|
|
font-weight: 400;
|
|
}
|
|
.mod-root #calendar-container {
|
|
width: var(--line-width-adaptive);
|
|
max-width: var(--max-width);
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
}
|
|
#calendar-container h2 .arrow {
|
|
color: var(--text-faint);
|
|
cursor: var(--cursor);
|
|
}
|
|
#calendar-container .arrow:hover {
|
|
fill: var(--text-muted);
|
|
color: var(--text-muted);
|
|
}
|
|
#calendar-container tr th {
|
|
padding: 2px 0;
|
|
font-weight: 500;
|
|
}
|
|
#calendar-container tr td {
|
|
padding: 2px 0 0;
|
|
border-radius: 4px;
|
|
cursor: var(--cursor);
|
|
border: 2px solid transparent;
|
|
transition: none;
|
|
}
|
|
#calendar-container .nav {
|
|
padding: 0;
|
|
margin: 10px 5px 10px 5px;
|
|
}
|
|
#calendar-container .dot {
|
|
margin: 0;
|
|
}
|
|
#calendar-container .arrow {
|
|
cursor: var(--cursor);
|
|
}
|
|
#calendar-container .arrow:hover svg {
|
|
color: var(--text-muted);
|
|
}
|
|
#calendar-container .reset-button {
|
|
font-size: var(--font-adaptive-smaller);
|
|
}
|
|
#calendar-container .reset-button:hover {
|
|
color: var(--text-normal);
|
|
}
|
|
#calendar-container .title {
|
|
font-size: var(--h1);
|
|
}
|
|
|
|
#calendar-container .month,
|
|
#calendar-container .title {
|
|
font-size: var(--font-adaptive-normal);
|
|
font-weight: 600;
|
|
}
|
|
#calendar-container .today {
|
|
color: var(--text-accent);
|
|
font-weight: 600;
|
|
}
|
|
#calendar-container .today .dot {
|
|
fill: var(--text-accent);
|
|
}
|
|
#calendar-container .active .task {
|
|
stroke: var(--text-faint);
|
|
}
|
|
#calendar-container .active {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
#calendar-container .reset-button,
|
|
#calendar-container .day {
|
|
cursor: var(--cursor);
|
|
}
|
|
#calendar-container .active,
|
|
#calendar-container .active.today,
|
|
#calendar-container .week-num:hover,
|
|
#calendar-container .day:hover {
|
|
background-color: var(--color-background-day-active);
|
|
}
|
|
#calendar-container .active .dot {
|
|
fill: var(--text-faint);
|
|
}
|
|
#calendar-container .active .task {
|
|
stroke: var(--text-faint);
|
|
}
|
|
#calendar-container .year {
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Kanban */
|
|
/* --------------- */
|
|
|
|
body .kanban-plugin__markdown-preview-view {
|
|
font-family: var(--text);
|
|
}
|
|
|
|
body .workspace-leaf-content[data-type='kanban'] .view-header-title-container {
|
|
text-align: center;
|
|
}
|
|
body .kanban-plugin {
|
|
--interactive-accent: var(--text-selection);
|
|
--interactive-accent-hover: var(--background-tertiary);
|
|
--text-on-accent: var(--text-normal);
|
|
background-color: var(--background-primary);
|
|
}
|
|
body .kanban-plugin__board > div {
|
|
margin: 0 auto;
|
|
}
|
|
body .kanban-plugin__checkbox-label {
|
|
font-size: var(--font-adaptive-small);
|
|
color: var(--text-muted);
|
|
}
|
|
body .kanban-plugin__item-markdown ul {
|
|
margin: 0;
|
|
}
|
|
body .kanban-plugin__item-content-wrapper {
|
|
box-shadow: none;
|
|
}
|
|
body .kanban-plugin__grow-wrap > textarea,
|
|
body .kanban-plugin__grow-wrap::after {
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
body .kanban-plugin__grow-wrap > textarea,
|
|
body .kanban-plugin__grow-wrap::after,
|
|
body .kanban-plugin__item-title p {
|
|
font-size: calc(var(--preview-font-size) - 2px);
|
|
}
|
|
body:not(.is-mobile) .kanban-plugin__grow-wrap > textarea:focus {
|
|
box-shadow: none;
|
|
}
|
|
.kanban-plugin__item-input-actions button,
|
|
.kanban-plugin__lane-input-actions button {
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
body .kanban-plugin__item {
|
|
background-color: var(--background-primary);
|
|
}
|
|
body .kanban-plugin__lane-header-wrapper {
|
|
border-bottom: 0;
|
|
}
|
|
body .kanban-plugin__lane-header-wrapper .kanban-plugin__grow-wrap > textarea,
|
|
body .kanban-plugin__lane-input-wrapper .kanban-plugin__grow-wrap > textarea {
|
|
background: transparent;
|
|
color: var(--text-normal);
|
|
font-size: 0.875rem;
|
|
font-weight: 600;
|
|
}
|
|
body .kanban-plugin__item-input-wrapper {
|
|
border: 0;
|
|
}
|
|
body .kanban-plugin__item-input-wrapper .kanban-plugin__grow-wrap > textarea {
|
|
padding: 6px 8px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
}
|
|
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled,
|
|
body .kanban-plugin__item .kanban-plugin__item-edit-archive-button,
|
|
body .kanban-plugin__item button.kanban-plugin__item-edit-button,
|
|
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button,
|
|
.kanban-plugin__item-settings-actions > button,
|
|
.kanban-plugin__lane-action-wrapper > button {
|
|
background: transparent;
|
|
transition: color 0.1s ease-in-out;
|
|
}
|
|
body .kanban-plugin__item .kanban-plugin__item-edit-archive-button:hover,
|
|
body .kanban-plugin__item button.kanban-plugin__item-edit-button.is-enabled,
|
|
body .kanban-plugin__item button.kanban-plugin__item-edit-button:hover,
|
|
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled,
|
|
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover {
|
|
color: var(--text-normal);
|
|
transition: color 0.1s ease-in-out;
|
|
background: transparent;
|
|
}
|
|
body .kanban-plugin__new-lane-button-wrapper {
|
|
position: fixed;
|
|
bottom: 30px;
|
|
}
|
|
body .kanban-plugin button {
|
|
box-shadow: none;
|
|
cursor: var(--cursor);
|
|
}
|
|
body .kanban-plugin__item-button-wrapper > button {
|
|
font-size: var(--font-adaptive-small);
|
|
color: var(--text-muted);
|
|
background: transparent;
|
|
}
|
|
body .kanban-plugin__item-button-wrapper > button:hover {
|
|
color: var(--text-normal);
|
|
background: var(--background-tertiary);
|
|
}
|
|
body .kanban-plugin__item-button-wrapper {
|
|
padding-top: 5px;
|
|
border-top: none;
|
|
}
|
|
|
|
body .kanban-plugin__lane-setting-wrapper > div:last-child {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
body .kanban-plugin__item.is-dragging {
|
|
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15), 0 0 0 2px var(--text-selection);
|
|
}
|
|
body .kanban-plugin__lane.is-dragging {
|
|
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
|
|
border: 1px solid var(--background-modifier-border);
|
|
}
|
|
|
|
body .kanban-plugin__lane {
|
|
background: var(--background-secondary);
|
|
padding: 0;
|
|
border-radius: 8px;
|
|
border: 1px solid transparent;
|
|
}
|
|
body .kanban-plugin__lane-items {
|
|
padding-bottom: 0;
|
|
margin: 0;
|
|
background-color: var(--background-secondary);
|
|
}
|
|
|
|
body
|
|
.kanban-plugin__markdown-preview-view
|
|
ol.contains-task-list
|
|
.contains-task-list,
|
|
body
|
|
.kanban-plugin__markdown-preview-view
|
|
ul.contains-task-list
|
|
.contains-task-list,
|
|
body .kanban-plugin__markdown-preview-view ul,
|
|
.kanban-plugin__markdown-preview-view ol {
|
|
padding-inline-start: 24px !important;
|
|
}
|
|
|
|
@media (max-width: 400pt) {
|
|
.kanban-plugin__board {
|
|
flex-direction: column !important;
|
|
}
|
|
|
|
.kanban-plugin__lane {
|
|
width: 100% !important;
|
|
margin-bottom: 1rem !important;
|
|
}
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Todoist */
|
|
/* --------------- */
|
|
|
|
.todoist-query-title {
|
|
display: inline !important;
|
|
}
|
|
.todoist-refresh-spin {
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
.todoist-refresh-button {
|
|
display: inline;
|
|
float: right;
|
|
margin-left: 8px;
|
|
padding: 3px 10px;
|
|
}
|
|
.todoist-refresh-button:hover {
|
|
background-color: var(--background-tertiary);
|
|
}
|
|
@-webkit-keyframes spin {
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
}
|
|
.markdown-preview-view
|
|
ul
|
|
> li.task-list-item
|
|
.todoist-p1
|
|
> input[type='checkbox'] {
|
|
border: 1px solid #ff757f !important;
|
|
background-color: rgba(255, 117, 127, 0.25) !important;
|
|
}
|
|
.markdown-preview-view
|
|
ul
|
|
> li.task-list-item
|
|
.todoist-p1
|
|
> input[type='checkbox']:hover {
|
|
background-color: rgba(255, 117, 127, 0.5) !important;
|
|
}
|
|
.markdown-preview-view
|
|
ul
|
|
> li.task-list-item
|
|
.todoist-p2
|
|
> input[type='checkbox'] {
|
|
border: 1px solid #ffc777 !important;
|
|
background-color: rgba(255, 199, 119, 0.25) !important;
|
|
}
|
|
.markdown-preview-view
|
|
ul
|
|
> li.task-list-item
|
|
.todoist-p2
|
|
> input[type='checkbox']:hover {
|
|
background-color: rgba(255, 199, 119, 0.5) !important;
|
|
}
|
|
.markdown-preview-view
|
|
ul
|
|
> li.task-list-item
|
|
.todoist-p3
|
|
> input[type='checkbox'] {
|
|
border: 1px solid #65bcff !important;
|
|
background-color: rgba(101, 188, 255, 0.25) !important;
|
|
}
|
|
.markdown-preview-view
|
|
ul
|
|
> li.task-list-item
|
|
.todoist-p3
|
|
> input[type='checkbox']:hover {
|
|
background-color: rgba(101, 188, 255, 0.5) !important;
|
|
}
|
|
.markdown-preview-view
|
|
ul
|
|
> li.task-list-item
|
|
.todoist-p4
|
|
> input[type='checkbox'] {
|
|
border: 1px solid #b4c2f0 !important;
|
|
background-color: rgba(180, 194, 240, 0.25) !important;
|
|
}
|
|
.markdown-preview-view
|
|
ul
|
|
> li.task-list-item
|
|
.todoist-p4
|
|
> input[type='checkbox']:hover {
|
|
background-color: rgba(180, 194, 240, 0.5) !important;
|
|
}
|
|
.task-metadata {
|
|
font-size: var(--font-todoist-metadata-size);
|
|
color: #7a88cf;
|
|
margin-left: unset !important;
|
|
}
|
|
.task-metadata > * {
|
|
margin-right: 30px;
|
|
}
|
|
.task-date.task-overdue {
|
|
color: rgba(255, 152, 164, 0.75) !important;
|
|
}
|
|
.task-calendar-icon,
|
|
.task-project-icon,
|
|
.task-labels-icon {
|
|
vertical-align: middle;
|
|
height: 17px;
|
|
width: 17px;
|
|
}
|
|
.todoist-project .todoist-project {
|
|
margin-left: 20px;
|
|
}
|
|
.todoist-section {
|
|
margin-left: 20px;
|
|
}
|
|
.todoist-project .todoist-project-title {
|
|
font-weight: 700;
|
|
margin-block-end: 0px;
|
|
}
|
|
.todoist-section .todoist-section-title {
|
|
font-size: var(--font-todoist-title-size);
|
|
color: #7a88cf;
|
|
font-weight: 700;
|
|
margin-block-end: 0px;
|
|
}
|
|
.todoist-error {
|
|
border: 1px solid #ff98a4;
|
|
background-color: rgba(255, 152, 164, 0.05);
|
|
padding: 1em 1em;
|
|
margin: 1em 0px;
|
|
}
|
|
.todoist-error p {
|
|
margin: 0 0 1em 0;
|
|
font-weight: 600;
|
|
}
|
|
.todoist-error code {
|
|
background-color: unset !important;
|
|
padding: unset !important;
|
|
margin: unset !important;
|
|
}
|
|
.todoist-success {
|
|
border: 1px solid #c3e88d !important;
|
|
background-color: rgba(195, 232, 141, 0.05);
|
|
padding: 1em 1em !important;
|
|
margin: 1em 0px;
|
|
}
|
|
.todoist-success p {
|
|
margin: 0;
|
|
font-weight: 600;
|
|
}
|
|
.priority-container .priority-1 {
|
|
color: #ff98a4;
|
|
}
|
|
.priority-container .priority-2 {
|
|
color: #ffc777;
|
|
}
|
|
.priority-container .priority-3 {
|
|
color: #65bcff;
|
|
}
|
|
.priority-container .priority-4 {
|
|
color: #b4c2f0;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Checklist */
|
|
/* --------------- */
|
|
|
|
.checklist-plugin-main .group .classic,
|
|
.checklist-plugin-main .group .compact,
|
|
.checklist-plugin-main .group svg,
|
|
.checklist-plugin-main .group .page {
|
|
cursor: var(--cursor);
|
|
}
|
|
.workspace .view-content .checklist-plugin-main {
|
|
padding: 10px 10px 15px 15px;
|
|
--todoList-togglePadding--compact: 2px;
|
|
--todoList-listItemMargin--compact: 2px;
|
|
}
|
|
.checklist-plugin-main .title {
|
|
font-weight: 400;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.checklist-plugin-main .group svg {
|
|
fill: var(--text-faint);
|
|
}
|
|
.checklist-plugin-main .group svg:hover {
|
|
fill: var(--text-normal);
|
|
}
|
|
.checklist-plugin-main .group .title:hover {
|
|
color: var(--text-normal);
|
|
}
|
|
.checklist-plugin-main .group:not(:last-child) {
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
}
|
|
.checklist-plugin-main .group {
|
|
padding: 0 0 4px 0;
|
|
}
|
|
.checklist-plugin-main .group .classic:last-child,
|
|
.checklist-plugin-main .group .compact:last-child {
|
|
margin-bottom: 10px;
|
|
}
|
|
.checklist-plugin-main .group .classic,
|
|
.checklist-plugin-main .group .compact {
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.checklist-plugin-main .group .classic,
|
|
.checklist-plugin-main .group .compact {
|
|
background: transparent;
|
|
border-radius: 0;
|
|
margin: 1px auto;
|
|
padding: 0;
|
|
}
|
|
.checklist-plugin-main .group .classic .content {
|
|
padding: 0;
|
|
}
|
|
.checklist-plugin-main .group .classic:hover,
|
|
.checklist-plugin-main .group .compact:hover {
|
|
background: transparent;
|
|
}
|
|
.markdown-preview-view.checklist-plugin-main
|
|
ul
|
|
> li:not(.task-list-item)::before {
|
|
display: none;
|
|
}
|
|
.checklist-plugin-main .group .compact > .toggle .checked {
|
|
background: var(--text-accent);
|
|
top: -1px;
|
|
left: -1px;
|
|
height: 18px;
|
|
width: 18px;
|
|
}
|
|
.checklist-plugin-main .compact .toggle:hover {
|
|
opacity: 1 !important;
|
|
}
|
|
.checklist-plugin-main .group .count {
|
|
font-size: var(--font-adaptive-smaller);
|
|
padding: 0;
|
|
background: transparent;
|
|
font-weight: 400;
|
|
color: var(--text-faint);
|
|
}
|
|
.checklist-plugin-main .group .group-header:hover .count {
|
|
color: var(--text-muted);
|
|
}
|
|
.checklist-plugin-main .group .checkbox {
|
|
border: 2px solid var(--background-modifier-border-hover);
|
|
min-height: 18px;
|
|
min-width: 18px;
|
|
height: 18px;
|
|
width: 18px;
|
|
border-radius: 30%;
|
|
}
|
|
.checklist-plugin-main .group .checkbox:hover {
|
|
border: 2px solid var(--background-modifier-border-focus);
|
|
}
|
|
.checklist-plugin-main .toggle:hover {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Checklist mobile styling */
|
|
|
|
.is-mobile .checklist-plugin-main .group-header {
|
|
display: flex;
|
|
margin-bottom: 12px;
|
|
}
|
|
.is-mobile .checklist-plugin-main .group-header .title {
|
|
font-weight: 500;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-adaptive-small);
|
|
}
|
|
.is-mobile .checklist-plugin-main .group-header button {
|
|
width: fit-content !important;
|
|
margin-left: 5px;
|
|
}
|
|
.is-mobile .checklist-plugin-main .group .classic {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 5px 0;
|
|
}
|
|
.is-mobile .checklist-plugin-main .group .classic .content {
|
|
padding: 0;
|
|
display: inline-block;
|
|
}
|
|
.is-mobile .checklist-plugin-main .group .classic .toggle {
|
|
padding: 0;
|
|
margin-right: 1rem;
|
|
width: fit-content !important;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Dataview */
|
|
/* --------------- */
|
|
|
|
.markdown-preview-view .table-view-table {
|
|
font-size: calc(var(--font-adaptive-normal) - 1px);
|
|
}
|
|
.markdown-preview-view .table-view-table > thead > tr > th {
|
|
font-weight: 600;
|
|
font-size: calc(var(--font-adaptive-normal) - 1px);
|
|
color: var(--text-normal);
|
|
border-bottom: 1px solid var(--text-faint);
|
|
cursor: var(--cursor);
|
|
font-family: var(--font-monospace);
|
|
}
|
|
|
|
/* --------------- */
|
|
/* Style Settings */
|
|
/* --------------- */
|
|
|
|
.setting-item-heading.style-settings-heading,
|
|
.style-settings-container .style-settings-heading {
|
|
cursor: var(--cursor);
|
|
}
|
|
.modal.mod-settings .setting-item .pickr button.pcr-button {
|
|
box-shadow: none;
|
|
border-radius: 40px;
|
|
height: 24px;
|
|
width: 24px;
|
|
}
|
|
.setting-item .pickr .pcr-button:after,
|
|
.setting-item .pickr .pcr-button:before {
|
|
border-radius: 40px;
|
|
box-shadow: none;
|
|
border: none;
|
|
}
|
|
|
|
/* --------------- */
|
|
/* MacOs-like Translucency */
|
|
/* --------------- */
|
|
|
|
.is-translucent:not(.macOS-translucent).theme-light {
|
|
--opacity-translucency: 0.6;
|
|
}
|
|
|
|
.is-translucent:not(.macOS-translucent).theme-dark {
|
|
--opacity-translucency: 0.7;
|
|
}
|
|
|
|
.is-translucent .workspace-leaf-resize-handle {
|
|
opacity: var(--opacity-translucency);
|
|
background-color: transparent;
|
|
}
|
|
|
|
.macOS-translucent.is-translucent.is-translucent ::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.macOS-translucent.is-translucent .titlebar,
|
|
.macOS-translucent.is-translucent .status-bar {
|
|
background-color: var(--background-translucent) !important;
|
|
}
|
|
|
|
.macOS-translucent.is-translucent .titlebar-button:hover {
|
|
background-color: var(--background-primary);
|
|
}
|
|
|
|
.macOS-translucent.is-translucent .workspace {
|
|
background-color: var(--background-translucent) !important;
|
|
}
|
|
|
|
.macOS-translucent.is-translucent .workspace-split .workspace-tabs {
|
|
background: var(--background-primary) !important;
|
|
}
|
|
|
|
.macOS-translucent.is-translucent .workspace-tab-container-inner {
|
|
background-color: transparent !important;
|
|
border: transparent;
|
|
}
|
|
|
|
.macOS-translucent.is-translucent .workspace-split .workspace-tabs,
|
|
.macOS-translucent.is-translucent .graph-controls,
|
|
.macOS-translucent.is-translucent .nav-file-title.is-active {
|
|
background-color: transparent !important;
|
|
box-shadow: inset -10px 0 4px -10px rgba(0, 0, 0, 0.04);
|
|
}
|
|
|
|
.focus-mode.macOS-translucent.is-translucent .workspace {
|
|
background-color: var(--background-primary) !important;
|
|
}
|
|
|
|
.macOS-translucent.is-translucent .workspace-ribbon.mod-right,
|
|
.macOS-translucent.is-translucent .workspace-ribbon.mod-left {
|
|
background: transparent;
|
|
}
|
|
|
|
.macOS-translucent.is-translucent .mod-horizontal .workspace-leaf {
|
|
border-bottom: 0px;
|
|
background-color: transparent;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.macOS-translucent.is-translucent.theme-light .workspace {
|
|
--text-muted: hsl(
|
|
var(--base-h),
|
|
calc(var(--base-s) - 3%),
|
|
calc(var(--base-l) - 50%)
|
|
);
|
|
--svg-faint: hsl(
|
|
var(--base-h),
|
|
calc(var(--base-s) - 3%),
|
|
calc(var(--base-l) - 38%)
|
|
);
|
|
}
|
|
|
|
/* --------------------------------------------------------------------------------
|
|
Icon replacement
|
|
Thanks to Kepano, Matthew Meyers, and Chetachi Ezikeuzor
|
|
-------------------------------------------------------------------------------- */
|
|
|
|
.tree-item-self .collapse-icon {
|
|
width: 20px;
|
|
}
|
|
|
|
body:not(.minimal-icons-off) .view-action svg,
|
|
body:not(.minimal-icons-off) .workspace-tab-header-inner-icon svg,
|
|
body:not(.minimal-icons-off) .nav-action-button svg,
|
|
body:not(.minimal-icons-off) .graph-controls-button svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
body:not(.minimal-icons-off) .menu-item-icon svg {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
body:not(.minimal-icons-off) .workspace-ribbon-collapse-btn svg {
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
body:not(.minimal-icons-off) svg.any-key,
|
|
body:not(.minimal-icons-off) svg.blocks,
|
|
body:not(.minimal-icons-off) svg.bar-graph,
|
|
body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon,
|
|
body:not(.minimal-icons-off) svg.audio-file,
|
|
body:not(.minimal-icons-off) svg.bold-glyph,
|
|
body:not(.minimal-icons-off) svg.italic-glyph,
|
|
body:not(.minimal-icons-off) svg.bracket-glyph,
|
|
body:not(.minimal-icons-off) svg.broken-link,
|
|
body:not(.minimal-icons-off) svg.bullet-list-glyph,
|
|
body:not(.minimal-icons-off) svg.bullet-list,
|
|
body:not(.minimal-icons-off) svg.calendar-day,
|
|
body:not(.minimal-icons-off) svg.calendar-with-checkmark,
|
|
body:not(.minimal-icons-off) svg.check-in-circle,
|
|
body:not(.minimal-icons-off) svg.check-small,
|
|
body:not(.minimal-icons-off) svg.checkbox-glyph,
|
|
body:not(.minimal-icons-off) svg.checkmark,
|
|
body:not(.minimal-icons-off) svg.clock,
|
|
body:not(.minimal-icons-off) svg.cloud,
|
|
body:not(.minimal-icons-off) svg.code-glyph,
|
|
body:not(.minimal-icons-off) svg.create-new,
|
|
body:not(.minimal-icons-off) svg.cross-in-box,
|
|
body:not(.minimal-icons-off) svg.cross,
|
|
body:not(.minimal-icons-off) svg.crossed-star,
|
|
body:not(.minimal-icons-off) svg.dice,
|
|
body:not(.minimal-icons-off) svg.disk,
|
|
body:not(.minimal-icons-off) svg.document,
|
|
body:not(.minimal-icons-off) svg.documents,
|
|
body:not(.minimal-icons-off) svg.dot-network,
|
|
body:not(.minimal-icons-off) svg.double-down-arrow-glyph,
|
|
body:not(.minimal-icons-off) svg.double-up-arrow-glyph,
|
|
body:not(.minimal-icons-off) svg.down-arrow-with-tail,
|
|
body:not(.minimal-icons-off) svg.down-chevron-glyph,
|
|
body:not(.minimal-icons-off) svg.enter,
|
|
body:not(.minimal-icons-off) svg.exit-fullscreen,
|
|
body:not(.minimal-icons-off) svg.expand-vertically,
|
|
body:not(.minimal-icons-off) svg.excalidraw-icon,
|
|
body:not(.minimal-icons-off) svg.filled-pin,
|
|
body:not(.minimal-icons-off) svg.folder,
|
|
body:not(.minimal-icons-off) svg.fullscreen,
|
|
body:not(.minimal-icons-off) svg.gear,
|
|
body:not(.minimal-icons-off) svg.hashtag,
|
|
body:not(.minimal-icons-off) svg.heading-glyph,
|
|
body:not(.minimal-icons-off) svg.go-to-file,
|
|
body:not(.minimal-icons-off) svg.help .widget-icon,
|
|
body:not(.minimal-icons-off) svg.help,
|
|
body:not(.minimal-icons-off) svg.highlight-glyph,
|
|
body:not(.minimal-icons-off) svg.horizontal-split,
|
|
body:not(.minimal-icons-off) svg.image-file,
|
|
body:not(.minimal-icons-off) svg.image-glyph,
|
|
body:not(.minimal-icons-off) svg.indent-glyph,
|
|
body:not(.minimal-icons-off) svg.info,
|
|
body:not(.minimal-icons-off) svg.install,
|
|
body:not(.minimal-icons-off) svg.keyboard-glyph,
|
|
body:not(.minimal-icons-off) svg.left-arrow-with-tail,
|
|
body:not(.minimal-icons-off) svg.left-arrow,
|
|
body:not(.minimal-icons-off) svg.left-chevron-glyph,
|
|
body:not(.minimal-icons-off) svg.lines-of-text,
|
|
body:not(.minimal-icons-off) svg.link-glyph,
|
|
body:not(.minimal-icons-off) svg.link,
|
|
body:not(.minimal-icons-off) svg.magnifying-glass,
|
|
body:not(.minimal-icons-off) svg.microphone-filled,
|
|
body:not(.minimal-icons-off) svg.microphone,
|
|
body:not(.minimal-icons-off) svg.minus-with-circle,
|
|
body:not(.minimal-icons-off) svg.note-glyph,
|
|
body:not(.minimal-icons-off) svg.number-list-glyph,
|
|
body:not(.minimal-icons-off) svg.open-vault,
|
|
body:not(.minimal-icons-off) svg.pane-layout,
|
|
body:not(.minimal-icons-off) svg.paper-plane,
|
|
body:not(.minimal-icons-off) svg.paused,
|
|
/*body:not(.minimal-icons-off) svg.pdf-file,*/
|
|
body:not(.minimal-icons-off) svg.pencil,
|
|
body:not(.minimal-icons-off) svg.pin,
|
|
body:not(.minimal-icons-off) svg.plus-with-circle,
|
|
body:not(.minimal-icons-off) svg.popup-open,
|
|
body:not(.minimal-icons-off) svg.presentation,
|
|
body:not(.minimal-icons-off) svg.price-tag-glyph,
|
|
body:not(.minimal-icons-off) svg.quote-glyph,
|
|
body:not(.minimal-icons-off) svg.redo-glyph,
|
|
body:not(.minimal-icons-off) svg.reset,
|
|
body:not(.minimal-icons-off) svg.right-arrow-with-tail,
|
|
body:not(.minimal-icons-off) svg.right-arrow,
|
|
body:not(.minimal-icons-off) svg.right-chevron-glyph,
|
|
body:not(.minimal-icons-off) svg.right-triangle,
|
|
body:not(.minimal-icons-off) svg.run-command,
|
|
body:not(.minimal-icons-off) svg.search,
|
|
body:not(.minimal-icons-off) svg.sheets-in-box,
|
|
body:not(.minimal-icons-off) svg.spreadsheet,
|
|
body:not(.minimal-icons-off) svg.stacked-levels,
|
|
body:not(.minimal-icons-off) svg.star-list,
|
|
body:not(.minimal-icons-off) svg.star,
|
|
body:not(.minimal-icons-off) svg.strikethrough-glyph,
|
|
body:not(.minimal-icons-off) svg.switch,
|
|
body:not(.minimal-icons-off) svg.sync-small,
|
|
body:not(.minimal-icons-off) svg.sync,
|
|
body:not(.minimal-icons-off) svg.tag-glyph,
|
|
body:not(.minimal-icons-off) svg.three-horizontal-bars,
|
|
body:not(.minimal-icons-off) svg.trash,
|
|
body:not(.minimal-icons-off) svg.undo-glyph,
|
|
body:not(.minimal-icons-off) svg.unindent-glyph,
|
|
body:not(.minimal-icons-off) svg.up-and-down-arrows,
|
|
body:not(.minimal-icons-off) svg.up-arrow-with-tail,
|
|
body:not(.minimal-icons-off) svg.up-chevron-glyph,
|
|
body:not(.minimal-icons-off) svg.vault,
|
|
body:not(.minimal-icons-off) svg.vertical-split,
|
|
body:not(.minimal-icons-off) svg.vertical-three-dots,
|
|
body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph,
|
|
body:not(.minimal-icons-off) svg.clock-glyph,
|
|
body:not(.minimal-icons-off) svg.command-glyph,
|
|
body:not(.minimal-icons-off) svg.add-note-glyph,
|
|
body:not(.minimal-icons-off) svg.calendar-glyph,
|
|
body:not(.minimal-icons-off) svg.duplicate-glyph,
|
|
body:not(.minimal-icons-off) svg.file-explorer-glyph,
|
|
body:not(.minimal-icons-off) svg.graph-glyph,
|
|
body:not(.minimal-icons-off) svg.import-glyph,
|
|
body:not(.minimal-icons-off) svg.languages,
|
|
body:not(.minimal-icons-off) svg.links-coming-in,
|
|
body:not(.minimal-icons-off) svg.links-going-out,
|
|
body:not(.minimal-icons-off) svg.merge-files-glyph,
|
|
body:not(.minimal-icons-off) svg.merge-files,
|
|
body:not(.minimal-icons-off) svg.open-elsewhere-glyph,
|
|
body:not(.minimal-icons-off) svg.paper-plane-glyph,
|
|
body:not(.minimal-icons-off) svg.paste-text,
|
|
body:not(.minimal-icons-off) svg.paste,
|
|
body:not(.minimal-icons-off) svg.percent-sign-glyph,
|
|
body:not(.minimal-icons-off) svg.play-audio-glyph,
|
|
body:not(.minimal-icons-off) svg.plus-minus-glyph,
|
|
body:not(.minimal-icons-off) svg.presentation-glyph,
|
|
body:not(.minimal-icons-off) svg.question-mark-glyph,
|
|
body:not(.minimal-icons-off) svg.restore-file-glyph,
|
|
body:not(.minimal-icons-off) svg.scissors-glyph,
|
|
body:not(.minimal-icons-off) svg.scissors,
|
|
body:not(.minimal-icons-off) svg.search-glyph,
|
|
body:not(.minimal-icons-off) svg.select-all-text,
|
|
body:not(.minimal-icons-off) svg.split,
|
|
body:not(.minimal-icons-off) svg.star-glyph,
|
|
body:not(.minimal-icons-off) svg.stop-audio-glyph,
|
|
body:not(.minimal-icons-off) svg.sweep,
|
|
body:not(.minimal-icons-off) svg.two-blank-pages,
|
|
body:not(.minimal-icons-off) svg.tomorrow-glyph,
|
|
body:not(.minimal-icons-off) svg.yesterday-glyph,
|
|
body:not(.minimal-icons-off) svg.workspace-glyph,
|
|
body:not(.minimal-icons-off) svg.box-glyph,
|
|
body:not(.minimal-icons-off) svg.wand,
|
|
body:not(.minimal-icons-off) svg.longform,
|
|
body:not(.minimal-icons-off) svg.changelog {
|
|
background-color: currentColor;
|
|
}
|
|
|
|
body:not(.minimal-icons-off) svg.any-key > path,
|
|
body:not(.minimal-icons-off) svg.blocks > path,
|
|
body:not(.minimal-icons-off) svg.bar-graph > path,
|
|
body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon > path,
|
|
body:not(.minimal-icons-off) svg.audio-file > path,
|
|
body:not(.minimal-icons-off) svg.bold-glyph > path,
|
|
body:not(.minimal-icons-off) svg.italic-glyph > path,
|
|
body:not(.minimal-icons-off) svg.bracket-glyph > path,
|
|
body:not(.minimal-icons-off) svg.broken-link > path,
|
|
body:not(.minimal-icons-off) svg.bullet-list-glyph > path,
|
|
body:not(.minimal-icons-off) svg.bullet-list > path,
|
|
body:not(.minimal-icons-off) svg.calendar-day > path,
|
|
body:not(.minimal-icons-off) svg.calendar-with-checkmark > path,
|
|
body:not(.minimal-icons-off) svg.check-in-circle > path,
|
|
body:not(.minimal-icons-off) svg.check-small > path,
|
|
body:not(.minimal-icons-off) svg.checkbox-glyph > path,
|
|
body:not(.minimal-icons-off) svg.checkmark > path,
|
|
body:not(.minimal-icons-off) svg.clock > path,
|
|
body:not(.minimal-icons-off) svg.cloud > path,
|
|
body:not(.minimal-icons-off) svg.code-glyph > path,
|
|
body:not(.minimal-icons-off) svg.command-glyph > path,
|
|
body:not(.minimal-icons-off) svg.create-new > path,
|
|
body:not(.minimal-icons-off) svg.cross-in-box > path,
|
|
body:not(.minimal-icons-off) svg.cross > path,
|
|
body:not(.minimal-icons-off) svg.crossed-star > path,
|
|
body:not(.minimal-icons-off) svg.dice > path,
|
|
body:not(.minimal-icons-off) svg.disk > path,
|
|
body:not(.minimal-icons-off) svg.document > path,
|
|
body:not(.minimal-icons-off) svg.documents > path,
|
|
body:not(.minimal-icons-off) svg.dot-network > path,
|
|
body:not(.minimal-icons-off) svg.double-down-arrow-glyph > path,
|
|
body:not(.minimal-icons-off) svg.double-up-arrow-glyph > path,
|
|
body:not(.minimal-icons-off) svg.down-arrow-with-tail > path,
|
|
body:not(.minimal-icons-off) svg.down-chevron-glyph > path,
|
|
body:not(.minimal-icons-off) svg.enter > path,
|
|
body:not(.minimal-icons-off) svg.exit-fullscreen > path,
|
|
body:not(.minimal-icons-off) svg.expand-vertically > path,
|
|
body:not(.minimal-icons-off) svg.excalidraw-icon > path,
|
|
body:not(.minimal-icons-off) svg.filled-pin > path,
|
|
body:not(.minimal-icons-off) svg.folder > path,
|
|
body:not(.minimal-icons-off) svg.fullscreen > path,
|
|
body:not(.minimal-icons-off) svg.gear > path,
|
|
body:not(.minimal-icons-off) svg.hashtag > path,
|
|
body:not(.minimal-icons-off) svg.heading-glyph > path,
|
|
body:not(.minimal-icons-off) svg.go-to-file > path,
|
|
body:not(.minimal-icons-off) svg.help .widget-icon > path,
|
|
body:not(.minimal-icons-off) svg.help > path,
|
|
body:not(.minimal-icons-off) svg.highlight-glyph > path,
|
|
body:not(.minimal-icons-off) svg.horizontal-split > path,
|
|
body:not(.minimal-icons-off) svg.image-file > path,
|
|
body:not(.minimal-icons-off) svg.image-glyph > path,
|
|
body:not(.minimal-icons-off) svg.indent-glyph > path,
|
|
body:not(.minimal-icons-off) svg.info > path,
|
|
body:not(.minimal-icons-off) svg.install > path,
|
|
body:not(.minimal-icons-off) svg.keyboard-glyph > path,
|
|
body:not(.minimal-icons-off) svg.left-arrow-with-tail > path,
|
|
body:not(.minimal-icons-off) svg.left-arrow > path,
|
|
body:not(.minimal-icons-off) svg.left-chevron-glyph > path,
|
|
body:not(.minimal-icons-off) svg.lines-of-text > path,
|
|
body:not(.minimal-icons-off) svg.link-glyph > path,
|
|
body:not(.minimal-icons-off) svg.link > path,
|
|
body:not(.minimal-icons-off) svg.magnifying-glass > path,
|
|
body:not(.minimal-icons-off) svg.microphone-filled > path,
|
|
body:not(.minimal-icons-off) svg.microphone > path,
|
|
body:not(.minimal-icons-off) svg.minus-with-circle > path,
|
|
body:not(.minimal-icons-off) svg.note-glyph > path,
|
|
body:not(.minimal-icons-off) svg.number-list-glyph > path,
|
|
body:not(.minimal-icons-off) svg.open-vault > path,
|
|
body:not(.minimal-icons-off) svg.pane-layout > path,
|
|
body:not(.minimal-icons-off) svg.paper-plane > path,
|
|
body:not(.minimal-icons-off) svg.paused > path,
|
|
/*body:not(.minimal-icons-off) svg.pdf-file > path,*/
|
|
body:not(.minimal-icons-off) svg.pencil > path,
|
|
body:not(.minimal-icons-off) svg.pin > path,
|
|
body:not(.minimal-icons-off) svg.plus-with-circle > path,
|
|
body:not(.minimal-icons-off) svg.popup-open > path,
|
|
body:not(.minimal-icons-off) svg.presentation > path,
|
|
body:not(.minimal-icons-off) svg.price-tag-glyph > path,
|
|
body:not(.minimal-icons-off) svg.quote-glyph > path,
|
|
body:not(.minimal-icons-off) svg.redo-glyph > path,
|
|
body:not(.minimal-icons-off) svg.reset > path,
|
|
body:not(.minimal-icons-off) svg.right-arrow-with-tail > path,
|
|
body:not(.minimal-icons-off) svg.right-arrow > path,
|
|
body:not(.minimal-icons-off) svg.right-chevron-glyph > path,
|
|
body:not(.minimal-icons-off) svg.right-triangle > path,
|
|
body:not(.minimal-icons-off) svg.run-command > path,
|
|
body:not(.minimal-icons-off) svg.search > path,
|
|
body:not(.minimal-icons-off) svg.sheets-in-box > path,
|
|
body:not(.minimal-icons-off) svg.spreadsheet > path,
|
|
body:not(.minimal-icons-off) svg.stacked-levels > path,
|
|
body:not(.minimal-icons-off) svg.star-list > path,
|
|
body:not(.minimal-icons-off) svg.star > path,
|
|
body:not(.minimal-icons-off) svg.strikethrough-glyph > path,
|
|
body:not(.minimal-icons-off) svg.switch > path,
|
|
body:not(.minimal-icons-off) svg.sync-small > path,
|
|
body:not(.minimal-icons-off) svg.sync > path,
|
|
body:not(.minimal-icons-off) svg.tag-glyph > path,
|
|
body:not(.minimal-icons-off) svg.three-horizontal-bars > path,
|
|
body:not(.minimal-icons-off) svg.trash > path,
|
|
body:not(.minimal-icons-off) svg.undo-glyph > path,
|
|
body:not(.minimal-icons-off) svg.unindent-glyph > path,
|
|
body:not(.minimal-icons-off) svg.up-and-down-arrows > path,
|
|
body:not(.minimal-icons-off) svg.up-arrow-with-tail > path,
|
|
body:not(.minimal-icons-off) svg.up-chevron-glyph > path,
|
|
body:not(.minimal-icons-off) svg.vault > path,
|
|
body:not(.minimal-icons-off) svg.vertical-split > path,
|
|
body:not(.minimal-icons-off) svg.vertical-three-dots > path,
|
|
body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph > path,
|
|
body:not(.minimal-icons-off) svg.clock-glyph > path,
|
|
body:not(.minimal-icons-off) svg.add-note-glyph > path,
|
|
body:not(.minimal-icons-off) svg.calendar-glyph > path,
|
|
body:not(.minimal-icons-off) svg.duplicate-glyph > path,
|
|
body:not(.minimal-icons-off) svg.file-explorer-glyph > path,
|
|
body:not(.minimal-icons-off) svg.graph-glyph > path,
|
|
body:not(.minimal-icons-off) svg.import-glyph > path,
|
|
body:not(.minimal-icons-off) svg.languages > path,
|
|
body:not(.minimal-icons-off) svg.links-coming-in > path,
|
|
body:not(.minimal-icons-off) svg.links-going-out > path,
|
|
body:not(.minimal-icons-off) svg.merge-files > path,
|
|
body:not(.minimal-icons-off) svg.open-elsewhere-glyph > path,
|
|
body:not(.minimal-icons-off) svg.paper-plane-glyph > path,
|
|
body:not(.minimal-icons-off) svg.paste-text > path,
|
|
body:not(.minimal-icons-off) svg.paste > path,
|
|
body:not(.minimal-icons-off) svg.percent-sign-glyph > path,
|
|
body:not(.minimal-icons-off) svg.play-audio-glyph > path,
|
|
body:not(.minimal-icons-off) svg.plus-minus-glyph > path,
|
|
body:not(.minimal-icons-off) svg.presentation-glyph > path,
|
|
body:not(.minimal-icons-off) svg.question-mark-glyph > path,
|
|
body:not(.minimal-icons-off) svg.restore-file-glyph > path,
|
|
body:not(.minimal-icons-off) svg.scissors-glyph > path,
|
|
body:not(.minimal-icons-off) svg.scissors > path,
|
|
body:not(.minimal-icons-off) svg.search-glyph > path,
|
|
body:not(.minimal-icons-off) svg.select-all-text > path,
|
|
body:not(.minimal-icons-off) svg.split > path,
|
|
body:not(.minimal-icons-off) svg.star-glyph > path,
|
|
body:not(.minimal-icons-off) svg.stop-audio-glyph > path,
|
|
body:not(.minimal-icons-off) svg.sweep > path,
|
|
body:not(.minimal-icons-off) svg.two-blank-pages > path,
|
|
body:not(.minimal-icons-off) svg.tomorrow-glyph > path,
|
|
body:not(.minimal-icons-off) svg.yesterday-glyph > path,
|
|
body:not(.minimal-icons-off) svg.workspace-glyph > path,
|
|
body:not(.minimal-icons-off) svg.box-glyph > path,
|
|
body:not(.minimal-icons-off) svg.wand > path,
|
|
body:not(.minimal-icons-off) svg.longform > path,
|
|
body:not(.minimal-icons-off) svg.changelog > path {
|
|
display: none;
|
|
}
|
|
|
|
body:not(.minimal-icons-off) svg.any-key {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M27.2,8C17.7,8,10,15.7,10,25.2v37.6v14C10,86.3,17.7,94,27.2,94h45.6C82.3,94,90,86.3,90,76.8V61.2v-36 C90,15.7,82.3,8,72.8,8L27.2,8z M27.2,12h45.6C80.1,12,86,17.9,86,25.2v36v1.6C86,70.1,80.1,76,72.8,76H27.2 C19.9,76,14,70.1,14,62.8v-1.6v-36C14,17.9,19.9,12,27.2,12z M48,26v14.5L35.6,33l-2.1,3.4L46.1,44l-12.6,7.6l2.1,3.4L48,47.5V62 h4V47.5L64.4,55l2.1-3.4L53.9,44l12.6-7.6L64.4,33L52,40.5V26H48z M14,73.8c3.2,3.8,7.9,6.2,13.2,6.2h45.6c5.3,0,10-2.4,13.2-6.2 v3C86,84.1,80.1,90,72.8,90H27.2C19.9,90,14,84.1,14,76.8L14,73.8z" stroke-width="4" stroke="currentColor"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.audio-file {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 7.22L6.603 10H3v4h3.603L10 16.78V7.22zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387L5.89 16zm13.517 4.134l-1.416-1.416A8.978 8.978 0 0 0 21 12a8.982 8.982 0 0 0-3.304-6.968l1.42-1.42A10.976 10.976 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134zm-3.543-3.543l-1.422-1.422A3.993 3.993 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.991 5.991 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.bar-graph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M 11.742188 1.0136719 C 11.495014 0.99451258 11.245989 1.0010245 11.003906 1.0390625 C 10.519741 1.1151385 10.060171 1.3167823 9.6875 1.6894531 C 8.9427523 2.4345187 8.8811384 3.5232122 9.140625 4.4746094 C 9.4002664 5.4265742 9.9764411 6.3670666 10.804688 7.1953125 C 11.496834 7.8874596 12.264436 8.3925883 13.054688 8.6933594 C 13.05294 8.7011774 13.048573 8.708982 13.046875 8.7167969 C 12.838268 9.6768984 13.040458 10.665466 13.6875 11.3125 C 14.334556 11.959533 15.323109 12.161766 16.283203 11.953125 C 17.243297 11.744486 18.226203 11.164455 19.195312 10.195312 C 20.164421 9.2261688 20.744519 8.2433044 20.953125 7.2832031 C 21.161733 6.323102 20.959541 5.3345335 20.3125 4.6875 C 19.665444 4.0404665 18.676891 3.8382344 17.716797 4.046875 C 17.301697 4.1370811 16.88172 4.3104581 16.460938 4.5410156 C 16.1531 3.9336321 15.733191 3.3445189 15.193359 2.8046875 C 14.365195 1.9765236 13.424549 1.4022437 12.472656 1.1425781 C 12.234683 1.0776617 11.989361 1.0328312 11.742188 1.0136719 z M 11.355469 3.0039062 C 11.491174 2.9871459 11.682712 2.9981453 11.947266 3.0703125 C 12.476373 3.2146469 13.169461 3.6089139 13.779297 4.21875 C 14.292232 4.7316847 14.642645 5.2994399 14.830078 5.7832031 C 14.82185 5.7913732 14.812913 5.7964614 14.804688 5.8046875 C 14.447168 6.1622192 14.160755 6.5213226 13.908203 6.8808594 C 13.40404 6.705826 12.774737 6.3372375 12.21875 5.78125 C 11.608996 5.1714959 11.214672 4.4765508 11.070312 3.9472656 C 10.925954 3.4179805 11.025573 3.1794146 11.101562 3.1035156 C 11.139893 3.0651866 11.219764 3.0206666 11.355469 3.0039062 z M 18.443359 5.9609375 C 18.698605 5.9522653 18.825548 6.028674 18.898438 6.1015625 C 18.995628 6.1987455 19.099335 6.3912538 18.998047 6.8574219 C 18.896761 7.3235892 18.548292 8.0141814 17.78125 8.78125 C 17.014208 9.5483187 16.323586 9.896744 15.857422 9.9980469 C 15.391257 10.099351 15.198748 9.9956209 15.101562 9.8984375 C 15.004376 9.8012541 14.900665 9.6087462 15.001953 9.1425781 C 15.103239 8.6764108 15.451708 7.9858186 16.21875 7.21875 C 16.985792 6.4516813 17.676414 6.103256 18.142578 6.0019531 C 18.259119 5.9766272 18.358277 5.9638282 18.443359 5.9609375 z M 3.8886719 5.984375 C 3.1146141 5.9054734 2.2915765 6.0834024 1.6875 6.6875 C 0.8820646 7.4929634 0.83275973 8.6870674 1.1425781 9.6367188 C 1.4523965 10.58637 2.0637964 11.454448 2.8046875 12.195312 C 3.5455786 12.936179 4.4136188 13.547637 5.3632812 13.857422 C 6.3129437 14.167208 7.5070646 14.117964 8.3125 13.3125 C 9.1179353 12.507037 9.1672404 11.312932 8.8574219 10.363281 C 8.5476033 9.4136292 7.9362037 8.5455528 7.1953125 7.8046875 C 6.4544215 7.0638223 5.5863811 6.4523633 4.6367188 6.1425781 C 4.3993032 6.0651318 4.1466911 6.0106755 3.8886719 5.984375 z M 3.4335938 7.9394531 C 3.5730706 7.9266303 3.754074 7.9576494 4.015625 8.0429688 C 4.538727 8.2136077 5.2199812 8.6575008 5.78125 9.21875 C 6.3425188 9.7799991 6.7863743 10.461279 6.9570312 10.984375 C 7.1276882 11.507471 7.0852911 11.711577 6.8984375 11.898438 C 6.7115842 12.085297 6.5074768 12.127672 5.984375 11.957031 C 5.4612734 11.786394 4.7800187 11.342499 4.21875 10.78125 C 3.6574812 10.220001 3.2136258 9.5387211 3.0429688 9.015625 C 2.8723116 8.492529 2.9147092 8.2884225 3.1015625 8.1015625 C 3.1949892 8.0081325 3.2941169 7.952276 3.4335938 7.9394531 z M 17.888672 12.984375 C 17.114614 12.905473 16.291576 13.083403 15.6875 13.6875 C 14.882065 14.492963 14.83276 15.687068 15.142578 16.636719 C 15.452396 17.586371 16.063796 18.454447 16.804688 19.195312 C 17.545579 19.936177 18.413619 20.547637 19.363281 20.857422 C 20.312944 21.167208 21.507065 21.117963 22.3125 20.3125 C 23.117935 19.507037 23.16724 18.312932 22.857422 17.363281 C 22.547604 16.413629 21.936203 15.545553 21.195312 14.804688 C 20.454421 14.063823 19.586381 13.452363 18.636719 13.142578 C 18.399303 13.065132 18.146691 13.010676 17.888672 12.984375 z M 17.433594 14.939453 C 17.573071 14.926631 17.754074 14.957649 18.015625 15.042969 C 18.538728 15.213607 19.219981 15.657501 19.78125 16.21875 C 20.342519 16.779999 20.786375 17.461279 20.957031 17.984375 C 21.127688 18.507471 21.085292 18.711578 20.898438 18.898438 C 20.711583 19.085297 20.507477 19.127671 19.984375 18.957031 C 19.461272 18.786393 18.780019 18.342499 18.21875 17.78125 C 17.657481 17.220001 17.213625 16.538721 17.042969 16.015625 C 16.872312 15.492529 16.914708 15.288422 17.101562 15.101562 C 17.194989 15.008133 17.294117 14.952276 17.433594 14.939453 z M 10.435547 14.966797 C 10.197809 14.966925 9.9568203 14.994715 9.7167969 15.046875 C 8.756703 15.255514 7.7737972 15.835544 6.8046875 16.804688 C 5.8355775 17.773832 5.2554813 18.756695 5.046875 19.716797 C 4.838268 20.676897 5.0404485 21.665466 5.6875 22.3125 C 6.3345564 22.959534 7.3231095 23.161765 8.2832031 22.953125 C 9.2432974 22.744485 10.226203 22.164457 11.195312 21.195312 C 12.164421 20.226168 12.744519 19.243304 12.953125 18.283203 C 13.161733 17.323101 12.959541 16.334534 12.3125 15.6875 C 11.827208 15.202225 11.148761 14.966413 10.435547 14.966797 z M 10.443359 16.960938 C 10.698605 16.952261 10.825548 17.028659 10.898438 17.101562 C 10.995627 17.198743 11.099334 17.391254 10.998047 17.857422 C 10.89676 18.323589 10.548292 19.014181 9.78125 19.78125 C 9.0142082 20.548319 8.3235856 20.896744 7.8574219 20.998047 C 7.3912574 21.09935 7.1987491 20.995621 7.1015625 20.898438 C 7.0043761 20.801254 6.9006663 20.608746 7.0019531 20.142578 C 7.1032405 19.676411 7.4517083 18.985819 8.21875 18.21875 C 8.9857919 17.451681 9.6764148 17.103256 10.142578 17.001953 C 10.259119 16.976627 10.358277 16.96383 10.443359 16.960938 z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.blocks {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM9 9H5V5h4v4zm11 4h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-4v-4h4v4zM17 3c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2zM7 13c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.bold-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M8 11h4.5a2.5 2.5 0 1 0 0-5H8v5zm10 4.5a4.5 4.5 0 0 1-4.5 4.5H6V4h6.5a4.5 4.5 0 0 1 3.256 7.606A4.498 4.498 0 0 1 18 15.5zM8 13v5h5.5a2.5 2.5 0 1 0 0-5H8z" stroke-width=".5" stroke="currentColor"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.italic-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1024 1024"><path fill="black" d="M798 160H366c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h181.2l-156 544H229c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h432c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8H474.4l156-544H798c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.bracket-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 4V2H4v20h6v-2H6V4zm4 16v2h6V2h-6v2h4v16z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.broken-link {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M70.833 70.833h20.833v8.333h-12.5v12.5h-8.333v-20.833zM29.167 29.167H8.333V20.833h12.5V8.333h8.333v20.833zm47.35 35.567L70.625 58.833l5.892 -5.892a20.833 20.833 0 1 0 -29.463 -29.463L41.163 29.375L35.267 23.483L41.167 17.592a29.167 29.167 0 0 1 41.25 41.25l-5.896 5.892zm-11.783 11.783l-5.896 5.892a29.167 29.167 0 0 1 -41.25 -41.25l5.896 -5.892L29.375 41.167l-5.892 5.892a20.833 20.833 0 1 0 29.463 29.463l5.892 -5.892l5.896 5.892zm-2.95 -44.196l5.896 5.896l-29.463 29.458l-5.896 -5.892l29.463 -29.458z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.bullet-list-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.667 25h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm66.667 -33.333V25H33.429v8.333H78.333zM33.333 45.833h50v8.333H33.333zm0 20.833h50v8.333H33.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.bullet-list {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.667 25h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm66.667 -33.333V25H33.429v8.333H78.333zM33.333 45.833h50v8.333H33.333zm0 20.833h50v8.333H33.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.calendar-with-checkmark {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 16.667h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333zm0.008 66.667H20.833V33.333h58.333l0.008 50z M45.833 72.558l23.779 -23.779l-5.892 -5.892L45.833 60.775l-9.554 -9.554l-5.892 5.892z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.check-in-circle {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm-8.329 60.054l-15.471 -15.438L32.083 47.05l9.579 9.563l22.058 -22.058l5.892 5.892l-27.942 27.942z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.check-small {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zM50 83.333c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333S68.379 83.333 50 83.333z M41.663 56.613L32.083 47.05 26.2 52.95 41.671 68.388 69.613 40.446 63.721 34.554z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.checkbox-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10.933 13.519l-2.226-2.226l-1.414 1.414l3.774 3.774l5.702-6.84l-1.538-1.282z"/><path d="M19 3H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM5 19V5h14l.002 14H5z" fill="currentColor"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.checkmark {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.667 64.942l-13.721 -13.721l-5.892 5.892L41.667 76.725l40.446 -40.446l-5.892 -5.892z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.clock {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"/><path fill="black" d="M54.167 29.167h-8.333v25h25v-8.333h-16.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.clock-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.938 34.458l6.513 -6.513l-5.892 -5.892L77.442 29.167c-4.375 -2.625 -9.475 -4.167 -14.942 -4.167c-16.079 0 -29.167 13.083 -29.167 29.167s13.088 29.167 29.167 29.167s29.167 -13.083 29.167 -29.167a29.025 29.025 0 0 0 -7.729 -19.708zM62.5 75c-11.488 0 -20.833 -9.346 -20.833 -20.833s9.346 -20.833 20.833 -20.833s20.833 9.346 20.833 20.833s-9.346 20.833 -20.833 20.833z"/><path fill="black" d="M58.333 41.667h8.333v16.667h-8.333zm-4.167 -29.167h16.667v8.333h-16.667zM12.5 33.333h16.667v8.333H12.5zm0 33.333h16.667v8.333H12.5zm-4.167 -16.667h16.625v8.333H8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.cloud {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M78.933 46.3C77.113 31.958 64.833 20.833 50 20.833C38.517 20.833 28.542 27.546 23.988 38.125C15.038 40.8 8.333 49.25 8.333 58.333c0 11.488 9.346 20.833 20.833 20.833h45.833c9.192 0 16.667 -7.475 16.667 -16.667a16.708 16.708 0 0 0 -12.733 -16.2zM75 70.833H29.167c-6.892 0 -12.5 -5.608 -12.5 -12.5c0 -5.85 4.996 -11.483 11.138 -12.563l2.421 -0.425l0.8 -2.325C33.954 34.475 41.229 29.167 50 29.167c11.488 0 20.833 9.346 20.833 20.833v4.167h4.167c4.596 0 8.333 3.738 8.333 8.333s-3.738 8.333 -8.333 8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.code-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.cross-in-box {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 12.5H20.833a8.333 8.333 0 0 0 -8.333 8.333v58.333a8.333 8.333 0 0 0 8.333 8.333h58.333a8.333 8.333 0 0 0 8.333 -8.333V20.833a8.333 8.333 0 0 0 -8.333 -8.333m0 66.667H20.833V20.833h58.333v58.333M70.833 35L55.833 50l15 15l-5.833 5.833l-15 -15L35 70.833L29.167 65l15 -15L29.167 35L35 29.167l15 15L65 29.167L70.833 35z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.cross {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M67.467 26.433l-17.679 17.675l-17.675 -17.675l-5.892 5.892L43.896 50l-17.675 17.675l5.892 5.892l17.675 -17.675l17.679 17.675l5.892 -5.892L55.683 50l17.675 -17.675z"></path></svg>');
|
|
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12' /></svg>");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
body:not(.minimal-icons-off) svg.crossed-star {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M20.938 86.563A4.158 4.158 0 0 0 25 91.667a4.167 4.167 0 0 0 2.313 -0.7L50 75.842l22.688 15.125a4.171 4.171 0 0 0 6.321 -4.608l-7.621 -26.667l18.9 -17.008a4.167 4.167 0 0 0 -2.458 -7.25l-23.754 -1.892l-10.279 -22.754a4.158 4.158 0 0 0 -7.592 -0.004L35.925 33.542l-23.754 1.888a4.167 4.167 0 0 0 -2.579 7.138l17.558 17.113l-6.213 26.883zM50 22.621l8.508 18.838l2.45 0.196h0.004l16.55 1.313l-13.629 12.267l-0.004 0.008l-1.929 1.733l0.713 2.488v0.013l5.221 18.271L50 65.825V22.621z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.dice {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 12.5H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333zM20.833 79.167V20.833h58.333l0.008 58.333H20.833z M39.583 33.333A6.25 6.25 0 0 1 33.333 39.583A6.25 6.25 0 0 1 27.083 33.333A6.25 6.25 0 0 1 39.583 33.333z M56.25 50A6.25 6.25 0 0 1 50 56.25A6.25 6.25 0 0 1 43.75 50A6.25 6.25 0 0 1 56.25 50z M72.917 66.667A6.25 6.25 0 0 1 66.667 72.917A6.25 6.25 0 0 1 60.417 66.667A6.25 6.25 0 0 1 72.917 66.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.disk {
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4' /%3E%3C/svg%3E");
|
|
}
|
|
body:not(.minimal-icons-off) svg.document {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.071 36.167c-0.046 -0.133 -0.083 -0.263 -0.138 -0.392c-0.204 -0.442 -0.458 -0.863 -0.817 -1.221l-25 -25c-0.358 -0.358 -0.779 -0.613 -1.221 -0.817c-0.125 -0.058 -0.258 -0.092 -0.392 -0.138c-0.35 -0.117 -0.708 -0.192 -1.079 -0.212C54.333 8.379 54.254 8.333 54.167 8.333H25C20.404 8.333 16.667 12.071 16.667 16.667v66.667c0 4.596 3.738 8.333 8.333 8.333h50c4.596 0 8.333 -3.738 8.333 -8.333V37.5c0 -0.088 -0.046 -0.167 -0.054 -0.258C83.258 36.875 83.188 36.517 83.071 36.167zM69.108 33.333H58.333V22.558L69.108 33.333zM25 83.333V16.667h25v20.833c0 2.304 1.863 4.167 4.167 4.167h20.833l0.008 41.667H25z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off)
|
|
.nav-action-button[aria-label='New note']
|
|
svg.document,
|
|
body:not(.minimal-icons-off) svg.create-new {
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z' /%3E%3C/svg%3E");
|
|
}
|
|
body:not(.minimal-icons-off) svg.documents {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 8.333H41.667C37.071 8.333 33.333 12.071 33.333 16.667v16.667H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v41.667c0 4.596 3.738 8.333 8.333 8.333h41.667c4.596 0 8.333 -3.738 8.333 -8.333v-16.667h16.667c4.596 0 8.333 -3.738 8.333 -8.333V16.667C91.667 12.071 87.929 8.333 83.333 8.333zM16.667 83.333V41.667h41.667l0.008 41.667H16.667zM83.333 58.333h-16.667v-16.667c0 -4.596 -3.738 -8.333 -8.333 -8.333h-16.667V16.667h41.667V58.333z M25 50H50V58.333H25zM25 66.667H50V75H25z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.dot-network {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M81.25 12.5C75.504 12.5 70.833 17.171 70.833 22.917c0 1.488 0.325 2.9 0.892 4.188l-8.146 9.162C60.896 34.425 57.663 33.333 54.167 33.333c-3.083 0 -5.933 0.9 -8.413 2.358L36.279 26.221L36.183 26.317C37 24.658 37.5 22.813 37.5 20.833c0 -6.904 -5.596 -12.5 -12.5 -12.5S12.5 13.929 12.5 20.833s5.596 12.5 12.5 12.5c1.979 0 3.821 -0.5 5.483 -1.317L30.388 32.113L39.863 41.583C38.396 44.067 37.5 46.921 37.5 50c0 4.154 1.583 7.913 4.104 10.838l-10.738 10.733C29.692 71.108 28.421 70.833 27.083 70.833C21.342 70.833 16.667 75.504 16.667 81.25S21.342 91.667 27.083 91.667S37.5 86.996 37.5 81.25c0 -1.338 -0.275 -2.608 -0.738 -3.788l11.825 -11.825C50.342 66.263 52.2 66.667 54.167 66.667c9.192 0 16.667 -7.475 16.667 -16.667c0 -2.65 -0.679 -5.121 -1.783 -7.35l8.821 -9.929C78.938 33.087 80.063 33.333 81.25 33.333C86.996 33.333 91.667 28.663 91.667 22.917S86.996 12.5 81.25 12.5zM54.167 58.333c-4.596 0 -8.333 -3.738 -8.333 -8.333s3.738 -8.333 8.333 -8.333c4.596 0 8.333 3.738 8.333 8.333S58.763 58.333 54.167 58.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.double-down-arrow-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M16.59 5.59L18 7l-6 6l-6-6l1.41-1.41L12 10.17l4.59-4.58m0 6L18 13l-6 6l-6-6l1.41-1.41L12 16.17l4.59-4.58z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.double-up-arrow-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M7.41 18.41L6 17l6-6l6 6l-1.41 1.41L12 13.83l-4.59 4.58m0-6L6 11l6-6l6 6l-1.41 1.41L12 7.83l-4.59 4.58z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.down-arrow-with-tail {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M77.946 52.946l-5.892 -5.892L54.167 64.942V25h-8.333v39.942l-17.888 -17.888l-5.892 5.892L50 80.892z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.down-chevron-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M67.888 38.721L50 56.608L32.113 38.721l-5.892 5.892L50 68.392l23.779 -23.779z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.enter {
|
|
transform: translate(-2px);
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M54.167 66.667l20.833 -16.667l-20.833 -16.667v12.5H16.667v8.333h37.5z"/><path fill="black" d="M83.333 12.5h-37.5c-4.596 0 -8.333 3.738 -8.333 8.333v16.667h8.333V20.833h37.5v58.333h-37.5v-16.667H37.5v16.667c0 4.596 3.738 8.333 8.333 8.333h37.5c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.excalidraw-icon {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 19l7-7l3 3l-7 7l-3-3z"/%3E%3Cpath d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/%3E%3Cpath d="M2 2l7.586 7.586"/%3E%3Ccircle cx="11" cy="11" r="2"/%3E%3C/g%3E%3C/svg%3E%0A');
|
|
}
|
|
body:not(.minimal-icons-off) svg.exit-fullscreen {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.667 16.667H33.333v16.667H16.667v8.333h25zM33.333 83.333h8.333v-25H16.667v8.333h16.667zm50 -25h-25v25h8.333v-16.667h16.667zm0 -25h-16.667V16.667h-8.333v25h25z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.expand-vertically {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M29.167 70.833L50 91.667 70.833 70.833 54.167 70.833 54.167 29.167 70.833 29.167 50 8.333 29.167 29.167 45.833 29.167 45.833 70.833z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.filled-pin {
|
|
transform: rotate(45deg);
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M12 22l1-2v-3h5a1 1 0 0 0 1-1v-1.586c0-.526-.214-1.042-.586-1.414L17 11.586V8a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2H8c-1.103 0-2 .897-2 2v3a1 1 0 0 0 1 1v3.586L5.586 13A2.01 2.01 0 0 0 5 14.414V16a1 1 0 0 0 1 1h5v3l1 2zM8 4h8v2H8V4zM7 14.414l1.707-1.707A.996.996 0 0 0 9 12V8h6v4c0 .266.105.52.293.707L17 14.414V15H7v-.586z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.folder {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 75H16.667V33.333h66.667m0 -8.333h-33.333l-8.333 -8.333H16.667c-4.625 0 -8.333 3.708 -8.333 8.333v50a8.333 8.333 0 0 0 8.333 8.333h66.667a8.333 8.333 0 0 0 8.333 -8.333V33.333a8.333 8.333 0 0 0 -8.333 -8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off)
|
|
.workspace-tab-header[aria-label='File explorer']
|
|
svg.folder {
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6' /%3E%3C/svg%3E");
|
|
}
|
|
body:not(.minimal-icons-off)
|
|
.nav-action-button[aria-label='New folder']
|
|
svg.folder {
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z' /%3E%3C/svg%3E");
|
|
}
|
|
body:not(.minimal-icons-off) svg.fullscreen {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M20.833 20.833h20.833V12.5H12.5v29.167h8.333zm20.833 58.333H20.833v-20.833H12.5v29.167h29.167zm45.833 -20.833h-8.333v20.833h-20.833v8.333h29.167zm-8.333 -16.667h8.333V12.5h-29.167v8.333h20.833z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.gear {
|
|
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z' /><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z' /></svg>");
|
|
}
|
|
body:not(.minimal-icons-off) svg.hashtag {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M66.742 15.896L63.467 33.333h-20.692l2.983 -15.896l-8.183 -1.542L34.3 33.333H16.667v8.333h16.071l-3.129 16.667H12.5v8.333h15.546l-2.975 15.854l8.188 1.538L36.525 66.667h20.692l-2.975 15.854l8.188 1.538l3.263 -17.392H83.333v-8.333h-16.079l3.129 -16.667H87.5V33.333h-15.554l2.983 -15.896l-8.188 -1.542zM58.775 58.333H38.088l3.129 -16.667h20.692l-3.133 16.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.heading-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M18 20V4h-3v6H9V4H6v16h3v-7h6v7z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.go-to-file {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M57.113 9.554C56.333 8.771 55.275 8.333 54.167 8.333H25C20.404 8.333 16.667 12.071 16.667 16.667v66.667c0 4.596 3.738 8.333 8.333 8.333h50c4.596 0 8.333 -3.738 8.333 -8.333V37.5c0 -1.108 -0.438 -2.167 -1.221 -2.946L57.113 9.554zM25 16.667h27.442L75 39.225l0.008 38.225l-10.7 -10.7C65.767 64.271 66.667 61.413 66.667 58.333c0 -9.192 -7.475 -16.667 -16.667 -16.667s-16.667 7.475 -16.667 16.667s7.475 16.667 16.667 16.667c3.079 0 5.938 -0.9 8.417 -2.358L69.108 83.333H25V16.667zM50 66.667c-4.596 0 -8.333 -3.738 -8.333 -8.333s3.738 -8.333 8.333 -8.333s8.333 3.738 8.333 8.333S54.596 66.667 50 66.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.help .widget-icon,
|
|
body:not(.minimal-icons-off) svg.help {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 25C40.962 25 33.608 32.354 33.608 41.392h8.333C41.942 36.946 45.558 33.333 50 33.333s8.058 3.613 8.058 8.058c0 2.492 -2.004 4.3 -5.067 6.775 -1.063 0.863 -2.067 1.683 -2.879 2.496C45.954 54.817 45.833 59.229 45.833 59.721V62.5h8.333l-0.004 -2.638c0.004 -0.067 0.138 -1.608 1.838 -3.304 0.625 -0.625 1.413 -1.25 2.229 -1.908 3.246 -2.629 8.158 -6.6 8.158 -13.258C66.392 32.354 59.038 25 50 25zM45.833 66.667H54.167V75H45.833z M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zM50 83.333c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333S68.379 83.333 50 83.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.highlight-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M86.279 24.275l-14.729 -14.721c-1.617 -1.621 -4.237 -1.629 -5.867 -0.025L29.567 45.083c-0.563 0.558 -0.958 1.262 -1.138 2.033l-4.267 18.488L16.667 75h11.783l4.758 -4.704 14.95 -3.45c0.75 -0.175 1.438 -0.554 1.988 -1.092l36.113 -35.563C87.05 29.413 87.496 28.35 87.5 27.238S87.067 25.063 86.279 24.275zM47.242 56.913l-8.838 -8.833 30.179 -29.713 8.833 8.833L47.242 56.913zM16.667 83.333H83.333V91.667H16.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.horizontal-split {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M33.333 75h12.5v-12.5H8.333v-8.333h83.333v8.333h-37.5v12.5h12.5l-16.667 16.667l-16.667 -16.667m16.667 -66.667L33.333 25h12.5v12.5H8.333v8.333h83.333V37.5h-37.5V25h12.5l-16.667 -16.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.image-file {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.496 39.583A6.25 6.25 0 0 1 31.246 45.833A6.25 6.25 0 0 1 24.996 39.583A6.25 6.25 0 0 1 37.496 39.583z"/><path fill="black" d="M43.746 58.333l-6.25 -8.333l-12.5 16.667h50l-18.75 -25z"/><path fill="black" d="M83.329 16.667h-66.667c-4.596 0 -8.333 3.738 -8.333 8.333v50c0 4.596 3.738 8.333 8.333 8.333h66.667c4.596 0 8.333 -3.738 8.333 -8.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333zm-66.667 58.333V25h66.667l0.008 50H16.663z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.image-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.496 39.583A6.25 6.25 0 0 1 31.246 45.833A6.25 6.25 0 0 1 24.996 39.583A6.25 6.25 0 0 1 37.496 39.583z"/><path fill="black" d="M43.746 58.333l-6.25 -8.333l-12.5 16.667h50l-18.75 -25z"/><path fill="black" d="M83.329 16.667h-66.667c-4.596 0 -8.333 3.738 -8.333 8.333v50c0 4.596 3.738 8.333 8.333 8.333h66.667c4.596 0 8.333 -3.738 8.333 -8.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333zm-66.667 58.333V25h66.667l0.008 50H16.663z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.indent-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M45.833 54.167h41.667v-8.333H45.833m0 -8.333h41.667V29.167H45.833M12.5 12.5v8.333h75V12.5M45.833 70.833h41.667v-8.333H45.833M12.5 33.333v33.333l16.667 -16.667m-16.667 37.5h75v-8.333H12.5v8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.info {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"/><path fill="black" d="M45.833 45.833h8.333v25h-8.333zm0 -16.667h8.333v8.333h-8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.install {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 66.667l16.667 -20.833h-12.5V16.667h-8.333v29.167H33.333z"/><path fill="black" d="M83.333 75H16.667v-29.167H8.333v29.167c0 4.596 3.738 8.333 8.333 8.333h66.667c4.596 0 8.333 -3.738 8.333 -8.333v-29.167h-8.333v29.167z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.keyboard-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M4 5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H4m0 2h16v10H4V7m1 1v2h2V8H5m3 0v2h2V8H8m3 0v2h2V8h-2m3 0v2h2V8h-2m3 0v2h2V8h-2M5 11v2h2v-2H5m3 0v2h2v-2H8m3 0v2h2v-2h-2m3 0v2h2v-2h-2m3 0v2h2v-2h-2m-9 3v2h8v-2H8z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.left-arrow-with-tail {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M52.946 72.054L35.058 54.167H75v-8.333H35.058l17.888 -17.888l-5.892 -5.892L19.108 50l27.946 27.946z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.left-arrow {
|
|
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7' /></svg>");
|
|
}
|
|
body:not(.minimal-icons-off) svg.left-chevron-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M58.079 20.579L28.663 50l29.417 29.421l8.842 -8.842L46.338 50l20.583 -20.579z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.lines-of-text {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h66.667c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333zM16.667 79.167V20.833h66.667l0.008 58.333H16.667z M25 29.167h50v8.333H25zm0 16.667h50v8.333H25zm0 16.667h25v8.333H25z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.link-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="red" d="M35.271 47.054c4.721 -4.721 12.954 -4.721 17.675 0L55.892 50l5.892 -5.892l-2.946 -2.946c-3.929 -3.933 -9.162 -6.104 -14.729 -6.104S33.308 37.229 29.379 41.163L20.538 50c-8.117 8.121 -8.117 21.342 0 29.463c4.063 4.063 9.396 6.092 14.729 6.092c5.338 0 10.675 -2.029 14.733 -6.092l2.946 -2.946l-5.892 -5.892l-2.946 2.946c-4.875 4.863 -12.804 4.871 -17.679 0c-4.871 -4.875 -4.871 -12.804 0 -17.679L35.271 47.054z M50 20.538l-2.946 2.946l5.892 5.892l2.946 -2.946c4.871 -4.863 12.8 -4.871 17.679 0c4.871 4.875 4.871 12.804 0 17.679l-8.842 8.838c-4.721 4.721 -12.954 4.721 -17.675 0L44.108 50l-5.892 5.892l2.946 2.946c3.929 3.933 9.162 6.104 14.729 6.104s10.8 -2.171 14.729 -6.104L79.463 50c8.117 -8.121 8.117 -21.342 0 -29.463C71.338 12.413 58.117 12.417 50 20.538z"></path></svg>');
|
|
transform: rotate(90deg);
|
|
}
|
|
body:not(.minimal-icons-off) svg.link {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="red" d="M35.271 47.054c4.721 -4.721 12.954 -4.721 17.675 0L55.892 50l5.892 -5.892l-2.946 -2.946c-3.929 -3.933 -9.162 -6.104 -14.729 -6.104S33.308 37.229 29.379 41.163L20.538 50c-8.117 8.121 -8.117 21.342 0 29.463c4.063 4.063 9.396 6.092 14.729 6.092c5.338 0 10.675 -2.029 14.733 -6.092l2.946 -2.946l-5.892 -5.892l-2.946 2.946c-4.875 4.863 -12.804 4.871 -17.679 0c-4.871 -4.875 -4.871 -12.804 0 -17.679L35.271 47.054z M50 20.538l-2.946 2.946l5.892 5.892l2.946 -2.946c4.871 -4.863 12.8 -4.871 17.679 0c4.871 4.875 4.871 12.804 0 17.679l-8.842 8.838c-4.721 4.721 -12.954 4.721 -17.675 0L44.108 50l-5.892 5.892l2.946 2.946c3.929 3.933 9.162 6.104 14.729 6.104s10.8 -2.171 14.729 -6.104L79.463 50c8.117 -8.121 8.117 -21.342 0 -29.463C71.338 12.413 58.117 12.417 50 20.538z"></path></svg>');
|
|
transform: rotate(90deg);
|
|
}
|
|
body:not(.minimal-icons-off) svg.magnifying-glass {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.microphone-filled {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 66.667c9.192 0 16.667 -7.475 16.667 -16.667V25c0 -9.238 -7.438 -16.754 -16.579 -16.754c-0.288 0 -0.583 0.037 -0.871 0.104C40.388 8.767 33.333 16.071 33.333 25v25C33.333 59.192 40.808 66.667 50 66.667z M45.833 83.046V91.667h8.333v-8.621c16.413 -2.063 29.167 -16.075 29.167 -33.046h-8.333c0 13.788 -11.213 25 -25 25s-25 -11.213 -25 -25H16.667C16.667 66.967 29.421 80.983 45.833 83.046z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.microphone {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M66.667 50V25c0 -9.238 -7.438 -16.754 -16.579 -16.754a3.888 3.888 0 0 0 -0.871 0.104A16.692 16.692 0 0 0 33.333 25v25c0 9.192 7.475 16.667 16.667 16.667s16.667 -7.475 16.667 -16.667zm-25 0V25c0 -4.596 3.738 -8.333 8.333 -8.333a3.708 3.708 0 0 0 0.679 -0.063C54.95 16.917 58.333 20.563 58.333 25v25c0 4.596 -3.738 8.333 -8.333 8.333s-8.333 -3.738 -8.333 -8.333z M25 50H16.667c0 16.967 12.754 30.983 29.167 33.046V91.667h8.333v-8.621c16.413 -2.063 29.167 -16.075 29.167 -33.046h-8.333c0 13.788 -11.213 25 -25 25s-25 -11.213 -25 -25z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.minus-with-circle {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M29.167 45.833h41.667v8.333H29.167z"/><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.note-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M19 3H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h8a.996.996 0 0 0 .707-.293l7-7a.997.997 0 0 0 .196-.293c.014-.03.022-.061.033-.093a.991.991 0 0 0 .051-.259c.002-.021.013-.041.013-.062V5c0-1.103-.897-2-2-2zM5 5h14v7h-6a1 1 0 0 0-1 1v6H5V5zm9 12.586V14h3.586L14 17.586z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.number-list-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.open-vault {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 84.721V91.667h-8.333v-5.554l-30.908 5.15A2.083 2.083 0 0 1 41.667 89.208V83.333H25v8.333H16.667v-8.333H12.5a4.167 4.167 0 0 1 -4.167 -4.167V16.667a4.167 4.167 0 0 1 4.167 -4.167h29.167V6.625a2.083 2.083 0 0 1 2.425 -2.054l44.092 7.35a4.167 4.167 0 0 1 3.483 4.108V25h4.167v8.333h-4.167v29.167h4.167v8.333h-4.167v8.971a4.167 4.167 0 0 1 -3.483 4.108L83.333 84.721zM16.667 20.833v54.167h25V20.833H16.667zm33.333 61l33.333 -5.558V19.558l-33.333 -5.554v67.825zM68.75 58.333c-3.45 0 -6.25 -4.667 -6.25 -10.417S65.3 37.5 68.75 37.5s6.25 4.667 6.25 10.417s-2.8 10.417 -6.25 10.417z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.pane-layout {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm0 2v5h4V6H4zm0 7v5h4v-5H4zm6-7v12h10V6H10z" ></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.paper-plane {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M85.679 13.917a4.175 4.175 0 0 0 -4.121 -0.329l-70.833 33.333a4.167 4.167 0 0 0 0.108 7.588L33.333 64.354v28.008l24.317 -17.367l19.85 8.683a4.167 4.167 0 0 0 5.829 -3.542l4.167 -62.5a4.188 4.188 0 0 0 -1.817 -3.721zm-10.275 59.75l-21.954 -9.608L66.667 38.196l-31.871 17.708l-12.217 -5.346l56.129 -26.417l-3.304 49.525z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.paused {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"/><path fill="black" d="M54.167 37.5h8.333v25h-8.333zM37.5 37.5h8.333v25H37.5z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.pencil {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.679 87.5c0.338 0 0.675 -0.042 1.008 -0.125l16.667 -4.167c0.733 -0.183 1.404 -0.563 1.938 -1.096L87.513 30.892c1.575 -1.575 2.442 -3.667 2.442 -5.892s-0.867 -4.317 -2.442 -5.892L80.904 12.5c-3.15 -3.15 -8.633 -3.15 -11.783 0L17.9 63.721a4.179 4.179 0 0 0 -1.096 1.933l-4.167 16.667A4.167 4.167 0 0 0 16.679 87.5zm58.333 -69.108L81.621 25l-6.608 6.608L68.404 25l6.608 -6.608zM24.608 68.796l37.904 -37.904L69.121 37.5l-37.908 37.904l-8.808 2.2l2.204 -8.808z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.pin {
|
|
transform: rotate(45deg);
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M12 22l1-2v-3h5a1 1 0 0 0 1-1v-1.586c0-.526-.214-1.042-.586-1.414L17 11.586V8a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2H8c-1.103 0-2 .897-2 2v3a1 1 0 0 0 1 1v3.586L5.586 13A2.01 2.01 0 0 0 5 14.414V16a1 1 0 0 0 1 1h5v3l1 2zM8 4h8v2H8V4zM7 14.414l1.707-1.707A.996.996 0 0 0 9 12V8h6v4c0 .266.105.52.293.707L17 14.414V15H7v-.586z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.plus-with-circle {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M54.167 29.167h-8.333v16.667H29.167v8.333h16.667v16.667h8.333v-16.667h16.667v-8.333h-16.667z M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.popup-open {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h20.833v-8.333H16.667V29.167h66.667v50h-20.833v8.333h20.833c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333z M54.167 87.5v-20.833h12.5l-16.667 -20.833l-16.667 20.833h12.5v20.833z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.presentation {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v41.667c0 4.596 3.738 8.333 8.333 8.333h29.167v12.5H33.333v8.333h33.333v-8.333h-12.5v-12.5h29.167c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333zM16.667 62.5V20.833h66.667l0.004 41.667H16.667z M41.667 54.167l20.833 -12.5l-20.833 -12.5z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.price-tag-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M48.779 9.554C48 8.771 46.938 8.333 45.833 8.333H25C23.896 8.333 22.833 8.771 22.054 9.554l-12.5 12.5C8.771 22.833 8.333 23.892 8.333 25v20.833c0 1.108 0.438 2.167 1.221 2.946l41.667 41.667C52.033 91.258 53.1 91.667 54.167 91.667s2.133 -0.408 2.946 -1.221l33.333 -33.333c1.629 -1.629 1.629 -4.263 0 -5.892L48.779 9.554zM54.167 81.608l-37.5 -37.5V26.725L26.725 16.667h17.383l37.5 37.5L54.167 81.608z M41.667 34.804A6.863 6.863 0 0 1 34.804 41.667A6.863 6.863 0 0 1 27.942 34.804A6.863 6.863 0 0 1 41.667 34.804z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.quote-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off)
|
|
.workspace-tab-header[aria-label='Dictionary']
|
|
svg.quote-glyph {
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253' /%3E%3C/svg%3E");
|
|
}
|
|
body:not(.minimal-icons-off) svg.redo-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.5 75h12.5v-8.333H37.5c-6.892 0 -12.5 -5.608 -12.5 -12.5s5.608 -12.5 12.5 -12.5h25v12.5l20.833 -16.667l-20.833 -16.667v12.5H37.5c-11.488 0 -20.833 9.346 -20.833 20.833S26.013 75 37.5 75z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.reset {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 66.667c6.963 0 12.5 -5.546 12.5 -12.5s-5.538 -12.5 -12.5 -12.5s-12.5 5.546 -12.5 12.5S43.038 66.667 50 66.667z M86.738 46.608c-0.5 -2.429 -1.238 -4.796 -2.188 -7.033c-0.938 -2.217 -2.1 -4.358 -3.458 -6.379c-1.35 -1.996 -2.888 -3.858 -4.575 -5.538c-1.683 -1.692 -3.554 -3.233 -5.55 -4.588c-2.013 -1.358 -4.158 -2.517 -6.367 -3.454c-2.242 -0.954 -4.608 -1.688 -7.046 -2.192c-2.5 -0.513 -5.079 -0.758 -7.658 -0.75V8.333L33.333 20.833l16.563 12.5V25.008C51.913 25 53.929 25.192 55.875 25.592c1.892 0.392 3.733 0.963 5.475 1.704c1.721 0.725 3.388 1.633 4.95 2.683c1.554 1.05 3.008 2.25 4.325 3.571c1.313 1.308 2.517 2.763 3.558 4.313c1.058 1.567 1.963 3.233 2.692 4.963c0.742 1.738 1.308 3.579 1.7 5.463C78.967 50.2 79.167 52.179 79.167 54.167s-0.2 3.967 -0.592 5.875c-0.392 1.892 -0.958 3.733 -1.7 5.479c-0.729 1.721 -1.633 3.388 -2.683 4.95c-1.054 1.554 -2.258 3.008 -3.575 4.329c-1.313 1.317 -2.763 2.513 -4.317 3.558c-1.55 1.046 -3.213 1.95 -4.954 2.688c-1.738 0.738 -3.575 1.308 -5.463 1.7c-3.833 0.783 -7.942 0.783 -11.758 0c-1.892 -0.392 -3.733 -0.963 -5.475 -1.704c-1.733 -0.733 -3.396 -1.638 -4.954 -2.688c-1.546 -1.042 -2.996 -2.242 -4.313 -3.558c-1.313 -1.317 -2.517 -2.771 -3.563 -4.317c-1.058 -1.567 -1.963 -3.233 -2.692 -4.958c-0.742 -1.742 -1.308 -3.583 -1.7 -5.467C21.033 58.133 20.833 56.154 20.833 54.167H12.5c0 2.546 0.258 5.088 0.763 7.558c0.5 2.425 1.238 4.792 2.188 7.038c0.938 2.217 2.1 4.358 3.462 6.379c1.346 1.988 2.883 3.85 4.571 5.538c1.692 1.696 3.558 3.238 5.546 4.579c1.996 1.354 4.142 2.517 6.371 3.458c2.242 0.954 4.608 1.688 7.046 2.192C44.913 91.408 47.454 91.667 50 91.667s5.088 -0.258 7.558 -0.763c2.429 -0.504 4.796 -1.238 7.033 -2.188c2.238 -0.946 4.383 -2.108 6.375 -3.458c1.992 -1.342 3.858 -2.883 5.546 -4.579c1.688 -1.688 3.225 -3.554 4.583 -5.55c1.354 -2.013 2.517 -4.158 3.454 -6.367c0.954 -2.25 1.688 -4.617 2.188 -7.05C87.242 59.254 87.5 56.713 87.5 54.167S87.242 49.079 86.738 46.608z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.right-arrow-with-tail {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M47.054 72.054l5.892 5.892L80.892 50l-27.946 -27.946l-5.892 5.892L64.942 45.833H25v8.333h39.942z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.right-arrow {
|
|
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /></svg>");
|
|
}
|
|
body:not(.minimal-icons-off) svg.right-chevron-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.921 79.421L71.338 50l-29.417 -29.421l-8.842 8.842L53.663 50l-20.583 20.579z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.right-triangle {
|
|
color: var(--text-faint);
|
|
background-color: var(--text-faint);
|
|
height: 12px;
|
|
width: 12px;
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="black" stroke-width="2" stroke="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.command-glyph,
|
|
body:not(.minimal-icons-off) svg.run-command {
|
|
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z' /></svg>");
|
|
}
|
|
body:not(.minimal-icons-off) svg.search {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.sheets-in-box {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M75 20.833H25v8.333h50M25 37.5h50v8.333H25m-16.667 4.167h8.333v20.833h66.667v-20.833h8.333v20.833a8.333 8.333 0 0 1 -8.333 8.333H16.667a8.333 8.333 0 0 1 -8.333 -8.333m66.667 -16.667H25v8.333h50z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.spreadsheet {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M21 5c0-1.103-.897-2-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5zM5 19V5h14l.002 14H5z"/><path fill="black" d="M7 7h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.stacked-levels {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M62.5 12.5a4.167 4.167 0 0 1 4.167 4.167v16.667a4.167 4.167 0 0 1 -4.167 4.167h-8.333v8.333h16.667a4.167 4.167 0 0 1 4.167 4.167v12.5h8.333a4.167 4.167 0 0 1 4.167 4.167v16.667a4.167 4.167 0 0 1 -4.167 4.167h-25a4.167 4.167 0 0 1 -4.167 -4.167v-16.667a4.167 4.167 0 0 1 4.167 -4.167h8.333v-8.333H33.333v8.333h8.333a4.167 4.167 0 0 1 4.167 4.167v16.667a4.167 4.167 0 0 1 -4.167 4.167H16.667a4.167 4.167 0 0 1 -4.167 -4.167v-16.667a4.167 4.167 0 0 1 4.167 -4.167h8.333v-12.5a4.167 4.167 0 0 1 4.167 -4.167h16.667V37.5H37.5a4.167 4.167 0 0 1 -4.167 -4.167V16.667a4.167 4.167 0 0 1 4.167 -4.167h25zM37.5 70.833H20.833v8.333h16.667v-8.333zm41.667 0h-16.667v8.333h16.667v-8.333zM58.333 20.833h-16.667v8.333h16.667V20.833z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.star-list {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 62.5L79.167 50 70.833 50 70.833 62.5 61.583 62.5 58.333 62.5 58.333 70.833 61.583 70.833 70.833 70.833 70.833 83.333 79.167 83.333 79.167 70.833 87.763 70.833 91.667 70.833 91.667 62.5 87.763 62.5zM16.667 29.167H62.5V37.5H16.667zM16.667 45.833H62.5V54.167H16.667zM16.667 62.5H50V70.833H16.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.star {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M27.15 59.679l-6.208 26.883a4.158 4.158 0 0 0 6.371 4.404L50 75.842l22.688 15.125a4.171 4.171 0 0 0 6.321 -4.608l-7.621 -26.667l18.9 -17.008a4.167 4.167 0 0 0 -2.458 -7.25l-23.754 -1.892l-10.279 -22.754a4.158 4.158 0 0 0 -7.592 0L35.925 33.542l-23.754 1.888a4.167 4.167 0 0 0 -2.579 7.138l17.558 17.113zm11.888 -18.025a4.158 4.158 0 0 0 3.467 -2.442L50 22.625l7.496 16.588a4.158 4.158 0 0 0 3.467 2.442l16.55 1.313l-13.629 12.267c-1.183 1.067 -1.654 2.708 -1.221 4.242l5.221 18.271l-15.567 -10.379a4.146 4.146 0 0 0 -4.621 0l-16.267 10.846l4.375 -18.942a4.167 4.167 0 0 0 -1.15 -3.917l-12.658 -12.342l17.042 -1.358z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.strikethrough-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M20 11h-8c-4 0-4-1.816-4-2.5C8 7.882 8 6 12 6c2.8 0 2.99 1.678 3 2.014L16 8h1c0-1.384-1.045-4-5-4c-5.416 0-6 3.147-6 4.5c0 .728.148 1.667.736 2.5H4v2h16v-2zm-8 7c-3.793 0-3.99-1.815-4-2H6c0 .04.069 4 6 4c5.221 0 6-2.819 6-4.5c0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5c0 .684 0 2.5-4 2.5z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.switch {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.667 45.833H29.588l0.004 -0.037a20.65 20.65 0 0 1 3.133 -7.446a21.058 21.058 0 0 1 9.167 -7.546c1.258 -0.533 2.571 -0.942 3.908 -1.212a21.158 21.158 0 0 1 8.408 0a20.742 20.742 0 0 1 10.521 5.671l5.9 -5.883a29.317 29.317 0 0 0 -9.267 -6.254a28.838 28.838 0 0 0 -5.479 -1.7a29.496 29.496 0 0 0 -11.746 0a28.917 28.917 0 0 0 -5.483 1.704a29.333 29.333 0 0 0 -12.833 10.558a29.075 29.075 0 0 0 -4.392 10.438c-0.117 0.563 -0.179 1.138 -0.263 1.708H8.333l16.667 16.667l16.667 -16.667zm16.667 8.333h12.079l-0.004 0.033a20.733 20.733 0 0 1 -8.763 13.075a20.596 20.596 0 0 1 -7.446 3.133a21.138 21.138 0 0 1 -8.404 0a20.65 20.65 0 0 1 -7.446 -3.133a21.133 21.133 0 0 1 -3.083 -2.542L29.375 70.625a29.3 29.3 0 0 0 9.271 6.25c1.767 0.75 3.613 1.321 5.479 1.7a29.458 29.458 0 0 0 11.742 0a29.296 29.296 0 0 0 18.313 -12.271a29.058 29.058 0 0 0 4.388 -10.429c0.113 -0.563 0.179 -1.138 0.263 -1.708H91.667l-16.667 -16.667l-16.667 16.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.sync-small {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm3.27-11.25H14a.75.75 0 0 0 0 1.5h2.75a.75.75 0 0 0 .75-.75V8.25a.75.75 0 0 0-1.5 0V9a4.991 4.991 0 0 0-4-2c-1.537 0-2.904.66-3.827 1.77a.75.75 0 0 0 1.154.96C9.963 8.963 10.907 8.5 12 8.5c1.492 0 2.767.934 3.27 2.25zm-7.27 5V15a5.013 5.013 0 0 0 7.821.237a.75.75 0 1 0-1.142-.972a3.513 3.513 0 0 1-5.842-.765H10a.75.75 0 0 0 0-1.5H7.25a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.sync {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M16 8.25a.75.75 0 0 1 1.5 0v3.25a.75.75 0 0 1-.75.75H14a.75.75 0 0 1 0-1.5h1.27A3.502 3.502 0 0 0 12 8.5c-1.093 0-2.037.464-2.673 1.23a.75.75 0 1 1-1.154-.96C9.096 7.66 10.463 7 12 7c1.636 0 3.088.785 4 2v-.75zM8 15v.75a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75H10a.75.75 0 0 1 0 1.5H8.837a3.513 3.513 0 0 0 5.842.765a.75.75 0 1 1 1.142.972A5.013 5.013 0 0 1 8 15zm4-13C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2zm8.5 10a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.tag-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M66.742 15.896L63.467 33.333h-20.692l2.983 -15.896L37.575 15.896L34.3 33.333H16.667v8.333h16.071l-3.129 16.667H12.5v8.333h15.546l-2.975 15.854l8.188 1.538L36.525 66.667h20.692l-2.975 15.854l8.188 1.538L65.692 66.667H83.333v-8.333h-16.079l3.129 -16.667H87.5V33.333h-15.554l2.983 -15.896L66.742 15.896zM58.775 58.333H38.088l3.129 -16.667h20.692L58.775 58.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.three-horizontal-bars {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.667 25h66.667v8.333H16.667zm0 20.833h66.667v8.333H16.667zm0 20.833h66.667v8.333H16.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.trash {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.5 12.5v4.167H16.667v8.333h4.167v54.167a8.333 8.333 0 0 0 8.333 8.333h41.667a8.333 8.333 0 0 0 8.333 -8.333V25h4.167V16.667h-20.833V12.5H37.5M29.167 25h41.667v54.167H29.167V25m8.333 8.333v37.5h8.333V33.333H37.5m16.667 0v37.5h8.333V33.333h-8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.undo-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.5 41.667h25c6.892 0 12.5 5.608 12.5 12.5s-5.608 12.5 -12.5 12.5h-12.5v8.333h12.5c11.488 0 20.833 -9.346 20.833 -20.833s-9.346 -20.833 -20.833 -20.833H37.5V20.833L16.667 37.5l20.833 16.667V41.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.unindent-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.667 25H25V75H16.667zM59.554 22.054L31.608 50 59.554 77.946 65.446 72.054 47.558 54.167 83.333 54.167 83.333 45.833 47.558 45.833 65.446 27.946z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.up-and-down-arrows {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.up-arrow-with-tail {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M45.833 35.058V75h8.333V35.058l17.888 17.888l5.892 -5.892L50 19.108l-27.946 27.946l5.892 5.892z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.up-chevron-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M26.221 55.388l5.892 5.892L50 43.392l17.888 17.888l5.892 -5.892L50 31.608z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.vault {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M75 83.333H25v8.333H16.667v-8.333H12.5a4.167 4.167 0 0 1 -4.167 -4.167V16.667a4.167 4.167 0 0 1 4.167 -4.167h75a4.167 4.167 0 0 1 4.167 4.167v62.5a4.167 4.167 0 0 1 -4.167 4.167h-4.167v8.333h-8.333v-8.333zM16.667 75h66.667V20.833H16.667v54.167zm37.5 -17.192V70.833h-8.333v-13.025A16.675 16.675 0 0 1 50 25a16.667 16.667 0 0 1 4.167 32.808zM50 50a8.333 8.333 0 1 0 0 -16.667a8.333 8.333 0 0 0 0 16.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.vertical-split {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M75 66.667v-12.5h-12.5v37.5h-8.333V8.333h8.333v37.5h12.5V33.333l16.667 16.667l-16.667 16.667M8.333 50l16.667 16.667v-12.5h12.5v37.5h8.333V8.333H37.5v37.5H25V33.333l-16.667 16.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.vertical-three-dots {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 41.667c-4.583 0 -8.333 3.75 -8.333 8.333s3.75 8.333 8.333 8.333s8.333 -3.75 8.333 -8.333s-3.75 -8.333 -8.333 -8.333zm0 -25c-4.583 0 -8.333 3.75 -8.333 8.333s3.75 8.333 8.333 8.333s8.333 -3.75 8.333 -8.333s-3.75 -8.333 -8.333 -8.333zm0 50c-4.583 0 -8.333 3.75 -8.333 8.333s3.75 8.333 8.333 8.333s8.333 -3.75 8.333 -8.333s-3.75 -8.333 -8.333 -8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M18 1.83c-.5 0-1 .17-1.41.58L8 11l1.5 1.5L6 16H4l-2 4l2 2l4-2v-2l3.5-3.5L13 16l8.59-8.59c.62-.91.78-2.04 0-2.82l-2.18-2.18A1.95 1.95 0 0 0 18 1.83M18 4l2 2l-7 7l-2-2l7-7z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.add-note-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M5 19V5h7v7h7v1c.7 0 1.37.13 2 .35V9l-6-6H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h8.35c-.22-.63-.35-1.3-.35-2H5m9-14.5l5.5 5.5H14V4.5M23 18v2h-3v3h-2v-3h-3v-2h3v-3h2v3h3z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.calendar-day {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M29.167 45.833H37.5V54.167H29.167zM29.167 62.5H37.5V70.833H29.167zM45.833 45.833H54.167V54.167H45.833zM45.833 62.5H54.167V70.833H45.833zM62.5 45.833H70.833V54.167H62.5zM62.5 62.5H70.833V70.833H62.5z M20.833 91.667h58.333c4.596 0 8.333 -3.738 8.333 -8.333V33.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833C16.238 16.667 12.5 20.404 12.5 25v8.333v50C12.5 87.929 16.238 91.667 20.833 91.667zM79.167 33.333l0.004 50H20.833V33.333H79.167z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.calendar-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M29.167 45.833H37.5V54.167H29.167zM29.167 62.5H37.5V70.833H29.167zM45.833 45.833H54.167V54.167H45.833zM45.833 62.5H54.167V70.833H45.833zM62.5 45.833H70.833V54.167H62.5zM62.5 62.5H70.833V70.833H62.5z M20.833 91.667h58.333c4.596 0 8.333 -3.738 8.333 -8.333V33.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833C16.238 16.667 12.5 20.404 12.5 25v8.333v50C12.5 87.929 16.238 91.667 20.833 91.667zM79.167 33.333l0.004 50H20.833V33.333H79.167z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.duplicate-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M45.833 41.667L37.5 41.667 37.5 54.167 25 54.167 25 62.5 37.5 62.5 37.5 75 45.833 75 45.833 62.5 58.333 62.5 58.333 54.167 45.833 54.167z M16.667 91.667h50c4.596 0 8.333 -3.738 8.333 -8.333V33.333c0 -4.596 -3.738 -8.333 -8.333 -8.333H16.667C12.071 25 8.333 28.738 8.333 33.333v50C8.333 87.929 12.071 91.667 16.667 91.667zM16.667 33.333h50l0.008 50H16.667V33.333z M83.333 8.333H33.333v8.333h50v50h8.333V16.667C91.667 12.071 87.929 8.333 83.333 8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.file-explorer-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M12.5 12.467C12.5 10.183 14.354 8.333 16.637 8.333h66.725a4.167 4.167 0 0 1 4.138 4.133v75.067a4.138 4.138 0 0 1 -4.138 4.133H16.637A4.167 4.167 0 0 1 12.5 87.533V12.467zM79.167 45.833V16.667H20.833v29.167h58.333zm0 8.333H20.833v29.167h58.333v-29.167zM37.5 25h25v8.333H37.5V25zm0 37.5h25v8.333H37.5v-8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.graph-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M19.5 3A2.502 2.502 0 0 0 17 5.5c0 .357.078.696.214 1.005l-1.955 2.199A3.977 3.977 0 0 0 13 8c-.74 0-1.424.216-2.019.566L8.707 6.293l-.023.023C8.88 5.918 9 5.475 9 5a3 3 0 1 0-3 3c.475 0 .917-.12 1.316-.316l-.023.023L9.567 9.98A3.956 3.956 0 0 0 9 12c0 .997.38 1.899.985 2.601l-2.577 2.576A2.472 2.472 0 0 0 6.5 17C5.122 17 4 18.121 4 19.5S5.122 22 6.5 22S9 20.879 9 19.5c0-.321-.066-.626-.177-.909l2.838-2.838c.421.15.867.247 1.339.247c2.206 0 4-1.794 4-4c0-.636-.163-1.229-.428-1.764l2.117-2.383c.256.088.526.147.811.147C20.879 8 22 6.879 22 5.5S20.879 3 19.5 3zM13 14c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.import-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 75L66.667 54.167 54.167 54.167 54.167 8.333 45.833 8.333 45.833 54.167 33.333 54.167z M79.167 37.5h-16.667v8.333h16.667v37.5H20.833v-37.5h16.667V37.5H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v37.5c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333v-37.5C87.5 41.238 83.763 37.5 79.167 37.5z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.languages {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M77.083 41.667l18.333 45.833h-8.979l-5.004 -12.5h-17.042l-4.996 12.5h-8.975L68.75 41.667h8.333zM41.667 8.333v8.333h25v8.333h-8.2a75.925 75.925 0 0 1 -15.083 26.254 61.933 61.933 0 0 0 9.733 7.113l-3.129 7.825A70.896 70.896 0 0 1 37.5 57.188a69.483 69.483 0 0 1 -25.837 14.783l-2.233 -8.038a61.25 61.25 0 0 0 22.196 -12.675A75.325 75.325 0 0 1 19.863 33.333h9.333A66.8 66.8 0 0 0 37.5 45.321a67.354 67.354 0 0 0 12.125 -20.317L8.333 25V16.667h25V8.333h8.333zm31.25 45.354L67.721 66.667h10.383L72.917 53.688z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.links-coming-in {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="black" d="M58.004 51.445c-4.273-4.273-11.724-4.273-15.996 0L39.34 54.11l-5.332-5.332 2.666-2.666a18.723 18.723 0 0113.33-5.525c5.039 0 9.775 1.965 13.33 5.525l8.003 7.998c7.346 7.35 7.346 19.315 0 26.664a18.791 18.791 0 01-13.33 5.513c-4.831 0-9.662-1.836-13.335-5.513l-2.666-2.666 5.333-5.332 2.666 2.666c4.412 4.4 11.588 4.408 16 0 4.408-4.412 4.408-11.588 0-16l-8.002-7.998z M44.673 27.447l2.667 2.666-5.333 5.332-2.666-2.666c-4.408-4.4-11.584-4.409-16 0-4.408 4.412-4.408 11.588 0 16l8.002 7.998c4.273 4.272 11.724 4.272 15.997 0l2.666-2.666 5.332 5.332-2.666 2.666a18.722 18.722 0 01-13.33 5.524 18.722 18.722 0 01-13.33-5.524l-8.003-7.998c-7.345-7.35-7.345-19.315 0-26.664 7.354-7.354 19.319-7.35 26.664 0zM82.141 13.712L69.957 25.896l-8.053-8.053v21.461h21.461l-8.05-8.05L87.5 19.072l-5.359-5.36z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.links-going-out {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="black" d="M58.004 51.445c-4.273-4.273-11.724-4.273-15.996 0L39.34 54.11l-5.332-5.332 2.666-2.666a18.722 18.722 0 0113.33-5.525c5.039 0 9.775 1.965 13.33 5.525l8.003 7.998c7.346 7.35 7.346 19.315 0 26.664a18.79 18.79 0 01-13.33 5.513c-4.831 0-9.662-1.836-13.335-5.513l-2.666-2.666 5.333-5.332 2.666 2.666c4.412 4.4 11.588 4.408 16 0 4.408-4.412 4.408-11.588 0-16l-8.002-7.998z M44.673 27.447l2.667 2.666-5.333 5.332-2.666-2.666c-4.408-4.4-11.584-4.408-16 0-4.408 4.412-4.408 11.588 0 16l8.002 7.998c4.273 4.272 11.724 4.272 15.997 0l2.666-2.666 5.332 5.332-2.666 2.666a18.722 18.722 0 01-13.33 5.524 18.722 18.722 0 01-13.33-5.524l-8.003-7.998c-7.345-7.35-7.345-19.315 0-26.664 7.354-7.354 19.319-7.35 26.664 0zM67.262 39.304L79.447 27.12l8.053 8.053V13.712H66.038l8.05 8.05-12.184 12.184 5.358 5.358z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.merge-files {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M10.417 77.083C10.417 85.125 16.958 91.667 25 91.667s14.583 -6.542 14.583 -14.583c0 -6.583 -4.417 -12.096 -10.417 -13.904v-14.533c1.017 1.138 2.121 2.196 3.388 3.1c4.917 3.517 10.904 4.575 16.325 4.575c4.025 0 7.721 -0.583 10.442 -1.171a14.583 14.583 0 0 0 13.6 9.438c8.042 0 14.583 -6.542 14.583 -14.583s-6.542 -14.583 -14.583 -14.583a14.583 14.583 0 0 0 -14.183 11.325c-5.404 1.338 -15.267 2.567 -21.329 -1.775c-2.775 -1.988 -4.542 -5.163 -5.442 -9.317C36.479 33.167 39.583 28.421 39.583 22.917C39.583 14.875 33.042 8.333 25 8.333S10.417 14.875 10.417 22.917c0 6.583 4.417 12.096 10.417 13.904v26.358c-6 1.808 -10.417 7.321 -10.417 13.904zm62.5 -33.333c3.446 0 6.25 2.804 6.25 6.25s-2.804 6.25 -6.25 6.25S66.667 53.446 66.667 50s2.804 -6.25 6.25 -6.25zm-41.667 33.333c0 3.446 -2.804 6.25 -6.25 6.25s-6.25 -2.804 -6.25 -6.25S21.554 70.833 25 70.833s6.25 2.804 6.25 6.25zm-12.5 -54.167C18.75 19.471 21.554 16.667 25 16.667s6.25 2.804 6.25 6.25S28.446 29.167 25 29.167s-6.25 -2.804 -6.25 -6.25z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.open-elsewhere-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667C12.071 12.5 8.333 16.238 8.333 20.833v58.333c0 4.596 3.738 8.333 8.333 8.333h20.833v-8.333H16.667V29.167h66.667v50h-20.833v8.333h20.833c4.596 0 8.333 -3.738 8.333 -8.333V20.833C91.667 16.238 87.929 12.5 83.333 12.5z M54.167 87.5L54.167 66.667 66.667 66.667 50 45.833 33.333 66.667 45.833 66.667 45.833 87.5z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.paper-plane-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M85.679 13.917c-1.217 -0.829 -2.779 -0.954 -4.121 -0.329l-70.833 33.333C9.246 47.621 8.313 49.117 8.333 50.75c0.025 1.633 1 3.104 2.5 3.758L33.333 64.354v28.008l24.317 -17.367l19.85 8.683c0.533 0.238 1.104 0.35 1.667 0.35c0.754 0 1.5 -0.204 2.167 -0.608c1.158 -0.704 1.904 -1.929 1.996 -3.283l4.167 -62.5C87.588 16.163 86.9 14.75 85.679 13.917zM75.404 73.667l-21.954 -9.608L66.667 38.196l-31.871 17.708l-12.217 -5.346L78.708 24.142L75.404 73.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.paste-text {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 45.833V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333h-12.5a4.167 4.167 0 0 0 -4.167 -4.167H33.333a4.167 4.167 0 0 0 -4.167 4.167H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v54.167c0 4.596 3.738 8.333 8.333 8.333h29.167c0 4.596 3.738 8.333 8.333 8.333h29.167c4.596 0 8.333 -3.738 8.333 -8.333v-29.167c0 -4.596 -3.738 -8.333 -8.333 -8.333zm-37.5 8.333v20.833H16.667V20.833h12.5v8.333h33.333V20.833h12.5v25h-20.833c-4.596 0 -8.333 3.738 -8.333 8.333zm8.333 29.167v-29.167h29.167l0.004 29.167H54.167z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.paste {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 12.5h-9.375a4.167 4.167 0 0 0 -4.167 -4.167h-31.25a4.167 4.167 0 0 0 -4.167 4.167H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v62.5c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333zm0 70.833H20.833V20.833h8.333v8.333h41.667V20.833h8.333v62.5z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.percent-sign-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 256"><path fill="black" d="M208.485 64.485l-144 144a12 12 0 0 1-16.97-16.97l144-144a12 12 0 0 1 16.97 16.97zm-160.77 39.8A40.046 40.046 0 1 1 76 115.98a39.738 39.738 0 0 1-28.284-11.697zM60 76a15.987 15.987 0 1 0 4.687-11.314A15.894 15.894 0 0 0 60 76zm160 104a40 40 0 1 1-11.716-28.284A39.735 39.735 0 0 1 220 180zm-24 0a15.893 15.893 0 0 0-4.687-11.313v-.001A16 16 0 1 0 196 180z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.play-audio-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zM10.622 8.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.plus-minus-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M11 4v5H6v2h5v5h2v-5h5V9h-5V4h-2M6 18v2h12v-2H6z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.presentation-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667C12.071 12.5 8.333 16.238 8.333 20.833v41.667c0 4.596 3.738 8.333 8.333 8.333h29.167v12.5H33.333v8.333h12.5h8.333h12.5v-8.333h-12.5v-12.5h29.167c4.596 0 8.333 -3.738 8.333 -8.333V20.833C91.667 16.238 87.929 12.5 83.333 12.5zM16.667 62.5V20.833h66.667l0.004 41.667H16.667z M41.667 54.167L62.5 41.667 41.667 29.167z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.question-mark-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke-width=".5" stroke="currentColor" fill="black" d="M12 19a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 12 19zm0-17a6 6 0 0 1 6 6c0 2.165-.753 3.29-2.674 4.923C13.399 14.56 13 15.297 13 17h-2c0-2.474.787-3.695 3.031-5.601C15.548 10.11 16 9.434 16 8c0-2.21-1.79-4-4-4S8 5.79 8 8v1H6V8a6 6 0 0 1 6-6z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.restore-file-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M13 3a9 9 0 0 0-9 9H1l4 3.99L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.25 2.52l.77-1.28l-3.52-2.09V8z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.scissors-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M9.683 7.562L12 9.88l6.374-6.375a2 2 0 0 1 2.829 0l.707.707L9.683 16.438a4 4 0 1 1-2.121-2.121L9.88 12L7.562 9.683a4 4 0 1 1 2.121-2.121zM6 8a2 2 0 1 0 0-4a2 2 0 0 0 0 4zm0 12a2 2 0 1 0 0-4a2 2 0 0 0 0 4zm9.535-6.587l6.375 6.376l-.707.707a2 2 0 0 1-2.829 0l-4.96-4.961l2.12-2.122z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.scissors {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M9.683 7.562L12 9.88l6.374-6.375a2 2 0 0 1 2.829 0l.707.707L9.683 16.438a4 4 0 1 1-2.121-2.121L9.88 12L7.562 9.683a4 4 0 1 1 2.121-2.121zM6 8a2 2 0 1 0 0-4a2 2 0 0 0 0 4zm0 12a2 2 0 1 0 0-4a2 2 0 0 0 0 4zm9.535-6.587l6.375 6.376l-.707.707a2 2 0 0 1-2.829 0l-4.96-4.961l2.12-2.122z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.search-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6z"/><path fill="black" d="M11.412 8.586c.379.38.588.882.588 1.414h2a3.977 3.977 0 0 0-1.174-2.828c-1.514-1.512-4.139-1.512-5.652 0l1.412 1.416c.76-.758 2.07-.756 2.826-.002z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.select-all-text {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M12.5 4.167h8.333v8.333H12.5v8.333H4.167V12.5a8.333 8.333 0 0 1 8.333 -8.333m45.833 0a8.333 8.333 0 0 1 8.333 8.333v8.333h-8.333V12.5h-8.333V4.167h8.333m25 25a8.333 8.333 0 0 1 8.333 8.333v8.333h-8.333V37.5h-8.333V29.167h8.333m8.333 54.167a8.333 8.333 0 0 1 -8.333 8.333h-8.333v-8.333h8.333v-8.333h8.333v8.333m-8.333 -29.167h8.333v12.5h-8.333v-12.5m-29.167 -16.667V29.167h12.5v12.5h-8.333V37.5h-4.167m0 54.167v-8.333h12.5v8.333h-12.5m-16.667 0a8.333 8.333 0 0 1 -8.333 -8.333v-8.333h8.333v8.333h8.333v8.333H37.5m-8.333 -25v-12.5h8.333v4.167h4.167v8.333H29.167M29.167 12.5V4.167h12.5v8.333H29.167M12.5 66.667a8.333 8.333 0 0 1 -8.333 -8.333v-8.333h8.333v8.333h8.333v8.333H12.5M4.167 29.167h8.333v12.5H4.167V29.167m33.333 0h8.333v8.333H37.5v8.333H29.167V37.5a8.333 8.333 0 0 1 8.333 -8.333m29.167 29.167a8.333 8.333 0 0 1 -8.333 8.333h-8.333v-8.333h8.333v-8.333h8.333v8.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.split {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M61.875 20.208l6 6 -12 12 5.917 5.917 12 -12 6 6c1.292 1.292 3.542 0.375 3.542 -1.5V18.75c0 -1.167 -0.917 -2.083 -2.083 -2.083h-17.875c-1.875 0 -2.792 2.25 -1.5 3.542zM36.625 16.667H18.75c-1.167 0 -2.083 0.917 -2.083 2.083v17.875c0 1.875 2.25 2.792 3.542 1.458L26.208 32.083 45.833 51.667V79.167c0 2.292 1.875 4.167 4.167 4.167s4.167 -1.875 4.167 -4.167v-29.167c0 -1.083 -0.458 -2.167 -1.208 -2.958l-20.833 -20.875 6 -6c1.292 -1.25 0.375 -3.5 -1.5 -3.5z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.star-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M91.446 38.246c-0.538 -1.575 -1.958 -2.688 -3.617 -2.817L64.075 33.542l-10.279 -22.754C53.125 9.292 51.638 8.333 50 8.333s-3.125 0.958 -3.796 2.45L35.925 33.542L12.171 35.429C10.542 35.558 9.138 36.629 8.583 38.167s-0.163 3.258 1.008 4.4l17.554 17.113l-6.208 26.883c-0.383 1.663 0.288 3.392 1.692 4.362C23.346 91.417 24.171 91.667 25 91.667c0.804 0 1.613 -0.233 2.313 -0.7L50 75.842l22.688 15.125c1.45 0.967 3.354 0.929 4.771 -0.1c1.408 -1.029 2.029 -2.833 1.55 -4.508l-7.621 -26.667l18.9 -17.008C91.525 41.567 91.979 39.825 91.446 38.246z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.stop-audio-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zM50 83.333c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333S68.379 83.333 50 83.333z M37.5 37.5H62.5V62.5H37.5z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.sweep {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M22.452 1.923a.75.75 0 0 1 0 1.06l-6.928 6.929a5.751 5.751 0 0 1-.496 7.567l-.832.832l-2.787 4.18a.75.75 0 0 1-1.154.115L1.769 14.12a.75.75 0 0 1 .115-1.154l4.18-2.787l.832-.832a5.751 5.751 0 0 1 7.567-.496l6.929-6.928a.75.75 0 0 1 1.06 0zM7.603 10.762l6.01 6.01l.354-.353a4.25 4.25 0 0 0-6.01-6.01l-.354.353zm-1.156.965l-2.97 1.98l7.191 7.191l1.98-2.97l-6.201-6.201z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.two-blank-pages {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 8.333H41.667c-4.596 0 -8.333 3.738 -8.333 8.333v16.667H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v41.667c0 4.596 3.738 8.333 8.333 8.333h41.667c4.596 0 8.333 -3.738 8.333 -8.333v-16.667h16.667c4.596 0 8.333 -3.738 8.333 -8.333V16.667c0 -4.596 -3.738 -8.333 -8.333 -8.333zM16.667 83.333V41.667h41.667l0.008 41.667H16.667zm66.667 -25h-16.667v-16.667c0 -4.596 -3.738 -8.333 -8.333 -8.333h-16.667V16.667h41.667v41.667z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.tomorrow-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M33.333 62.5L45.833 62.5 45.833 75 54.167 75 54.167 62.5 66.667 62.5 66.667 54.167 54.167 54.167 54.167 41.667 45.833 41.667 45.833 54.167 33.333 54.167z M79.167 16.667h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833C16.238 16.667 12.5 20.404 12.5 25v8.333v50c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V33.333V25C87.5 20.404 83.763 16.667 79.167 16.667zM79.175 83.333H20.833V33.333h58.333L79.175 83.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.yesterday-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M33.333 54.167H66.667V62.5H33.333z M79.167 16.667h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833C16.238 16.667 12.5 20.404 12.5 25v8.333v50c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V33.333V25C87.5 20.404 83.763 16.667 79.167 16.667zM79.175 83.333H20.833V33.333h58.333L79.175 83.333z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.workspace-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512"><path fill="black" stroke-width="10" stroke="currentColor" d="M472 232h-48V120a24.028 24.028 0 0 0-24-24H40a24.028 24.028 0 0 0-24 24v246a24.028 24.028 0 0 0 24 24h172v50h-60v32h152v-32h-60v-50h92v58a24.027 24.027 0 0 0 24 24h112a24.027 24.027 0 0 0 24-24V256a24.027 24.027 0 0 0-24-24zm-136 24v102H48V128h344v104h-32a24.027 24.027 0 0 0-24 24zm128 184h-96V264h96z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.box-glyph {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M5 9v10h14.002L19 9H5zm11 4H8v-2h8v2zm4.002-6L20 5H4v2h16z"/><path fill="black" d="M20 3H4c-1.103 0-2 .897-2 2v2c0 .736.405 1.375 1 1.722V19c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V8.722c.595-.347 1-.986 1-1.722V5c0-1.103-.897-2-2-2zM4 5h16l.002 2H4V5zm1 14V9h14l.002 10H5z"/><path fill="black" d="M8 11h8v2H8z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.wand {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M11 4l-.5-1l-.5 1l-1 .125l.834.708L9.5 6l1-.666l1 .666l-.334-1.167l.834-.708zm8.334 10.666L18.5 13l-.834 1.666l-1.666.209l1.389 1.181L16.834 18l1.666-1.111L20.166 18l-.555-1.944L21 14.875zM6.667 6.333L6 5l-.667 1.333L4 6.5l1.111.944L4.667 9L6 8.111L7.333 9l-.444-1.556L8 6.5zM3.414 17c0 .534.208 1.036.586 1.414L5.586 20c.378.378.88.586 1.414.586s1.036-.208 1.414-.586L20 8.414c.378-.378.586-.88.586-1.414S20.378 5.964 20 5.586L18.414 4c-.756-.756-2.072-.756-2.828 0L4 15.586c-.378.378-.586.88-.586 1.414zM17 5.414L18.586 7L15 10.586L13.414 9L17 5.414z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.longform {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M21 4H7a2 2 0 1 0 0 4h14v13a1 1 0 0 1-1 1H7a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h13a1 1 0 0 1 1 1v1zM5 18a2 2 0 0 0 2 2h12V10H7a3.982 3.982 0 0 1-2-.535V18zM20 7H7a1 1 0 1 1 0-2h13v2z"></path></svg>');
|
|
}
|
|
body:not(.minimal-icons-off) svg.changelog {
|
|
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8s-3.589 8-8 8z" fill="currentColor"/><path d="M11 11h2v6h-2zm0-4h2v2h-2z" fill="currentColor"/></svg>');
|
|
}
|
|
|
|
/* ─────────────────────────────────────────────────── */
|
|
/* Plugin Compatibility info for the Obsidian Hub */
|
|
/* ─────────────────────────────────────────────────── */
|
|
|
|
/* @plugins
|
|
core:
|
|
- backlink
|
|
- command-palette
|
|
- file-explorer
|
|
- global-search
|
|
- graph
|
|
- outgoing-link
|
|
- outline
|
|
- page-preview
|
|
- starred
|
|
- switcher
|
|
- tag-pane
|
|
- file-recovery
|
|
- daily-notes
|
|
- random-note
|
|
- publish
|
|
- sync
|
|
- word-count
|
|
community:
|
|
- sliding-panes-obsidian
|
|
- obsidian-codemirror-options
|
|
- obsidian-kanban
|
|
- dataview
|
|
- obsidian-hider
|
|
- calendar
|
|
- mysnippets-plugin
|
|
- cmenu-plugin
|
|
- obsidian-outliner
|
|
- readwise-official
|
|
- tag-wrangler
|
|
- todoist-sync-plugin
|
|
- templater-obsidian
|
|
- obsidian-system-dark-mode
|
|
- obsidian-style-settings
|
|
*/
|
|
|
|
/* Style Settings */
|
|
|
|
/* @settings
|
|
name: Things Theme
|
|
id: things-style
|
|
settings:
|
|
-
|
|
id: features
|
|
title: Features
|
|
type: heading
|
|
level: 2
|
|
collapsed: true
|
|
-
|
|
id: minimal-icons-off
|
|
title: Default icons
|
|
description: Use default icons instead of minimal set
|
|
type: class-toggle
|
|
default: false
|
|
-
|
|
id: full-file-names
|
|
title: Show full file names
|
|
description: Turn off trimming on files in sidebar
|
|
type: class-toggle
|
|
-
|
|
id: links-int-on
|
|
title: Underline internal links
|
|
description: Show underlines on internal links
|
|
type: class-toggle
|
|
default: true
|
|
-
|
|
id: links-ext-on
|
|
title: Underline external links
|
|
description: Show underlines on external links
|
|
type: class-toggle
|
|
default: true
|
|
-
|
|
id: fonts
|
|
title: Fonts
|
|
type: heading
|
|
level: 2
|
|
collapsed: true
|
|
-
|
|
id: text
|
|
title: Text font
|
|
description: Used in preview mode
|
|
type: variable-text
|
|
default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
|
|
-
|
|
id: text-editor
|
|
title: Editor font
|
|
description: Used in edit mode
|
|
type: variable-text
|
|
default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
|
|
-
|
|
id: font-monospace
|
|
title: Monospace font
|
|
description: Used for code blocks and front matter
|
|
type: variable-text
|
|
default: JetBrains Mono,Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace
|
|
-
|
|
id: font-ui
|
|
title: UI font
|
|
description: Used for buttons, menus and sidebar
|
|
type: variable-text
|
|
default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif
|
|
-
|
|
id: custom-fonts
|
|
title: Typography
|
|
type: heading
|
|
level: 2
|
|
collapsed: true
|
|
-
|
|
id: strong-color
|
|
title: Bold font color
|
|
type: variable-color
|
|
format: hex
|
|
default: '#FF82B2'
|
|
-
|
|
id: em-color
|
|
title: Italics font color
|
|
type: variable-color
|
|
format: hex
|
|
default: '#FF82B2'
|
|
-
|
|
id: green
|
|
title: Blockquotes font color
|
|
type: variable-color
|
|
format: hex
|
|
default: '#3EB4BF'
|
|
-
|
|
id: tag-background-color-l
|
|
title: Tag background color (Light mode)
|
|
type: variable-color
|
|
format: hex
|
|
default: '#BDE1D3'
|
|
-
|
|
id: tag-font-color-l
|
|
title: Tag font color (Light mode)
|
|
type: variable-color
|
|
format: hex
|
|
default: '#1D694B'
|
|
-
|
|
id: tag-background-color-d
|
|
title: Tag background color (Dark mode)
|
|
type: variable-color
|
|
format: hex
|
|
default: '#1D694B'
|
|
-
|
|
id: tag-font-color-d
|
|
title: Tag font color (Dark mode)
|
|
type: variable-color
|
|
format: hex
|
|
default: '#'
|
|
-
|
|
id: font-normal
|
|
title: Note titles, modals, and alt text size
|
|
description: Font size in px (main editor/preview text size now controlled via slider in Appearance settings)
|
|
type: variable-number
|
|
default: 16
|
|
format: px
|
|
-
|
|
id: font-small
|
|
title: Sidebar and tag font size
|
|
description: Font size in px of sidebar, tags, and small text
|
|
type: variable-number
|
|
default: 13
|
|
format: px
|
|
-
|
|
id: line-height
|
|
title: Body line height
|
|
description: Line height of the main text
|
|
type: variable-number
|
|
default: 1.5
|
|
-
|
|
id: line-width
|
|
title: Normal line width
|
|
description: Number of characters per line
|
|
type: variable-number
|
|
default: 45
|
|
format: rem
|
|
-
|
|
id: max-width
|
|
title: Maximum line width
|
|
description: Percentage of space inside a pane that a line can fill. Recommended values between 80 to 100
|
|
type: variable-number
|
|
default: 85
|
|
format: '%'
|
|
-
|
|
id: headings
|
|
title: Headings
|
|
type: heading
|
|
level: 2
|
|
collapsed: true
|
|
-
|
|
id: level-1-headings
|
|
title: Level 1 Headings
|
|
type: heading
|
|
level: 3
|
|
collapsed: true
|
|
-
|
|
id: h1
|
|
title: H1 font size
|
|
description: Accepts any CSS font-size value
|
|
type: variable-text
|
|
default: 1.5em
|
|
-
|
|
id: h1-weight
|
|
title: H1 font weight
|
|
description: Accepts numbers representing the CSS font-weight
|
|
type: variable-number
|
|
default: 700
|
|
-
|
|
id: h1-color
|
|
title: H1 color
|
|
type: variable-color
|
|
format: hex
|
|
default: '#'
|
|
-
|
|
id: level-2-headings
|
|
title: Level 2 Headings
|
|
type: heading
|
|
level: 3
|
|
collapsed: true
|
|
-
|
|
id: h2
|
|
title: H2 font size
|
|
description: Accepts any CSS font-size value
|
|
type: variable-text
|
|
default: 1.3em
|
|
-
|
|
id: h2-weight
|
|
title: H2 font weight
|
|
description: Accepts numbers representing the CSS font-weight
|
|
type: variable-number
|
|
default: 700
|
|
-
|
|
id: h2-color
|
|
title: H2 color
|
|
type: variable-color
|
|
format: hex
|
|
default: '#2E80F2'
|
|
-
|
|
id: level-3-headings
|
|
title: Level 3 Headings
|
|
type: heading
|
|
level: 3
|
|
collapsed: true
|
|
-
|
|
id: h3
|
|
title: H3 font size
|
|
description: Accepts any CSS font-size value
|
|
type: variable-text
|
|
default: 1.1em
|
|
-
|
|
id: h3-weight
|
|
title: H3 font weight
|
|
description: Accepts numbers representing the CSS font-weight
|
|
type: variable-number
|
|
default: 600
|
|
-
|
|
id: h3-color
|
|
title: H3 color
|
|
type: variable-color
|
|
format: hex
|
|
default: '#2E80F2'
|
|
-
|
|
id: level-4-headings
|
|
title: Level 4 Headings
|
|
type: heading
|
|
level: 3
|
|
collapsed: true
|
|
-
|
|
id: h4
|
|
title: H4 font size
|
|
description: Accepts any CSS font-size value
|
|
type: variable-text
|
|
default: 0.9em
|
|
-
|
|
id: h4-weight
|
|
title: H4 font weight
|
|
description: Accepts numbers representing the CSS font-weight
|
|
type: variable-number
|
|
default: 500
|
|
-
|
|
id: h4-color
|
|
title: H4 color
|
|
type: variable-color
|
|
format: hex
|
|
default: '#E5B567'
|
|
-
|
|
id: level-5-headings
|
|
title: Level 5 Headings
|
|
type: heading
|
|
level: 3
|
|
collapsed: true
|
|
-
|
|
id: h5
|
|
title: H5 font size
|
|
description: Accepts any CSS font-size value
|
|
type: variable-text
|
|
default: 0.85em
|
|
-
|
|
id: h5-weight
|
|
title: H5 font weight
|
|
description: Accepts numbers representing the CSS font-weight
|
|
type: variable-number
|
|
default: 500
|
|
-
|
|
id: h5-color
|
|
title: H5 color
|
|
type: variable-color
|
|
format: hex
|
|
default: '#E83E3E'
|
|
-
|
|
id: level-6-headings
|
|
title: Level 6 Headings
|
|
type: heading
|
|
level: 3
|
|
collapsed: true
|
|
-
|
|
id: h6
|
|
title: H6 font size
|
|
description: Accepts any CSS font-size value
|
|
type: variable-text
|
|
default: 0.85em
|
|
-
|
|
id: h6-weight
|
|
title: H6 font weight
|
|
description: Accepts numbers representing the CSS font-weight
|
|
type: variable-number
|
|
default: 400
|
|
-
|
|
id: h6-color
|
|
title: H6 color
|
|
type: variable-color
|
|
format: hex
|
|
default: '#'
|
|
-
|
|
id: advanced
|
|
title: Advanced
|
|
type: heading
|
|
level: 2
|
|
collapsed: true
|
|
-
|
|
title: MacOS-Like Translucent Window
|
|
description: Give workspace a MacOS-like translucency
|
|
id: macOS-translucent
|
|
type: class-toggle
|
|
-
|
|
id: cursor
|
|
title: Cursor style
|
|
description: The cursor style for UI elements
|
|
type: variable-select
|
|
default: default
|
|
options:
|
|
-
|
|
label: Default
|
|
value: default
|
|
-
|
|
label: Pointer
|
|
value: pointer
|
|
-
|
|
label: Crosshair
|
|
value: crosshair
|
|
-
|
|
id: credits
|
|
title: Credits
|
|
type: heading
|
|
description: Created with ❤︎ @colineckert. This theme uses code from Minimal by @kepano. Support @kepano at buymeacoffee.com/kepano and me at buymeacoffee.com/colineckert
|
|
level: 2
|
|
collapsed: true
|
|
|
|
*/
|