generated from DNDs/dnd-template
6873 lines
256 KiB
CSS
6873 lines
256 KiB
CSS
|
/*───────────────────────────────────────────────────────
|
|||
|
|
THINGS
|
|||
|
|
Version 1.7.6
|
|||
|
|
Created by @colineckert
|
|||
|
|
|
|||
|
|
Readme:
|
|||
|
|
https://github.com/colineckert/obsidian-things
|
|||
|
|
|
|||
|
|
Support my work:
|
|||
|
|
https://www.buymeacoffee.com/colineckert
|
|||
|
|
|
|||
|
|
Support @kepano
|
|||
|
|
https://www.buymeacoffee.com/kepano
|
|||
|
|
|
|||
|
|
----------------------------------------------------------------
|
|||
|
|
|
|||
|
|
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: #dbce7e77;
|
|||
|
|
--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;
|
|||
|
|
|
|||
|
|
--font-settings: 15px;
|
|||
|
|
--font-settings-small: 13px;
|
|||
|
|
--font-inputs: 14px;
|
|||
|
|
|
|||
|
|
--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: 90%; /* 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: #5c5c5c;
|
|||
|
|
--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: #a6a6a6;
|
|||
|
|
--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 0.5em !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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Live Preview list bullets */
|
|||
|
|
body:not(.is-mobile) .markdown-source-view.mod-cm6 .list-bullet:after {
|
|||
|
|
left: -3px;
|
|||
|
|
}
|
|||
|
|
.mod-cm6 .HyperMD-list-line .list-bullet::after,
|
|||
|
|
.mod-cm6 span.list-bullet::after {
|
|||
|
|
line-height: 0.95em;
|
|||
|
|
font-size: 1.4em;
|
|||
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
color: var(--text-faint);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.is-live-preview .HyperMD-header-2 {
|
|||
|
|
border-bottom: 2px solid var(--background-modifier-border);
|
|||
|
|
width: 100%;
|
|||
|
|
padding-bottom: 2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Temp fix to match Live Preview checkbox color */
|
|||
|
|
.is-live-preview input[type='checkbox']:checked {
|
|||
|
|
background-color: #00a7c4 !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Align checkboxes */
|
|||
|
|
.markdown-source-view.mod-cm6 .task-list-item-checkbox {
|
|||
|
|
vertical-align: sub !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Align collapse-indicators */
|
|||
|
|
.is-live-preview .collapse-indicator.collapse-icon {
|
|||
|
|
top: 2px !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Cursor color */
|
|||
|
|
/* .markdown-source-view.mod-cm6.is-live-preview div.cm-editor .cm-cursor {
|
|||
|
|
border-left-color: var(--text-accent);
|
|||
|
|
border-width: 2px;
|
|||
|
|
}
|
|||
|
|
.markdown-source-view.mod-cm6.is-live-preview div.cm-editor div {
|
|||
|
|
caret-color: var(--text-accent);
|
|||
|
|
} */
|
|||
|
|
|
|||
|
|
/* ---------------------- */
|
|||
|
|
|
|||
|
|
/* 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-reading-view,
|
|||
|
|
.markdown-preview-view {
|
|||
|
|
font-family: var(--text);
|
|||
|
|
font-size: var(--preview-font-size) !important;
|
|||
|
|
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-1,
|
|||
|
|
.cm-s-obsidian .cm-formatting-header.cm-header-2,
|
|||
|
|
.cm-s-obsidian .cm-formatting-header.cm-header-3,
|
|||
|
|
.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-1 .cm-header-1,
|
|||
|
|
.cm-s-obsidian .cm-header-1 {
|
|||
|
|
letter-spacing: -0.02em;
|
|||
|
|
line-height: 1.3;
|
|||
|
|
font-size: var(--h1) !important;
|
|||
|
|
color: var(--h1-color);
|
|||
|
|
font-weight: var(--h1-weight) !important;
|
|||
|
|
}
|
|||
|
|
.markdown-preview-view h2,
|
|||
|
|
.HyperMD-header-2 .cm-header-2,
|
|||
|
|
.cm-s-obsidian .cm-header-2 {
|
|||
|
|
letter-spacing: -0.02em;
|
|||
|
|
line-height: 1.3;
|
|||
|
|
font-size: var(--h2) !important;
|
|||
|
|
color: var(--h2-color);
|
|||
|
|
font-weight: var(--h2-weight) !important;
|
|||
|
|
}
|
|||
|
|
.markdown-preview-view h3,
|
|||
|
|
.HyperMD-header-3 .cm-header-3,
|
|||
|
|
.cm-s-obsidian .cm-header-3 {
|
|||
|
|
letter-spacing: -0em;
|
|||
|
|
line-height: 1.4;
|
|||
|
|
font-size: var(--h3) !important;
|
|||
|
|
color: var(--h3-color);
|
|||
|
|
font-weight: var(--h3-weight) !important;
|
|||
|
|
}
|
|||
|
|
.markdown-preview-view h4,
|
|||
|
|
.HyperMD-header-4 .cm-header-4,
|
|||
|
|
.cm-s-obsidian .cm-header-4 {
|
|||
|
|
letter-spacing: 0.02em;
|
|||
|
|
font-size: var(--h4) !important;
|
|||
|
|
color: var(--h4-color);
|
|||
|
|
font-weight: var(--h4-weight) !important;
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
}
|
|||
|
|
.markdown-preview-view h5,
|
|||
|
|
.HyperMD-header-5 .cm-header-5,
|
|||
|
|
.cm-s-obsidian .cm-header-5 {
|
|||
|
|
letter-spacing: 0.02em;
|
|||
|
|
font-size: var(--h5) !important;
|
|||
|
|
color: var(--h5-color);
|
|||
|
|
font-weight: var(--h5-weight) !important;
|
|||
|
|
}
|
|||
|
|
.markdown-preview-view h6,
|
|||
|
|
.HyperMD-header-6 .cm-header-6,
|
|||
|
|
.cm-s-obsidian .cm-header-6 {
|
|||
|
|
letter-spacing: 0.02em;
|
|||
|
|
font-size: var(--h6) !important;
|
|||
|
|
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: var(--tag-background-color-l);
|
|||
|
|
color: var(--tag-font-color-l);
|
|||
|
|
font-size: var(--font-adaptive-small);
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-family: var(--font-ui);
|
|||
|
|
padding: 3px 8px;
|
|||
|
|
text-align: center;
|
|||
|
|
text-decoration: none;
|
|||
|
|
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: var(--tag-background-color-d);
|
|||
|
|
color: var(--tag-font-color-d);
|
|||
|
|
font-size: var(--font-adaptive-small);
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-family: var(--font-ui);
|
|||
|
|
padding: 3px 8px;
|
|||
|
|
text-align: center;
|
|||
|
|
text-decoration: none;
|
|||
|
|
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);
|
|||
|
|
font-size: var(--font-adaptive-small);
|
|||
|
|
font-family: var(--font-ui);
|
|||
|
|
font-weight: 500;
|
|||
|
|
text-align: center;
|
|||
|
|
text-decoration: none;
|
|||
|
|
padding-top: 3px;
|
|||
|
|
padding-bottom: 3px;
|
|||
|
|
border-left: none;
|
|||
|
|
border-right: none;
|
|||
|
|
cursor: text;
|
|||
|
|
}
|
|||
|
|
.theme-dark .cm-s-obsidian span.cm-hashtag {
|
|||
|
|
background-color: var(--tag-background-color-d);
|
|||
|
|
color: var(--tag-font-color-d);
|
|||
|
|
font-size: var(--font-adaptive-small);
|
|||
|
|
font-family: var(--font-ui);
|
|||
|
|
font-weight: 500;
|
|||
|
|
text-align: center;
|
|||
|
|
text-decoration: none;
|
|||
|
|
padding-top: 3px;
|
|||
|
|
padding-bottom: 3px;
|
|||
|
|
border-left: none;
|
|||
|
|
border-right: none;
|
|||
|
|
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.mod-settings,
|
|||
|
|
.modal.mod-settings .vertical-tab-container {
|
|||
|
|
max-width: 1000px;
|
|||
|
|
width: 60vw;
|
|||
|
|
min-height: 20vh;
|
|||
|
|
width: 90vw;
|
|||
|
|
height: 100vh;
|
|||
|
|
max-height: 80vh;
|
|||
|
|
overflow-y: hidden;
|
|||
|
|
border: 1px solid var(--background-modifier-border) !important;
|
|||
|
|
}
|
|||
|
|
.modal.mod-settings .vertical-tab-content-container,
|
|||
|
|
.modal.mod-settings .vertical-tab-header {
|
|||
|
|
height: 80vh;
|
|||
|
|
}
|
|||
|
|
body:not(.is-mobile) .modal.mod-community-theme.mod-community-theme,
|
|||
|
|
.modal.mod-community-plugin {
|
|||
|
|
width: 80vw;
|
|||
|
|
max-width: 80vw;
|
|||
|
|
min-height: 80vh;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
.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;
|
|||
|
|
}
|
|||
|
|
.community-plugin-name,
|
|||
|
|
.modal.mod-settings .vertical-tab-content-container,
|
|||
|
|
.setting-item-name {
|
|||
|
|
font-size: var(--font-settings);
|
|||
|
|
line-height: 1.4;
|
|||
|
|
}
|
|||
|
|
.community-plugin-downloads,
|
|||
|
|
.community-plugin-item .community-plugin-author,
|
|||
|
|
.community-plugin-item .community-plugin-desc,
|
|||
|
|
.community-plugin-search-summary,
|
|||
|
|
.setting-item-description {
|
|||
|
|
font-size: var(--font-settings-small);
|
|||
|
|
line-height: 1.4;
|
|||
|
|
font-weight: 400;
|
|||
|
|
}
|
|||
|
|
.setting-item-description {
|
|||
|
|
padding-top: 4px;
|
|||
|
|
}
|
|||
|
|
.setting-item-control button,
|
|||
|
|
button {
|
|||
|
|
font-family: var(--font-ui);
|
|||
|
|
font-size: var(--font-inputs);
|
|||
|
|
font-weight: 400;
|
|||
|
|
}
|
|||
|
|
.modal button,
|
|||
|
|
.modal button.mod-cta a,
|
|||
|
|
button.mod-cta {
|
|||
|
|
font-size: var(--font-settings-small);
|
|||
|
|
margin-right: 3px;
|
|||
|
|
margin-left: 3px;
|
|||
|
|
}
|
|||
|
|
.dropdown,
|
|||
|
|
body .addChoiceBox #addChoiceTypeSelector {
|
|||
|
|
font-family: var(--font-ui);
|
|||
|
|
font-size: var(--font-settings-small);
|
|||
|
|
}
|
|||
|
|
.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);
|
|||
|
|
}
|
|||
|
|
.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: 2px 12px 3px 10px;
|
|||
|
|
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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.markdown-source-view .cm-s-obsidian .cm-hmd-frontmatter {
|
|||
|
|
font-family: var(--font-monospace);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* --------------- */
|
|||
|
|
/* 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 - commented out due to text selection behavior */
|
|||
|
|
/* .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;
|
|||
|
|
}
|
|||
|
|
.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 {
|
|||
|
|
/* Commenting to better align header and content */
|
|||
|
|
/* padding-left: 0 !important; */
|
|||
|
|
font-size: 1em !important;
|
|||
|
|
}
|
|||
|
|
.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;
|
|||
|
|
}
|
|||
|
|
body .document-search-container {
|
|||
|
|
margin-top: 12px;
|
|||
|
|
padding: 0;
|
|||
|
|
height: 38px;
|
|||
|
|
background-color: var(--background-primary);
|
|||
|
|
border-top: none;
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
.markdown-reading-view.is-searching,
|
|||
|
|
.markdown-source-view.is-replacing,
|
|||
|
|
.markdown-source-view.is-searching {
|
|||
|
|
flex-direction: column-reverse;
|
|||
|
|
}
|
|||
|
|
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 {
|
|||
|
|
font-size: var(--font-normal);
|
|||
|
|
font-family: var(--font-ui);
|
|||
|
|
} */
|
|||
|
|
input[type='email'],
|
|||
|
|
input[type='number'],
|
|||
|
|
input[type='password'],
|
|||
|
|
input[type='search'],
|
|||
|
|
input[type='text'],
|
|||
|
|
textarea {
|
|||
|
|
font-family: var(--font-ui);
|
|||
|
|
font-size: var(--font-inputs);
|
|||
|
|
}
|
|||
|
|
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,
|
|||
|
|
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='x'],
|
|||
|
|
.markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='X'] {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
.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-children .nav-folder-children {
|
|||
|
|
margin-left: 20px;
|
|||
|
|
padding-left: 0;
|
|||
|
|
border-left: 1px solid var(--background-modifier-border);
|
|||
|
|
}
|
|||
|
|
.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-right: 1px solid var(--background-modifier-border);
|
|||
|
|
position: absolute;
|
|||
|
|
left: -0.85em !important;
|
|||
|
|
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 5px;
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
.outline .tree-item-self .collapse-icon {
|
|||
|
|
margin-left: -20px;
|
|||
|
|
}
|
|||
|
|
.tag-container .collapse-icon {
|
|||
|
|
margin-left: -20px;
|
|||
|
|
}
|
|||
|
|
.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-smaller);
|
|||
|
|
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 15px;
|
|||
|
|
}
|
|||
|
|
.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 0.2s linear;
|
|||
|
|
color: var(--text-faint);
|
|||
|
|
font-size: var(--font-adaptive-smaller);
|
|||
|
|
border-top: var(--border-width) solid var(--background-divider);
|
|||
|
|
line-height: 1;
|
|||
|
|
max-height: 24px;
|
|||
|
|
}
|
|||
|
|
.minimal-status-off .status-bar {
|
|||
|
|
background-color: var(--background-secondary);
|
|||
|
|
border-width: var(--border-width);
|
|||
|
|
padding: 2px 6px 4px;
|
|||
|
|
}
|
|||
|
|
.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-success,
|
|||
|
|
.sync-status-icon.mod-working {
|
|||
|
|
color: var(--text-faint);
|
|||
|
|
cursor: var(--cursor);
|
|||
|
|
}
|
|||
|
|
.status-bar:hover,
|
|||
|
|
.status-bar:hover .sync-status-icon.mod-success,
|
|||
|
|
.status-bar:hover .sync-status-icon.mod-working {
|
|||
|
|
color: var(--text-muted);
|
|||
|
|
transition: color 0.2s linear;
|
|||
|
|
}
|
|||
|
|
.status-bar .plugin-sync:hover .sync-status-icon.mod-success,
|
|||
|
|
.status-bar .plugin-sync:hover .sync-status-icon.mod-working {
|
|||
|
|
color: var(--text-normal);
|
|||
|
|
}
|
|||
|
|
.status-bar-item {
|
|||
|
|
padding: 0 5px;
|
|||
|
|
}
|
|||
|
|
.status-bar-item-segment {
|
|||
|
|
margin-right: 10px;
|
|||
|
|
}
|
|||
|
|
.status-bar-item {
|
|||
|
|
cursor: var(--cursor) !important;
|
|||
|
|
}
|
|||
|
|
/* .status-bar-item.cMenu-statusbar-button:hover,
|
|||
|
|
.status-bar-item.mod-clickable:hover,
|
|||
|
|
.status-bar-item.plugin-sync:hover {
|
|||
|
|
text-align: center;
|
|||
|
|
background-color: var(--background-tertiary) !important;
|
|||
|
|
border-radius: 4px;
|
|||
|
|
} */
|
|||
|
|
.status-bar-item {
|
|||
|
|
padding: 7px 4px;
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
.status-bar-item,
|
|||
|
|
.sync-status-icon {
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.status-bar-item.plugin-sync svg {
|
|||
|
|
height: 15px;
|
|||
|
|
width: 15px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* --------------- */
|
|||
|
|
/* Workplace ribbon & sidedock icons */
|
|||
|
|
/* --------------- */
|
|||
|
|
|
|||
|
|
.workspace-ribbon {
|
|||
|
|
flex: 0 0 42px;
|
|||
|
|
padding-top: 7px;
|
|||
|
|
}
|
|||
|
|
.workspace-ribbon.mod-right {
|
|||
|
|
right: 4px;
|
|||
|
|
bottom: 0;
|
|||
|
|
height: 32px;
|
|||
|
|
padding-top: 6px;
|
|||
|
|
position: absolute;
|
|||
|
|
background: 0 0;
|
|||
|
|
border: 0;
|
|||
|
|
}
|
|||
|
|
.workspace-ribbon-collapse-btn {
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 5px 4px;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
}
|
|||
|
|
.mod-right .workspace-ribbon-collapse-btn {
|
|||
|
|
background-color: var(--background-primary);
|
|||
|
|
}
|
|||
|
|
.mod-right .workspace-ribbon-collapse-btn:hover {
|
|||
|
|
background-color: var(--background-tertiary);
|
|||
|
|
}
|
|||
|
|
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn,
|
|||
|
|
.workspace-ribbon.mod-right .workspace-ribbon-collapse-btn {
|
|||
|
|
opacity: 1;
|
|||
|
|
position: fixed;
|
|||
|
|
width: 26px;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
top: auto;
|
|||
|
|
text-align: center;
|
|||
|
|
bottom: 42px;
|
|||
|
|
right: 15px;
|
|||
|
|
z-index: 9;
|
|||
|
|
}
|
|||
|
|
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
|
|||
|
|
left: 8px;
|
|||
|
|
}
|
|||
|
|
.side-dock-settings {
|
|||
|
|
padding-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
.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) .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline,
|
|||
|
|
body:not(.links-ext-on) .external-link,
|
|||
|
|
body:not(.links-ext-on) .markdown-source-view.mod-cm6 .cm-link .cm-underline {
|
|||
|
|
text-decoration: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.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;
|
|||
|
|
font-style: italic;
|
|||
|
|
padding: 0 0 0 calc(var(--nested-padding) / 2);
|
|||
|
|
margin-inline-start: var(--nested-padding);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.cm-s-obsidian span.cm-quote {
|
|||
|
|
font-style: italic;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian span.cm-quote,
|
|||
|
|
body:not(.default-font-color) .markdown-preview-view blockquote {
|
|||
|
|
color: var(--green);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ---------------
|
|||
|
|
TEXT MARKINGS
|
|||
|
|
--------------- */
|
|||
|
|
|
|||
|
|
/* Hashes */
|
|||
|
|
|
|||
|
|
span.cm-formatting {
|
|||
|
|
color: var(--text-faint);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Italics */
|
|||
|
|
|
|||
|
|
body:not(.default-font-color) em,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-1,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-2,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-3,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-4,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-5,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-6,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-1,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-2,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-3,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-4,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-5,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-6,
|
|||
|
|
body:not(.default-font-color) .markdown-preview-section em,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-em {
|
|||
|
|
font-style: italic;
|
|||
|
|
color: var(--em-color);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Bold */
|
|||
|
|
|
|||
|
|
body:not(.default-font-color) strong,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-1,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-2,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-3,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-4,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-5,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-6,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-1,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-2,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-3,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-4,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-5,
|
|||
|
|
body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-6,
|
|||
|
|
body:not(.default-font-color) .cm-header.cm-header-3.cm-hmd-internal-link,
|
|||
|
|
body:not(.default-font-color) .markdown-preview-section strong,
|
|||
|
|
body:not(.default-font-color) .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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Number Tables */
|
|||
|
|
.numbertable table {
|
|||
|
|
counter-reset: section;
|
|||
|
|
}
|
|||
|
|
.numbertable table > tbody > tr > td:first-child::before {
|
|||
|
|
counter-increment: section;
|
|||
|
|
content: counter(section) '. ';
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* Color rows */
|
|||
|
|
.color-rows tr:nth-child(even) {
|
|||
|
|
background: var(--background-primary);
|
|||
|
|
}
|
|||
|
|
.color-rows tr:nth-child(odd) {
|
|||
|
|
background: var(--background-secondary);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 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;
|
|||
|
|
}
|
|||
|
|
/* Horizontal scroll */
|
|||
|
|
code[class*='language-'],
|
|||
|
|
pre[class*='language-'] {
|
|||
|
|
text-align: left !important;
|
|||
|
|
white-space: pre !important;
|
|||
|
|
word-spacing: normal !important;
|
|||
|
|
word-break: normal !important;
|
|||
|
|
word-wrap: normal !important;
|
|||
|
|
line-height: 1.5 !important;
|
|||
|
|
-moz-tab-size: 4 !important;
|
|||
|
|
-o-tab-size: 4 !important;
|
|||
|
|
tab-size: 4 !important;
|
|||
|
|
-webkit-hyphens: none !important;
|
|||
|
|
-moz-hyphens: none !important;
|
|||
|
|
-ms-hyphens: none !important;
|
|||
|
|
hyphens: none !important;
|
|||
|
|
}
|
|||
|
|
pre[class*='language-'] {
|
|||
|
|
overflow: auto !important;
|
|||
|
|
}
|
|||
|
|
/* ------------------ */
|
|||
|
|
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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ------------------- */
|
|||
|
|
/* 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,
|
|||
|
|
.cm-hmd-codeblock,
|
|||
|
|
.cm-bracket {
|
|||
|
|
color: var(--atom-gray-2) !important;
|
|||
|
|
}
|
|||
|
|
code[class*='language-'],
|
|||
|
|
.token.selector,
|
|||
|
|
.token.tag,
|
|||
|
|
code .cm-property,
|
|||
|
|
.cm-def {
|
|||
|
|
color: var(--atom-red) !important;
|
|||
|
|
}
|
|||
|
|
.token.property,
|
|||
|
|
.token.boolean,
|
|||
|
|
.token.number,
|
|||
|
|
.token.constant,
|
|||
|
|
.token.symbol,
|
|||
|
|
.token.attr-name,
|
|||
|
|
.token.deleted,
|
|||
|
|
.cm-number {
|
|||
|
|
color: var(--atom-orange) !important;
|
|||
|
|
}
|
|||
|
|
.token.string,
|
|||
|
|
.token.char,
|
|||
|
|
.token.attr-value,
|
|||
|
|
.token.builtin,
|
|||
|
|
.token.inserted,
|
|||
|
|
code .cm-string {
|
|||
|
|
color: var(--atom-green) !important;
|
|||
|
|
}
|
|||
|
|
.token.operator,
|
|||
|
|
.cm-operator,
|
|||
|
|
.token.entity,
|
|||
|
|
.token.url,
|
|||
|
|
.language-css .token.string,
|
|||
|
|
.style .token.string {
|
|||
|
|
color: var(--atom-aqua) !important;
|
|||
|
|
}
|
|||
|
|
.token.atrule,
|
|||
|
|
.token.keyword,
|
|||
|
|
.cm-keyword {
|
|||
|
|
color: var(--atom-purple) !important;
|
|||
|
|
}
|
|||
|
|
.token.function,
|
|||
|
|
.token.macro.property,
|
|||
|
|
.cm-variable {
|
|||
|
|
color: var(--atom-blue) !important;
|
|||
|
|
}
|
|||
|
|
.token.class-name,
|
|||
|
|
.cm-atom,
|
|||
|
|
code .cm-tag,
|
|||
|
|
.cm-type,
|
|||
|
|
.theme-dark .cm-variable-2 {
|
|||
|
|
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;
|
|||
|
|
}
|
|||
|
|
.cm-s-obsidian .HyperMD-codeblock {
|
|||
|
|
line-height: 1.5 !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-faint);
|
|||
|
|
font-size: 12px;
|
|||
|
|
letter-spacing: 0.05em;
|
|||
|
|
font-weight: var(--bold-weight);
|
|||
|
|
}
|
|||
|
|
.vertical-tab-nav-item {
|
|||
|
|
padding: 4px 10px 4px 17px;
|
|||
|
|
color: var(--text-muted);
|
|||
|
|
border: none;
|
|||
|
|
background: var(--background-secondary);
|
|||
|
|
cursor: var(--cursor);
|
|||
|
|
font-size: var(--font-small);
|
|||
|
|
line-height: 1.4;
|
|||
|
|
}
|
|||
|
|
.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: 7px !important;
|
|||
|
|
}
|
|||
|
|
::-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: 100vw;
|
|||
|
|
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);
|
|||
|
|
font-size: 1.125em;
|
|||
|
|
margin-top: 3px;
|
|||
|
|
}
|
|||
|
|
.is-mobile .workspace-drawer-header-info {
|
|||
|
|
color: var(--text-faint);
|
|||
|
|
font-size: var(--font-adaptive-smaller);
|
|||
|
|
margin-bottom: 0;
|
|||
|
|
}
|
|||
|
|
.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;
|
|||
|
|
}
|
|||
|
|
.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: 90vh;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
.is-mobile .modal.mod-settings .vertical-tab-header:before {
|
|||
|
|
content: 'Settings';
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: var(--font-settings);
|
|||
|
|
position: sticky;
|
|||
|
|
display: flex;
|
|||
|
|
height: 54px;
|
|||
|
|
margin-top: 8px;
|
|||
|
|
align-items: center;
|
|||
|
|
justify-content: center;
|
|||
|
|
text-align: center;
|
|||
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|||
|
|
background: var(--background-primary);
|
|||
|
|
left: 0;
|
|||
|
|
top: 0;
|
|||
|
|
right: 0;
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
.is-mobile .modal .vertical-tab-header-group-title {
|
|||
|
|
padding: 15px 20px 10px 20px;
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
letter-spacing: 0.05em;
|
|||
|
|
}
|
|||
|
|
.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 {
|
|||
|
|
align-self: start;
|
|||
|
|
}
|
|||
|
|
.is-mobile .workspace-drawer-header-icon svg {
|
|||
|
|
width: 22px;
|
|||
|
|
height: 100%;
|
|||
|
|
}
|
|||
|
|
.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: var(--font-settings-title);
|
|||
|
|
letter-spacing: -0.015em;
|
|||
|
|
}
|
|||
|
|
.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 */
|
|||
|
|
/* ---------------- */
|
|||
|
|
|
|||
|
|
body.is-mobile:not(.floating-button-off):not(.advanced-toolbar)
|
|||
|
|
.view-action:nth-last-of-type(5),
|
|||
|
|
body.is-mobile:not(.floating-button-off):not(.advanced-toolbar)
|
|||
|
|
.view-action:nth-last-of-type(4) {
|
|||
|
|
color: white;
|
|||
|
|
background-color: var(--blue);
|
|||
|
|
opacity: 1;
|
|||
|
|
top: calc(100vh - 90px);
|
|||
|
|
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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body.is-mobile:not(.floating-button-off).advanced-toolbar
|
|||
|
|
.view-action:nth-last-of-type(5),
|
|||
|
|
body.is-mobile:not(.floating-button-off).advanced-toolbar
|
|||
|
|
.view-action:nth-last-of-type(4) {
|
|||
|
|
color: white;
|
|||
|
|
background-color: var(--blue);
|
|||
|
|
opacity: 1;
|
|||
|
|
position: fixed;
|
|||
|
|
top: calc(100vh - 138px);
|
|||
|
|
display: flex;
|
|||
|
|
padding: 5px;
|
|||
|
|
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);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* --------------- */
|
|||
|
|
/* 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 */
|
|||
|
|
/* TODO: fix for Live Preview */
|
|||
|
|
.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);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* READER VIEW */
|
|||
|
|
|
|||
|
|
.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;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* LIVE PREVIEW */
|
|||
|
|
|
|||
|
|
.is-live-preview ul > li.task-list-item .todoist-p1 > input[type='checkbox'] {
|
|||
|
|
border: 1px solid #ff75c6 !important;
|
|||
|
|
background-color: rgba(255, 117, 221, 0.25) !important;
|
|||
|
|
}
|
|||
|
|
.is-live-preview
|
|||
|
|
ul
|
|||
|
|
> li.task-list-item
|
|||
|
|
.todoist-p1
|
|||
|
|
> input[type='checkbox']:hover {
|
|||
|
|
background-color: rgba(255, 117, 193, 0.5) !important;
|
|||
|
|
}
|
|||
|
|
.is-live-preview ul > li.task-list-item .todoist-p2 > input[type='checkbox'] {
|
|||
|
|
border: 1px solid #ffa3a3 !important;
|
|||
|
|
background-color: rgba(255, 139, 119, 0.25) !important;
|
|||
|
|
}
|
|||
|
|
.is-live-preview
|
|||
|
|
ul
|
|||
|
|
> li.task-list-item
|
|||
|
|
.todoist-p2
|
|||
|
|
> input[type='checkbox']:hover {
|
|||
|
|
background-color: rgba(255, 154, 154, 0.5) !important;
|
|||
|
|
}
|
|||
|
|
.is-live-preview ul > li.task-list-item .todoist-p3 > input[type='checkbox'] {
|
|||
|
|
border: 1px solid #35bfff !important;
|
|||
|
|
background-color: rgba(67, 233, 255, 0.308) !important;
|
|||
|
|
}
|
|||
|
|
.is-live-preview
|
|||
|
|
ul
|
|||
|
|
> li.task-list-item
|
|||
|
|
.todoist-p3
|
|||
|
|
> input[type='checkbox']:hover {
|
|||
|
|
background-color: rgba(53, 223, 253, 0.5) !important;
|
|||
|
|
}
|
|||
|
|
.is-live-preview ul > li.task-list-item .todoist-p4 > input[type='checkbox'] {
|
|||
|
|
border: 1px solid #89c6ffd5 !important;
|
|||
|
|
background-color: rgba(150, 170, 179, 0.192) !important;
|
|||
|
|
}
|
|||
|
|
.is-live-preview
|
|||
|
|
ul
|
|||
|
|
> li.task-list-item
|
|||
|
|
.todoist-p4
|
|||
|
|
> input[type='checkbox']:hover {
|
|||
|
|
background-color: rgba(166, 182, 194, 0.418) !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) !important;
|
|||
|
|
}
|
|||
|
|
.checklist-plugin-main .content {
|
|||
|
|
font-size: var(--font-adaptive-small) !important;
|
|||
|
|
}
|
|||
|
|
.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);
|
|||
|
|
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-focus);
|
|||
|
|
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-plugin-main .container .search {
|
|||
|
|
font-size: var(--font-adaptive-small) !important;
|
|||
|
|
border: 1px solid var(--background-modifier-border) !important;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.checklist-plugin-main .container .settings-container > svg {
|
|||
|
|
width: 100%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.checklist-plugin-main .checkbox .checked {
|
|||
|
|
border-radius: 30% !important;
|
|||
|
|
background-color: var(--background-modifier-border-focus) !important;
|
|||
|
|
top: calc(
|
|||
|
|
calc(var(--checklist-checkboxSize) - var(--checklist-checkboxCheckedSize)) /
|
|||
|
|
6
|
|||
|
|
);
|
|||
|
|
left: calc(
|
|||
|
|
calc(var(--checklist-checkboxSize) - var(--checklist-checkboxCheckedSize)) /
|
|||
|
|
6
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* 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,
|
|||
|
|
body:not(.no-sanctum-icons) svg.reading-glasses {
|
|||
|
|
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,
|
|||
|
|
body:not(.no-sanctum-icons) svg.reading-glasses > 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 1
|
|||
|
|
}
|
|||
|
|
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(.no-svg-replace) 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="red" 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(.no-svg-replace)
|
|||
|
|
.workspace-leaf-content[data-type='starred']
|
|||
|
|
svg.document {
|
|||
|
|
-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="red" d="M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z"/><path fill="red" d="M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z"></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)
|
|||
|
|
.workspace-leaf-content[data-type='video']
|
|||
|
|
.view-header
|
|||
|
|
.view-header-icon
|
|||
|
|
svg.document {
|
|||
|
|
background-color: currentColor;
|
|||
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 32 32' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M10 6h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4z'/%3E%3Cpath fill='none' d='M0 0h32v32H0z'/%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
body:not(.minimal-icons-off)
|
|||
|
|
.workspace-leaf-content[data-type='markdown']
|
|||
|
|
.view-header
|
|||
|
|
.view-header-icon
|
|||
|
|
svg.document {
|
|||
|
|
background-color: currentColor;
|
|||
|
|
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 32 32' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M10 6h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4z'/%3E%3Cpath fill='none' d='M0 0h32v32H0z'/%3E%3C/svg%3E");
|
|||
|
|
}
|
|||
|
|
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>');
|
|||
|
|
}
|
|||
|
|
body:not(.minimal-icons-off) svg.reading-glasses {
|
|||
|
|
-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>');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* ─────────────────────────────────────────────────── */
|
|||
|
|
/* 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: default-font-color
|
|||
|
|
title: Default font colors
|
|||
|
|
description: Use the default font color styling for bold, italics, and quotes
|
|||
|
|
type: class-toggle
|
|||
|
|
default: false
|
|||
|
|
-
|
|||
|
|
id: accent-h
|
|||
|
|
title: Link hue color
|
|||
|
|
description: Hue of both internal and external links
|
|||
|
|
type: variable-number-slider
|
|||
|
|
default: 215
|
|||
|
|
min: 0
|
|||
|
|
max: 360
|
|||
|
|
step: 1
|
|||
|
|
-
|
|||
|
|
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: editor-font-size
|
|||
|
|
title: Editor font size
|
|||
|
|
description: Font size in em for editor and preview overall font size
|
|||
|
|
type: variable-number
|
|||
|
|
default: 1
|
|||
|
|
format: em
|
|||
|
|
-
|
|||
|
|
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: font-smaller
|
|||
|
|
title: Smaller font size
|
|||
|
|
description: Font size in px of smaller text
|
|||
|
|
type: variable-number
|
|||
|
|
default: 11
|
|||
|
|
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: 90
|
|||
|
|
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: Disable mobile floating-action button
|
|||
|
|
description: Revert placement of edit/preview button to default in header (mobile)
|
|||
|
|
id: floating-button-off
|
|||
|
|
type: class-toggle
|
|||
|
|
default: false
|
|||
|
|
-
|
|||
|
|
title: MacOS-like translucent window
|
|||
|
|
description: Give workspace a MacOS-like translucency
|
|||
|
|
id: macOS-translucent
|
|||
|
|
type: class-toggle
|
|||
|
|
default: false
|
|||
|
|
-
|
|||
|
|
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 ❤︎ by @colineckert. This theme uses code from Minimal by @kepano. Support @kepano at buymeacoffee.com/kepano and @colineckert at buymeacoffee.com/colineckert
|
|||
|
|
level: 2
|
|||
|
|
collapsed: true
|
|||
|
|
|
|||
|
|
*/
|