Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
10955 lines (9304 sloc)
417 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* --------------------------------------------------------------------------- | |
| Minimal Obsidian 5.1.8 by @kepano | |
| User interface replacement for Obsidian. | |
| Designed to be used with the Minimal Theme Settings | |
| plugin and the Hider plugin. | |
| Sponsor my work: | |
| https://www.buymeacoffee.com/kepano | |
| Readme: | |
| https://github.com/kepano/obsidian-minimal | |
| ----------------------------------------------------------------------------- | |
| MIT License | |
| Copyright (c) 2020-2022 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. | |
| */ | |
| @charset "UTF-8"; | |
| /* Variables */ | |
| :root { | |
| /* Cursor */ | |
| --cursor:default; | |
| /* Fonts */ | |
| --text:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; | |
| --text-editor:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; | |
| --font-monospace:Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace; | |
| --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; | |
| /* Font sizes */ | |
| --font-normal:16px; | |
| --font-small:13px; | |
| --font-smaller:11px; | |
| --font-smallest:10px; | |
| --font-inputs:13px; | |
| --font-settings:15px; | |
| --font-settings-small:12px; | |
| /* Font weights */ | |
| --normal-weight:400; | |
| --bold-weight:600; | |
| --link-weight:inherit; | |
| /* Headings */ | |
| --title-size:1.1em; | |
| --title-weight:600; | |
| /* Headings */ | |
| --h1:1.125em; | |
| --h2:1.05em; | |
| --h3:1em; | |
| --h4:0.90em; | |
| --h5:0.85em; | |
| --h6:0.85em; | |
| --h1-weight:600; | |
| --h2-weight:600; | |
| --h3-weight:500; | |
| --h4-weight:500; | |
| --h5-weight:500; | |
| --h6-weight:400; | |
| --h1-variant:normal; | |
| --h2-variant:normal; | |
| --h3-variant:normal; | |
| --h4-variant:small-caps; | |
| --h5-variant:small-caps; | |
| --h6-variant:small-caps; | |
| --h1-style:normal; | |
| --h2-style:normal; | |
| --h3-style:normal; | |
| --h4-style:normal; | |
| --h5-style:normal; | |
| --h6-style:normal; | |
| /* Blockquotes */ | |
| --blockquote-style:normal; | |
| /* Line widths */ | |
| --line-width:40rem; | |
| /* Maximum characters per line */ | |
| --line-height:1.5; | |
| --max-width:88%; | |
| /* Amount of padding around the text, use 90% for narrower padding */ | |
| --max-col-width:18em; | |
| --icon-muted:0.5; | |
| --icon-size:18px; | |
| --border-width:1px; | |
| --border-width-alt:1px; | |
| --folding-offset:16px; | |
| --nested-padding:30px; | |
| /* Quotes and transclusions */ | |
| --list-padding:2em; | |
| /* List padding */ | |
| --list-spacing:0.075em; | |
| /* Space between list items */ | |
| --radius-s:2px; | |
| --radius-m:5px; | |
| --radius-l:12px; | |
| --radius-xl:16px; | |
| --input-height:32px; | |
| --header-height:40px; | |
| --mobile-left-sidebar-width:280pt; | |
| --mobile-right-sidebar-width:240pt; | |
| /* Tags */ | |
| --tag-radius:14px; | |
| --tag-border-width:1px; } | |
| /* Dynamic colors | |
| Most colors are driven from the following values, meaning that | |
| the backgrounds, borders, and various shades are | |
| automatically generated. | |
| - Base color is used for the backgrounds, text and borders. | |
| - Accent color is used for links and some interactive elements. | |
| The colors use HSL (hue, saturation, lightness) | |
| - Hue (0-360 degrees):0 is red, 120 is green, and 240 is blue | |
| - Saturation (0-100%):0% is desaturated, 100% is full saturation | |
| - Lightness (0-100%):0% is black, 100% is white | |
| */ | |
| :root { | |
| --base-h:0; | |
| /* Base hue */ | |
| --base-s:0%; | |
| /* Base saturation */ | |
| --base-d:15%; | |
| /* Base lightness Dark Mode - 0 is black */ | |
| --base-l:96%; | |
| /* Base lightness Light Mode - 100 is white */ | |
| --accent-h:201; | |
| /* Accent hue */ | |
| --accent-s:17%; | |
| /* Accent saturation */ | |
| --accent-d:60%; | |
| /* Accent lightness Dark Mode */ | |
| --accent-l:50%; | |
| /* Accent lightness Light Mode */ | |
| --red:#d04255; | |
| --yellow:#e5b567; | |
| --green:#a8c373; | |
| --orange:#d5763f; | |
| --cyan:#73bbb2; | |
| --blue:#6c99bb; | |
| --purple:#9e86c8; | |
| --pink:#b05279; } | |
| .theme-light, | |
| .theme-light.minimal-default-light, | |
| body .excalidraw { | |
| --accent-l:50%; | |
| --base-l:96%; | |
| --bg1:white; | |
| --bg2: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| var(--base-l) | |
| ); | |
| --bg3: | |
| hsla( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) - 50%), | |
| 0.12 | |
| ); | |
| --ui1: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) - 6%) | |
| ); | |
| --ui2: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) - 12%) | |
| ); | |
| --ui3: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) - 20%) | |
| ); | |
| --tx1: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) - 90%) | |
| ); | |
| --tx2: | |
| hsl( | |
| var(--base-h), | |
| calc(var(--base-s) - 20%), | |
| calc(var(--base-l) - 45%) | |
| ); | |
| --tx3: | |
| hsl( | |
| var(--base-h), | |
| calc(var(--base-s) - 10%), | |
| calc(var(--base-l) - 25%) | |
| ); | |
| --tx4: | |
| hsl( | |
| var(--base-h), | |
| calc(var(--base-s) - 10%), | |
| calc(var(--base-l) - 60%) | |
| ); | |
| --ax1: | |
| hsl( | |
| var(--accent-h), | |
| var(--accent-s), | |
| var(--accent-l) | |
| ); | |
| --ax2: | |
| hsl( | |
| var(--accent-h), | |
| var(--accent-s), | |
| calc(var(--accent-l) - 10%) | |
| ); | |
| --ax3: | |
| hsl( | |
| var(--accent-h), | |
| var(--accent-s), | |
| calc(var(--accent-l) + 10%) | |
| ); | |
| --hl1: | |
| hsla( | |
| var(--accent-h), | |
| 50%, | |
| calc(var(--base-l) - 20%), | |
| 30% | |
| ); | |
| --hl2:rgba(255, 225, 0, 0.5); } | |
| .theme-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark, | |
| .theme-dark.minimal-default-dark, | |
| .excalidraw.theme--dark { | |
| --accent-l:60%; | |
| --base-l:15%; | |
| --bg1: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| var(--base-l) | |
| ); | |
| --bg2: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) - 2%) | |
| ); | |
| --bg3: | |
| hsla( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) + 40%), | |
| 0.12 | |
| ); | |
| --ui1: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) + 5%) | |
| ); | |
| --ui2: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) + 8%) | |
| ); | |
| --ui3: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-l) + 20%) | |
| ); | |
| --tx1: | |
| hsl( | |
| var(--base-h), | |
| calc(var(--base-s) - 10%), | |
| calc(var(--base-l) + 67%) | |
| ); | |
| --tx2: | |
| hsl( | |
| var(--base-h), | |
| calc(var(--base-s) - 20%), | |
| calc(var(--base-l) + 45%) | |
| ); | |
| --tx3: | |
| hsl( | |
| var(--base-h), | |
| calc(var(--base-s) - 10%), | |
| calc(var(--base-l) + 20%) | |
| ); | |
| --tx4: | |
| hsl( | |
| var(--base-h), | |
| calc(var(--base-s) - 10%), | |
| calc(var(--base-l) + 50%) | |
| ); | |
| --ax1: | |
| hsl( | |
| var(--accent-h), | |
| var(--accent-s), | |
| var(--accent-l) | |
| ); | |
| --ax2: | |
| hsl( | |
| var(--accent-h), | |
| var(--accent-s), | |
| calc(var(--accent-l) + 12%) | |
| ); | |
| --ax3: | |
| hsl( | |
| var(--accent-h), | |
| var(--accent-s), | |
| calc(var(--accent-l) - 12%) | |
| ); | |
| --hl1: | |
| hsla( | |
| var(--accent-h), | |
| 70%, | |
| 40%, | |
| 30% | |
| ); | |
| --hl2:rgba(255, 177, 80, 0.3); | |
| --sp1:#fff; } | |
| .theme-light.minimal-light-white { | |
| --background-primary: white; | |
| --background-secondary: white; | |
| --background-secondary-alt: white; } | |
| .theme-dark.minimal-dark-black { | |
| --base-d:0%; | |
| --background-primary: black; | |
| --background-secondary: black; | |
| --background-secondary-alt: black; | |
| --background-tertiary: | |
| hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-d) + 10%)) ; | |
| --tx1:hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-d) + 75%) | |
| ); | |
| --tx2:hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-d) + 50%) | |
| ); | |
| --tx3:hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-d) + 25%) | |
| ); | |
| --ui1:hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-d) + 12%) | |
| ); | |
| --ui2:hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-d) + 20%) | |
| ); | |
| --ui3:hsl( | |
| var(--base-h), | |
| var(--base-s), | |
| calc(var(--base-d) + 30%) | |
| ); } | |
| /* Map colors to semantic Obsidian names */ | |
| .theme-light { | |
| --mono100:black; | |
| --mono0:white; } | |
| .theme-dark { | |
| --mono100:white; | |
| --mono0:black; } | |
| .theme-light, | |
| .theme-dark { | |
| --h1-color:var(--text-normal); | |
| --h2-color:var(--text-normal); | |
| --h3-color:var(--text-normal); | |
| --h4-color:var(--text-normal); | |
| --h5-color:var(--text-normal); | |
| --h6-color:var(--text-muted); } | |
| .theme-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark, | |
| .theme-light, | |
| .excalidraw.theme--dark, | |
| body .excalidraw { | |
| --text-normal: var(--tx1); | |
| --text-bold: var(--tx1); | |
| --text-italic: var(--tx1); | |
| --text-muted: var(--tx2); | |
| --text-faint: var(--tx3); | |
| --title-color: var(--tx1); | |
| --title-color-inactive: var(--tx2); | |
| --text-code: var(--tx4); | |
| --text-error: var(--red); | |
| --text-blockquote: var(--tx2); | |
| --text-accent: var(--ax1); | |
| --text-accent-hover: var(--ax2); | |
| --text-on-accent: white; | |
| --text-selection: var(--hl1); | |
| --text-highlight-bg: var(--hl2); | |
| --background-primary: var(--bg1); | |
| --background-primary-alt: var(--bg2); | |
| --background-secondary: var(--bg2); | |
| --background-secondary-alt: var(--bg1); | |
| --background-tertiary: var(--bg3); | |
| --background-table-rows: var(--bg2); | |
| --background-modifier-form-field: var(--bg1); | |
| --background-modifier-form-field-highlighted: | |
| var(--bg1); | |
| --interactive-hover: var(--ui1); | |
| --interactive-accent: var(--ax3); | |
| --interactive-accent-hover: var(--ax3); | |
| --background-modifier-accent: var(--ax3); | |
| --background-modifier-border: var(--ui1); | |
| --background-modifier-border-hover: var(--ui2); | |
| --background-modifier-border-focus: var(--ui3); | |
| --background-modifier-success: var(--green); | |
| --background-divider: var(--ui1); | |
| --scrollbar-bg: transparent; | |
| --scrollbar-thumb-bg: var(--ui1); | |
| --scrollbar-active-thumb-bg: var(--ui3); | |
| --quote-opening-modifier: var(--ui2); | |
| --modal-border: var(--ui2); | |
| --icon-color: var(--tx2); | |
| --icon-color-hover: var(--tx2); | |
| --icon-color-active: var(--tx1); | |
| --icon-hex: var(--mono0); | |
| --tag-color: var(--tx2); | |
| --tag-bg: transparent; | |
| --tag-bg2: transparent; } | |
| .theme-light, | |
| body .excalidraw { | |
| --interactive-normal: var(--bg1); | |
| --interactive-accent-rgb:220, 220, 220; | |
| --background-modifier-cover:hsla(var(--base-h),calc(var(--base-s) - 50%),calc(var(--base-l) - 7%),0.7); | |
| --text-highlight-bg-active:rgba(0, 0, 0, 0.1); | |
| /* Errors */ | |
| --background-modifier-error:rgba(255,0,0,0.14); | |
| --background-modifier-error-hover:rgba(255,0,0,0.08); | |
| /* Shadows */ | |
| --shadow-color:rgba(0, 0, 0, 0.1); | |
| --btn-shadow-color:rgba(0, 0, 0, 0.05); } | |
| .theme-dark, | |
| .excalidraw.theme--dark { | |
| --interactive-normal: var(--bg3); | |
| --interactive-accent-rgb:66, 66, 66; | |
| --background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-d) - 12%),0.8); | |
| --text-highlight-bg-active:rgba(255, 255, 255, 0.1); | |
| /* Errors */ | |
| --background-modifier-error:rgba(255,20,20,0.12); | |
| --background-modifier-error-hover:rgba(255,20,20,0.18); | |
| /* Shadows */ | |
| --background-modifier-box-shadow:rgba(0, 0, 0, 0.3); | |
| --shadow-color:rgba(0, 0, 0, 0.3); | |
| --btn-shadow-color:rgba(0, 0, 0, 0.2); } | |
| .theme-light.minimal-light-white { | |
| --background-table-rows: var(--bg2); } | |
| .theme-light.minimal-light-tonal { | |
| --background-primary: var(--bg2); | |
| --background-primary-alt: var(--bg3); | |
| --background-table-rows: var(--bg3); } | |
| .theme-dark.minimal-dark-tonal { | |
| --background-secondary: var(--bg1); | |
| --background-table-rows: var(--bg3); } | |
| .theme-dark.minimal-dark-black { | |
| --background-primary-alt: var(--bg3); | |
| --background-table-rows: var(--bg3); | |
| --modal-border: var(--ui2); | |
| --background-modifier-form-field: var(--bg3); | |
| --background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-d) + 8%),0.9); | |
| --background-modifier-box-shadow:rgba(0, 0, 0, 1); } | |
| /* Desktop font sizes */ | |
| 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); | |
| --line-width-wide:calc(var(--line-width) + 12.5%); | |
| --font-code:calc(var(--font-adaptive-normal) * 0.9); } | |
| /* Phone font sizes */ | |
| @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:88%; } } | |
| /* Tablet font sizes */ | |
| @media (min-width: 400pt) { | |
| .is-mobile { | |
| --font-adaptive-normal:calc(var(--font-normal) + 2px); | |
| --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%; } } | |
| /* Disabled features */ | |
| /* Disabled features */ | |
| /* Search counts */ | |
| .tree-item-flair:not(.tag-pane-tag-count) { | |
| display: none; } | |
| /* Folder name */ | |
| .tree-item-inner-subtext { | |
| display: none; } | |
| /* Obsidian */ | |
| /* Blockquotes */ | |
| /* Preview */ | |
| .markdown-preview-view blockquote { | |
| border-radius: 0; | |
| border: solid var(--quote-opening-modifier); | |
| border-width: 0px 0px 0px 1px; | |
| background-color: transparent; | |
| padding: 0 0 0 var(--nested-padding); | |
| margin-inline-start: 0; | |
| margin-inline-end: 0; | |
| font-size: var(--blockquote-size); | |
| font-style: var(--blockquote-style); | |
| color: var(--text-blockquote); } | |
| .cm-s-obsidian span.cm-quote, | |
| .markdown-preview-view blockquote em, | |
| .markdown-preview-view blockquote strong { | |
| color: var(--text-blockquote); } | |
| /* Editor */ | |
| .markdown-source-view.mod-cm6 .HyperMD-quote { | |
| background-color: transparent; | |
| color: var(--text-blockquote); | |
| font-size: var(--blockquote-size); | |
| font-style: var(--blockquote-style); | |
| border-left: 1px solid var(--quote-opening-modifier); } | |
| .markdown-source-view.mod-cm6 .cm-blockquote-border { | |
| width: 20px; | |
| display: inline-block; | |
| border-left: none; | |
| border-right: 1px solid var(--quote-opening-modifier); } | |
| .markdown-source-view.mod-cm6 .cm-hmd-indent-in-quote { | |
| margin-left: 10px; } | |
| .is-live-preview .cm-hmd-indent-in-quote { | |
| color: var(--text-faint); } | |
| /* Checklists, task lists, checkboxes */ | |
| :root { | |
| --checkbox-size:18px; | |
| --checkbox-icon:20px; | |
| --checkbox-radius:50%; | |
| --checkbox-top:3px; | |
| --checkbox-left:0; | |
| --checkbox-margin:0px 5px 0px -1.35em; } | |
| .checkbox-square { | |
| --checkbox-size:15px; | |
| --checkbox-icon:17px; | |
| --checkbox-radius:4px; | |
| --checkbox-top:1px; | |
| --checkbox-left:1px; | |
| --checkbox-margin:0px 8px 0px -1.35em; } | |
| input[type=checkbox] { | |
| -webkit-appearance: none; | |
| appearance: none; | |
| border-radius: var(--checkbox-radius); | |
| border: 1px solid var(--background-modifier-border-hover); | |
| padding: 0; | |
| margin: 0 6px 0 0; | |
| width: var(--checkbox-size); | |
| height: var(--checkbox-size); } | |
| input[type=checkbox]:hover, | |
| input[type=checkbox]:focus { | |
| outline: 0; | |
| border-color: var(--background-modifier-border-focus); } | |
| .checklist-plugin-main .group .compact > .toggle .checked, | |
| .is-flashing input[type=checkbox]:checked, | |
| input[type=checkbox]:checked { | |
| background-color: var(--background-modifier-accent); | |
| border: 1px solid var(--background-modifier-accent); | |
| background-position: 44% 55%; | |
| 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; } | |
| body .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:not([data-task=" "]), | |
| body .markdown-preview-view ul > li.task-list-item.is-checked { | |
| text-decoration: none; | |
| color: var(--text-normal); } | |
| body.minimal-strike-lists .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="x"]), | |
| body.minimal-strike-lists .markdown-preview-view ul li[data-task="x"].task-list-item.is-checked, | |
| body.minimal-strike-lists li[data-task="x"].task-list-item.is-checked { | |
| color: var(--text-faint); | |
| text-decoration: line-through solid var(--text-faint) 1px; } | |
| .mod-cm6 .HyperMD-task-line[data-task] .task-list-item-checkbox { | |
| margin: -2px 1px 0 -0.5em; } | |
| .is-mobile .mod-cm6 .HyperMD-task-line[data-task] .task-list-item-checkbox { | |
| margin-left: 0; } | |
| .is-mobile .markdown-preview-view input[type=checkbox].task-list-item-checkbox { | |
| top: 0.2em; } | |
| .task-list-item-checkbox, | |
| .markdown-preview-view .task-list-item-checkbox { | |
| filter: none; | |
| width: var(--checkbox-size); | |
| height: var(--checkbox-size); } | |
| .markdown-preview-view .task-list-item-checkbox { | |
| position: relative; | |
| top: var(--checkbox-top); | |
| left: var(--checkbox-left); | |
| line-height: 0; | |
| margin: var(--checkbox-margin); } | |
| .markdown-preview-view ul > li.task-list-item { | |
| text-indent: 0; | |
| line-height: var(--line-height); } | |
| .markdown-preview-view .task-list-item { | |
| padding-inline-start: 0; } | |
| .side-dock-plugin-panel-inner { | |
| padding-right: 6px; | |
| padding-left: 6px; } | |
| /* Code blocks */ | |
| /* Live Preview */ | |
| .mod-cm6 .cm-editor .HyperMD-codeblock.cm-line { | |
| padding-left: 10px; | |
| padding-right: 10px; } | |
| /* Reading */ | |
| .cm-s-obsidian span.cm-inline-code, | |
| .markdown-preview-view code { | |
| color: var(--text-code); | |
| font-size: var(--font-code); } | |
| .markdown-preview-view pre code { | |
| background-color: transparent; } | |
| .markdown-preview-view pre, | |
| .markdown-source-view.mod-cm6 .cm-preview-code-block pre.dataview-error, | |
| .mod-cm6 .cm-editor .HyperMD-codeblock.cm-line, | |
| .cm-s-obsidian .HyperMD-codeblock { | |
| color: var(--text-code); | |
| font-size: var(--font-code); } | |
| button.copy-code-button { | |
| cursor: var(--cursor); | |
| box-shadow: none; | |
| font-size: var(--font-adaptive-smaller); | |
| background-color: transparent; | |
| color: var(--text-faint); | |
| padding: 0.25em 0.75em; } | |
| button.copy-code-button:hover { | |
| background-color: var(--interactive-normal); | |
| color: var(--text-muted); } | |
| .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; } | |
| .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); } | |
| /* Drag ghost */ | |
| body.is-dragging { | |
| cursor: grabbing; | |
| cursor: -webkit-grabbing; } | |
| .workspace-drop-overlay:before, | |
| .mod-drag { | |
| opacity: 0; | |
| border-radius: 0 !important; } | |
| .drag-ghost, | |
| .drag-ghost.mod-leaf { | |
| border: none; | |
| background-color: rgba(0, 0, 0, 0.7); | |
| font-size: var(--font-adaptive-small); | |
| padding: 3px 8px 4px; | |
| color: white; | |
| font-weight: 500; | |
| border-radius: 5px; } | |
| .drag-ghost-icon { | |
| display: none; } | |
| .drag-ghost-self svg { | |
| margin-right: 4px; | |
| opacity: 0.5; | |
| display: none; } | |
| .drag-ghost-action { | |
| padding: 0; | |
| font-weight: 400; | |
| color: rgba(255, 255, 255, 0.7); | |
| font-size: var(--font-adaptive-smaller); } | |
| .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-fake-target-overlay, | |
| .workspace-fake-target-overlay.is-in-sidebar, | |
| .workspace-drop-overlay, | |
| .view-header.is-highlighted:after { | |
| opacity:0; | |
| background-color:var(--background-primary); | |
| } | |
| */ | |
| /* Editor mode (CodeMirror 6 Live Preview) */ | |
| /* Fix strange Obsidian ghost textearea bug on right click */ | |
| .CodeMirror-wrap > div > textarea { | |
| opacity: 0; } | |
| .markdown-source-view.mod-cm6 hr { | |
| border-width: 2px; } | |
| .mod-cm6 .cm-editor .cm-line { | |
| padding: 0; } | |
| .cm-editor .cm-content { | |
| padding-top: 0.5em; } | |
| .markdown-source-view.mod-cm6 .cm-scroller { | |
| padding-top: 15px; | |
| padding-left: calc((100% - var(--max-width)) / 2); | |
| padding-right: calc((100% - var(--max-width)) / 2); } | |
| /* Code execution blocks, e.g. Dataview */ | |
| .markdown-source-view.mod-cm6 .edit-block-button { | |
| cursor: var(--cursor); | |
| color: var(--text-muted); | |
| background-color: transparent; | |
| top: 0; | |
| right: 0; | |
| transition: opacity 200ms; | |
| padding: 4px; } | |
| .markdown-source-view.mod-cm6 .edit-block-button:hover { | |
| background-color: var(--background-tertiary); } | |
| .markdown-source-view.mod-cm6 .edit-block-button svg { | |
| opacity: 0.5; | |
| width: var(--icon-size); | |
| height: var(--icon-size); } | |
| .markdown-source-view.mod-cm6 .edit-block-button:hover svg { | |
| opacity: 1; } | |
| .markdown-source-view.mod-cm6 .cm-embed-block { | |
| padding: 0; | |
| border: 0; | |
| border-radius: 0; } | |
| .markdown-source-view.mod-cm6 .cm-embed-block:hover { | |
| border: 0; } | |
| /* Line numbers */ | |
| .cm-editor .cm-lineNumbers .cm-gutterElement { | |
| font-variant-numeric: tabular-nums; } | |
| /* Live Preview folding */ | |
| .markdown-source-view.mod-cm6 .cm-foldPlaceholder { | |
| color: var(--text-faint); } | |
| .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote { | |
| background-color: transparent; | |
| border-left-width: 1px; } | |
| .cm-editor .cm-foldPlaceholder, | |
| .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator { | |
| cursor: var(--cursor); } | |
| .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1 .cm-fold-indicator .collapse-indicator { | |
| right: 6px; } | |
| .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-task-line:not(.HyperMD-list-line-1) .cm-fold-indicator .collapse-indicator { | |
| right: 0px; } | |
| .markdown-source-view.mod-cm6 .HyperMD-list-line:not(.HyperMD-list-line-1) .cm-fold-indicator .collapse-indicator { | |
| right: -8px; | |
| top: 1px; | |
| width: 26px; } | |
| ul > li.is-collapsed::marker, | |
| .markdown-source-view.mod-cm6 .is-collapsed ~ .cm-formatting-list .list-bullet:after { | |
| color: var(--text-accent); } | |
| .cm-gutterElement .collapse-indicator, | |
| .markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator, | |
| .markdown-source-view.mod-cm6 .fold-gutter { | |
| opacity: 0; } | |
| .cm-gutterElement:hover .collapse-indicator, | |
| .cm-gutterElement .is-collapsed .collapse-indicator, | |
| .markdown-source-view.mod-cm6 .cm-line:hover .cm-fold-indicator .collapse-indicator, | |
| .markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator, | |
| .markdown-source-view.mod-cm6 .fold-gutter.is-collapsed, | |
| .markdown-source-view.mod-cm6 .fold-gutter:hover { | |
| opacity: 1; } | |
| /* Live Preview text selection */ | |
| .markdown-source-view.mod-cm6 .cm-line:not(.HyperMD-codeblock) .cm-selection { | |
| background-color: transparent; } | |
| .markdown-source-view.mod-cm6 .cm-line .cm-inline-code .cm-selection { | |
| background-color: var(--text-selection); } | |
| body .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer { | |
| max-width: var(--line-width-adaptive); } | |
| body:not(.is-mobile).minimal-folding .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer { | |
| max-width: var(--line-width-adaptive); } | |
| /* Editor mode (Legacy) */ | |
| .theme-light .token.operator, | |
| .theme-light .token.entity, | |
| .theme-light .token.url, | |
| .theme-light .language-css .token.string, | |
| .theme-light .style .token.string, | |
| .theme-light .cm-operator, | |
| .theme-light .cm-string, | |
| .theme-light .cm-string-2, | |
| .theme-light .cm-link { | |
| background-color: transparent; } | |
| .markdown-source-view.mod-cm6, | |
| .markdown-source-view.mod-cm5, | |
| .markdown-source-view { | |
| padding: 0; } | |
| .cm-s-obsidian .CodeMirror-code { | |
| padding-right: 0; } | |
| .CodeMirror-lines { | |
| padding-bottom: 170px; } | |
| .CodeMirror pre.CodeMirror-line, | |
| .CodeMirror pre.CodeMirror-line-like { | |
| padding-left: 0; | |
| padding-right: 0; } | |
| .cm-s-obsidian pre.HyperMD-list-line { | |
| padding-top: 0; } | |
| .workspace .markdown-preview-view { | |
| padding: 0; } | |
| .workspace .markdown-preview-view .markdown-embed { | |
| margin: 0; } | |
| .workspace .markdown-preview-view .markdown-embed-content { | |
| max-height: none; } | |
| .markdown-embed-title, | |
| .internal-embed .markdown-preview-section { | |
| max-width: 100%; } | |
| .cm-s-obsidian .HyperMD-header, | |
| .cm-s-obsidian pre.HyperMD-header { | |
| padding-left: 0 !important; } | |
| .CodeMirror-linenumber { | |
| font-size: var(--font-adaptive-small) !important; | |
| font-feature-settings: 'tnum'; | |
| color: var(--text-faint); | |
| padding-top: 3px; } | |
| span.cm-image-marker, | |
| .cm-s-obsidian span.cm-footref.cm-formatting.cm-formatting-link.cm-formatting-link-end, | |
| .cm-s-obsidian .cm-formatting-link + span.cm-link.cm-formatting.cm-formatting-link-end, | |
| .cm-s-obsidian .cm-active span.cm-link.cm-hmd-barelink.cm-formatting-link-start, | |
| .cm-s-obsidian span.cm-link.cm-hmd-barelink.cm-formatting-link-start, | |
| .cm-s-obsidian span.cm-formatting-link { | |
| color: var(--text-faint); } | |
| /* 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 Quotes */ | |
| .cm-formatting-quote { | |
| color: var(--text-faint) !important; } | |
| /* Headings and fonts */ | |
| h1, h2, h3, h4, h5, strong { | |
| font-weight: var(--bold-weight); } | |
| h1, h2, h3, h4 { | |
| letter-spacing: -0.02em; } | |
| body, input, button { | |
| font-family: var(--font-ui); } | |
| .cm-s-obsidian span.cm-error { | |
| color: var(--red); } | |
| .popover, | |
| .vertical-tab-content-container, | |
| .workspace-leaf-content[data-type=markdown] { | |
| font-family: var(--text); } | |
| body, input, button, | |
| .markdown-preview-view, | |
| .markdown-source-view.mod-cm6.is-live-preview .cm-scroller, | |
| .cm-s-obsidian, | |
| .cm-s-obsidian .cm-formatting-hashtag { | |
| 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); | |
| -webkit-font-smoothing: subpixel-antialiased; } | |
| /* Use reading font in live preview */ | |
| .lp-reading-font .markdown-source-view.mod-cm6.is-live-preview .cm-scroller { | |
| font-family: var(--text); } | |
| .cm-s-obsidian span.cm-formatting-task { | |
| font-family: var(--text-editor); | |
| line-height: var(--line-height); } | |
| .cm-s-obsidian .cm-header, | |
| .cm-s-obsidian .cm-strong { | |
| font-weight: var(--bold-weight); } | |
| strong, | |
| .cm-s-obsidian .cm-strong { | |
| color: var(--text-bold); } | |
| em, | |
| .cm-s-obsidian .cm-em { | |
| color: var(--text-italic); } | |
| .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); } | |
| .view-header-title, | |
| .file-embed-title, | |
| .markdown-embed-title { | |
| letter-spacing: -0.02em; | |
| text-align: left; | |
| font-size: var(--title-size); | |
| font-weight: var(--title-weight); } | |
| .view-header-title { | |
| color: var(--title-color-inactive); } | |
| .file-embed-title, | |
| .markdown-embed-title, | |
| .workspace-leaf.mod-active .view-header-title { | |
| color: var(--title-color); } | |
| .cm-s-obsidian .HyperMD-header { | |
| line-height: 1.3; } | |
| .mod-cm6 .cm-editor .HyperMD-header-1, | |
| .mod-cm6 .cm-editor .HyperMD-header-2, | |
| .mod-cm6 .cm-editor .HyperMD-header-3, | |
| .mod-cm6 .cm-editor .HyperMD-header-4, | |
| .mod-cm6 .cm-editor .HyperMD-header-5, | |
| .mod-cm6 .cm-editor .HyperMD-header-6 { | |
| padding-top: 0.4em; } | |
| h1, | |
| .empty-state-title, | |
| .markdown-preview-view h1, | |
| .cm-s-obsidian .cm-header-1 { | |
| font-variant: var(--h1-variant); | |
| letter-spacing: -0.01em; | |
| line-height: 1.3; | |
| font-size: var(--h1); | |
| color: var(--h1-color); | |
| font-weight: var(--h1-weight); | |
| font-style: var(--h1-style); } | |
| .markdown-preview-view h2, | |
| .cm-s-obsidian .cm-header-2 { | |
| font-variant: var(--h2-variant); | |
| letter-spacing: -0.02em; | |
| line-height: 1.3; | |
| font-size: var(--h2); | |
| color: var(--h2-color); | |
| font-weight: var(--h2-weight); | |
| font-style: var(--h2-style); } | |
| .markdown-preview-view h3, | |
| .cm-s-obsidian .cm-header-3 { | |
| font-variant: var(--h3-variant); | |
| letter-spacing: -0em; | |
| line-height: 1.4; | |
| font-size: var(--h3); | |
| color: var(--h3-color); | |
| font-weight: var(--h3-weight); | |
| font-style: var(--h3-style); } | |
| .markdown-preview-view h4, | |
| .cm-s-obsidian .cm-header-4 { | |
| font-variant: var(--h4-variant); | |
| letter-spacing: 0.02em; | |
| font-size: var(--h4); | |
| color: var(--h4-color); | |
| font-weight: var(--h4-weight); | |
| font-style: var(--h4-style); } | |
| .markdown-preview-view h5, | |
| .cm-s-obsidian .cm-header-5 { | |
| font-variant: var(--h5-variant); | |
| letter-spacing: 0.02em; | |
| font-size: var(--h5); | |
| color: var(--h5-color); | |
| font-weight: var(--h5-weight); | |
| font-style: var(--h5-style); } | |
| .markdown-preview-view h6, | |
| .cm-s-obsidian .cm-header-6 { | |
| font-variant: var(--h6-variant); | |
| letter-spacing: 0.02em; | |
| font-size: var(--h6); | |
| color: var(--h6-color); | |
| font-weight: var(--h6-weight); | |
| font-style: var(--h6-style); } | |
| /* Footnotes */ | |
| /* Preview mode */ | |
| .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); } | |
| .footnotes .is-flashing, | |
| .minimal-folding .footnotes .is-flashing { | |
| box-shadow: -1px 0px 0 3px var(--text-highlight-bg); } | |
| .cm-s-obsidian .HyperMD-footnote, | |
| .footnotes { | |
| font-size: calc(var(--font-adaptive-normal) - 2px); } | |
| .markdown-preview-view .footnotes hr { | |
| margin: 0.5em 0 1em; | |
| border-width: 1px 0 0 0; } | |
| /* YAML Frontmatter */ | |
| .theme-dark pre.frontmatter[class*="language-yaml"], | |
| .theme-light pre.frontmatter[class*="language-yaml"] { | |
| padding: 0 0 0px 0; | |
| background: transparent; | |
| font-family: var(--text); | |
| line-height: 1.2; | |
| border-radius: 0; | |
| border-bottom: 0px solid var(--background-modifier-border); } | |
| .markdown-preview-view .table-view-table > thead > tr > th { | |
| border-color: var(--background-modifier-border); } | |
| .theme-dark .frontmatter .token, | |
| .theme-light .frontmatter .token, | |
| .markdown-preview-section .frontmatter code { | |
| font-family: var(--text); | |
| color: var(--text-faint) !important; } | |
| .markdown-source-view .cm-s-obsidian .cm-hmd-frontmatter { | |
| font-family: var(--text-editor); | |
| color: var(--text-muted); } | |
| .markdown-preview-section .frontmatter code { | |
| color: var(--text-muted); | |
| font-size: var(--font-adaptive-small); } | |
| .cm-s-obsidian .cm-hmd-frontmatter, | |
| .cm-s-obsidian .cm-def.cm-hmd-frontmatter { | |
| font-size: var(--font-adaptive-small); | |
| color: var(--text-muted); } | |
| /* Preview mode */ | |
| .frontmatter code.language-yaml { | |
| padding: 0; } | |
| .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 { | |
| font-size: var(--font-adaptive-small); | |
| padding: 10px 0; | |
| background: transparent; | |
| border-radius: 0; | |
| margin: 0; | |
| border: 0; | |
| border-bottom: 1px solid var(--background-modifier-border); } | |
| .frontmatter-container .frontmatter-container-header { | |
| padding: 0; | |
| font-weight: 500; | |
| border-bottom: 0; | |
| font-size: var(--font-adaptive-small); } | |
| /* File browser */ | |
| .nav-file-tag { | |
| font-weight: 400; } | |
| .nav-header { | |
| padding: 0; } | |
| .nav-buttons-container { | |
| padding: 10px 5px 0px 8px; | |
| margin-bottom: 0px !important; | |
| justify-content: flex-start; | |
| border: 0; } | |
| .nav-files-container { | |
| overflow-x: hidden; | |
| padding-bottom: 50px; } | |
| body:not(.is-mobile) .nav-folder.mod-root > .nav-folder-title .nav-folder-title-content { | |
| font-weight: 500; | |
| text-transform: uppercase; | |
| letter-spacing: 0.05em; | |
| color: var(--text-muted); | |
| padding-bottom: 7px; | |
| margin-left: -7px; | |
| font-size: var(--font-adaptive-smaller); } | |
| .nav-folder-title { | |
| margin: 0 0 0 8px; | |
| min-width: auto; | |
| width: calc(100% - 16px); | |
| padding: 0 10px 0 16px; | |
| line-height: 1.5; | |
| cursor: var(--cursor); } | |
| .nav-folder.mod-root > .nav-folder-title.is-being-dragged-over { | |
| background-color: var(--text-selection); } | |
| .nav-folder-title.is-being-dragged-over { | |
| background-color: var(--text-selection); | |
| border-color: var(--text-selection); | |
| border-radius: var(--radius-m); | |
| border: 1px solid transparent; } | |
| .nav-folder-title-content { | |
| padding: 0px 4px 1px 0; } | |
| .nav-folder-collapse-indicator { | |
| top: 1px; | |
| margin-left: -10px; } | |
| /* Fix :active state when right-clicking in file explorer */ | |
| .nav-file-title.is-being-dragged, | |
| .nav-folder-title.is-being-dragged, | |
| body:not(.is-grabbing) .nav-file-title.is-being-dragged:hover, | |
| body:not(.is-grabbing) .nav-folder-title.is-being-dragged:hover { | |
| background-color: var(--background-tertiary); | |
| color: var(--text-normal); | |
| box-shadow: 0 0 0 2px var(--background-modifier-border-focus); | |
| z-index: 1; } | |
| .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: var(--radius-m); | |
| cursor: var(--cursor); } | |
| .nav-file-title.is-active, | |
| .nav-folder-title.is-active, | |
| .nav-file-title.is-being-dragged, | |
| body:not(.is-grabbing) .nav-folder-title.is-active:hover, | |
| body:not(.is-grabbing) .nav-folder-title:hover, | |
| 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); } | |
| .workspace-leaf-content[data-type=starred] .nav-file-icon { | |
| opacity: 0.5; } | |
| 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; } | |
| .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); } | |
| /* --------------- */ | |
| /* 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: 18px; | |
| margin-left: -15px; | |
| justify-content: center; } | |
| .tree-item-self:hover .collapse-icon { | |
| color: var(--text-normal); } | |
| .tree-item-self { | |
| padding-left: 15px; } | |
| .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; } | |
| /* 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 { | |
| margin-left: -48px; | |
| margin-top: 5px; | |
| position: absolute; } | |
| .markdown-preview-view ol > li .collapse-indicator { | |
| padding-right: 20px; } | |
| .markdown-preview-view .heading-collapse-indicator.collapse-indicator { | |
| margin-left: -28px; | |
| padding-right: 7px 8px 7px 0; } | |
| .markdown-preview-view .collapse-indicator { | |
| position: absolute; | |
| margin-left: -44px; | |
| 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; } | |
| .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 */ | |
| .CodeMirror-foldgutter-folded, | |
| .CodeMirror-foldgutter-open { | |
| cursor: var(--cursor); } | |
| body .frontmatter-collapse-indicator svg.right-triangle { | |
| background-color: currentColor; | |
| -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="red" stroke-width="2" stroke="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"></path></svg>'); } | |
| body span[title="Fold line"], | |
| body span[title="Unfold line"] { | |
| position: relative; | |
| font-size: 0; | |
| color: transparent; | |
| display: flex; | |
| height: auto; | |
| align-items: center; } | |
| body span[title="Fold line"]:hover, | |
| body span[title="Unfold line"]:hover, | |
| body .CodeMirror-foldgutter-open:hover, | |
| body .CodeMirror-foldgutter-folded:hover { | |
| color: var(--text-muted); } | |
| body span[title="Fold line"]:after, | |
| body span[title="Unfold line"]:after, | |
| body .CodeMirror-foldgutter-open:after, | |
| body .CodeMirror-foldgutter-folded:after { | |
| text-align: center; | |
| color: var(--text-faint); | |
| font-size: 1.25rem; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin-left: 0px; | |
| width: 1rem; | |
| height: 1rem; } | |
| body:not(.is-mobile) span[title="Fold line"]:after, | |
| body:not(.is-mobile) span[title="Unfold line"]:after, | |
| body:not(.is-mobile) .CodeMirror-foldgutter-open:after, | |
| body:not(.is-mobile) .CodeMirror-foldgutter-folded:after { | |
| margin-top: 0.35rem; | |
| margin-left: 2px; } | |
| body .is-mobile .cm-editor .cm-lineNumbers .cm-gutterElement { | |
| padding: 0 3px 0 0px; | |
| min-width: 15px; | |
| text-align: right; | |
| white-space: nowrap; } | |
| body span[title="Fold line"]:after, | |
| body span[title="Unfold line"]:after { | |
| font-size: 1rem; | |
| line-height: 1; } | |
| body span[title="Fold line"]:after, | |
| body span[title="Unfold line"]:after { | |
| font-size: 1rem; | |
| line-height: 1; } | |
| body span[title="Unfold line"]:after, | |
| body .CodeMirror-foldgutter-folded:after { | |
| 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="red" stroke-width="2" stroke="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"></path></svg>'); | |
| transform: translateY(-2px); | |
| transform: rotate(-90deg); } | |
| body span[title="Fold line"]:after, | |
| body .CodeMirror-foldgutter-open:after { | |
| 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="red" stroke-width="2" stroke="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"></path></svg>'); } | |
| .is-mobile span[title="Fold line"]:after, | |
| .is-mobile .CodeMirror-foldgutter-open:after { | |
| transform: translateX(-2px) !important; } | |
| 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: 1; } | |
| 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; } | |
| body.is-mobile span[title="Unfold line"]:after, | |
| body.is-mobile .CodeMirror-foldgutter-folded:after { | |
| content: "›"; | |
| font-family: sans-serif; | |
| transform: translateY(-2px); | |
| transform: rotate(-90deg) translateY(2px) translateX(-0.45em); } | |
| body.is-mobile span[title="Fold line"]:after, | |
| body.is-mobile .CodeMirror-foldgutter-open:after { | |
| content: "›"; | |
| font-family: sans-serif; | |
| transform: rotate(360deg); } | |
| /* Icons and icon buttons */ | |
| body svg.right-triangle { | |
| color: var(--text-muted); | |
| background-color: var(--text-muted); | |
| 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>'); } | |
| .nav-action-button svg { | |
| width: 15px; | |
| height: 15px; } | |
| body .view-header-icon, | |
| body .graph-controls-button, | |
| body .clickable-icon, | |
| body .menu-item-icon, | |
| body .side-dock-ribbon-action, | |
| body .nav-action-button, | |
| body .view-action, | |
| body .workspace-tab-header-inner-icon { | |
| line-height: 0; } | |
| body .view-header-icon svg path, | |
| body .graph-controls-button svg path, | |
| body .clickable-icon svg path, | |
| body .menu-item-icon svg path, | |
| body .side-dock-ribbon-action svg path, | |
| body .nav-action-button svg path, | |
| body .view-action svg path, | |
| body .workspace-tab-header-inner-icon svg path { | |
| stroke-width: 2px; } | |
| body .view-action svg.cross path { | |
| stroke-width: 2px; } | |
| .workspace-ribbon-collapse-btn svg path { | |
| stroke-width: 4px; } | |
| .nav-action-button svg path { | |
| stroke-width: 2px; } | |
| .clickable-icon { | |
| cursor: var(--cursor); } | |
| .graph-controls-button, | |
| .view-action, | |
| .view-header-icon, | |
| .nav-action-button, | |
| .workspace-tab-header, | |
| .side-dock-ribbon-tab, | |
| .side-dock-ribbon-action, | |
| .workspace-tab-header { | |
| background: transparent; | |
| color: var(--icon-color); | |
| opacity: var(--icon-muted); | |
| transition: opacity 0.1s ease-in-out; | |
| cursor: var(--cursor); | |
| line-height: 0; } | |
| .graph-controls-button, | |
| .view-header-icon, | |
| .workspace-tab-header-inner-icon, | |
| .side-dock-ribbon-action, | |
| .workspace-ribbon-collapse-btn { | |
| margin: 0; | |
| padding: 4px 4px; | |
| height: 26px; | |
| border-radius: var(--radius-m); } | |
| .view-header-icon { | |
| display: flex; | |
| align-items: center; } | |
| .workspace-ribbon-collapse-btn { | |
| margin: 0; | |
| padding: 2px 4px; } | |
| .side-dock-ribbon-action { | |
| border-left: 0; | |
| margin: 0 6px 6px; } | |
| .nav-action-button, | |
| .workspace-leaf-content[data-type='search'] .nav-action-button, | |
| .workspace-leaf-content[data-type='backlink'] .nav-action-button { | |
| padding: 3px 5px 3px; | |
| margin: 0 0 7px 0px; | |
| height: 26px; | |
| text-align: center; | |
| border-radius: var(--radius-m); } | |
| .nav-action-button.is-active, | |
| .workspace-leaf-content[data-type='dictionary-view'] .nav-action-button.is-active, | |
| .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(--icon-color); | |
| opacity: 1; | |
| transition: opacity 0.1s ease-in-out; } | |
| .nav-action-button.is-active, | |
| .workspace-tab-header.is-active:hover { | |
| color: var(--icon-color); } | |
| .workspace-leaf-content[data-type='search'] .nav-action-button.is-active { | |
| background: transparent; } | |
| .graph-controls-button:hover, | |
| .view-action:hover, | |
| .view-header-icon:hover, | |
| .nav-action-button:hover, | |
| .nav-action-button.is-active:hover, | |
| .workspace-tab-header:hover, | |
| .side-dock-ribbon-tab:hover, | |
| .side-dock-ribbon-action:hover { | |
| color: var(--icon-color-hover); | |
| opacity: 1; | |
| transition: opacity 0.1s ease-in-out; } | |
| .graph-controls-button:hover, | |
| .view-action:hover, | |
| .nav-action-button:hover, | |
| .workspace-leaf-content[data-type='search'] .nav-action-button.is-active:hover, | |
| .workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active:hover, | |
| .workspace-drawer-tab-option-item:hover, | |
| .workspace-drawer-header-icon:hover, | |
| .workspace-tab-header-inner-icon:hover, | |
| .side-dock-ribbon-action:hover { | |
| background-color: var(--background-tertiary); | |
| border-radius: var(--radius-m); } | |
| /* Indentation Guides (Obsidian 0.14.0+) */ | |
| .markdown-rendered.show-indentation-guide li > ul::before { | |
| left: -0.65em; } | |
| .markdown-rendered.show-indentation-guide li > ol::before { | |
| left: -0.8em; } | |
| /* Links */ | |
| a { | |
| color: var(--text-accent); | |
| font-weight: var(--link-weight); } | |
| strong a { | |
| color: var(--text-accent); | |
| font-weight: var(--bold-weight); } | |
| a[href*="obsidian://search"] { | |
| background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'><path 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'></path></svg>"); } | |
| .theme-dark a[href*="obsidian://search"] { | |
| background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'><path 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'></path></svg>"); } | |
| .is-live-preview.cm-s-obsidian span.cm-hmd-internal-link:hover, | |
| .is-live-preview.cm-s-obsidian span.cm-url:hover, | |
| .is-live-preview.cm-s-obsidian span.cm-link:hover { | |
| color: var(--text-accent-hover); } | |
| a em, | |
| .cm-s-obsidian span.cm-url, | |
| .cm-s-obsidian .cm-url, | |
| .cm-s-obsidian .cm-active .cm-url, | |
| .is-live-preview.cm-s-obsidian .cm-link, | |
| .cm-s-obsidian.mod-cm6 .cm-hmd-internal-link { | |
| color: var(--text-accent); } | |
| .cm-url, | |
| .cm-link, | |
| .cm-hmd-internal-link { | |
| font-weight: var(--link-weight); } | |
| .cm-s-obsidian .cm-active span.cm-link.cm-hmd-barelink, | |
| .cm-s-obsidian span.cm-link.cm-hmd-barelink, | |
| .cm-s-obsidian span.cm-link.cm-hmd-barelink:hover { | |
| color: var(--text-normal); } | |
| .cm-s-obsidian .cm-active .cm-formatting.cm-formatting-link, | |
| .cm-s-obsidian span.cm-image-alt-text.cm-link, | |
| .cm-s-obsidian:not(.is-live-preview) .cm-formatting-link + span.cm-link { | |
| color: var(--text-muted); } | |
| /* Reader Mode Lists */ | |
| ul { | |
| padding-inline-start: var(--list-padding); } | |
| ol { | |
| padding-inline-start: 1.75em; | |
| margin-left: 0; | |
| list-style: default; } | |
| ul > li { | |
| min-height: 1.4em; } | |
| ul > li::marker, | |
| ol > li::marker { | |
| color: var(--text-faint); } | |
| ul > li::marker, | |
| .mod-cm6 .HyperMD-list-line .list-bullet::after, | |
| .mod-cm6 span.list-bullet::after { | |
| font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; } | |
| ol > li { | |
| margin-left: 0em; } | |
| .el-ul > ul { | |
| margin-left: -0.25em; } | |
| /* Live Preview */ | |
| .cm-line:not(.HyperMD-codeblock) { | |
| tab-size: var(--list-padding); } | |
| body:not(.is-mobile) .mod-cm6 .HyperMD-list-line.cm-line { | |
| margin-left: 0.75em !important; } | |
| /* Space between list items */ | |
| .markdown-preview-view ol > li, | |
| .markdown-preview-view ul > li, | |
| .mod-cm6 .HyperMD-list-line.cm-line { | |
| padding-top: var(--list-spacing); | |
| padding-bottom: var(--list-spacing); } | |
| /* Legacy Editor Mode Lists */ | |
| .cm-formatting-list { | |
| color: var(--text-faint) !important; } | |
| /* Bullets */ | |
| .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); } | |
| body:not(.is-mobile) .markdown-source-view.mod-cm6 .list-bullet:after { | |
| left: -5px; } | |
| /* Modals */ | |
| .progress-bar-message { | |
| color: var(--text-faint); } | |
| .modal { | |
| box-shadow: 0 5px 100px rgba(0, 0, 0, 0.15); | |
| border: none; | |
| background: var(--background-primary); | |
| border-radius: var(--radius-l); | |
| overflow: hidden; | |
| padding: 20px; } | |
| body:not(.is-mobile) .modal { | |
| border: 1px solid var(--modal-border); } | |
| .modal.mod-settings .vertical-tab-content-container { | |
| border-left: 1px solid var(--background-divider); | |
| padding-bottom: 0; | |
| padding-right: 0; } | |
| .modal-title { | |
| text-align: left; | |
| font-size: var(--h2); | |
| line-height: 1.4; } | |
| .modal-content { | |
| margin-top: 0px; | |
| padding: 0; | |
| font-size: var(--font-adaptive-small); } | |
| .modal-content .u-center-text { | |
| text-align: left; | |
| font-size: var(--font-adaptive-small); } | |
| .modal-button-container { | |
| margin-top: 10px; } | |
| .modal-button-container button { | |
| margin-top: 10px; } | |
| /* Confirm delete */ | |
| .modal-container.mod-confirmation .modal { | |
| width: 480px; | |
| min-width: 0; } | |
| .modal-container.mod-confirmation .modal-content { | |
| margin-top: 10px; } | |
| .modal-container.mod-confirmation .modal-button-container { | |
| display: flex; } | |
| .modal-container.mod-confirmation .modal-button-container > .mod-warning:nth-last-child(3) { | |
| background: transparent; | |
| border: none; | |
| font-weight: 500; | |
| color: var(--text-error); | |
| cursor: pointer; | |
| margin-right: auto; | |
| box-shadow: none; | |
| padding-left: 0; | |
| padding-right: 0; } | |
| .modal-container.mod-confirmation .modal-button-container > .mod-warning:nth-last-child(3):hover { | |
| text-decoration: underline; } | |
| .modal-container.mod-confirmation .modal-button-container > .mod-warning:nth-last-child(2) { | |
| margin-left: auto; } | |
| /* Close buttons */ | |
| .document-search-close-button, | |
| .modal-close-button { | |
| cursor: var(--cursor); | |
| line-height: 20px; | |
| text-align: center; | |
| height: 24px; | |
| width: 24px; | |
| font-size: 24px; | |
| color: var(--text-faint); | |
| border-radius: var(--radius-m); } | |
| .modal-close-button { | |
| top: 7px; | |
| right: 7px; | |
| padding: 0; } | |
| .document-search-close-button:hover, | |
| .modal-close-button:hover { | |
| color: var(--text-normal); | |
| background: var(--background-tertiary); } | |
| .document-search-close-button:before, | |
| .modal-close-button:before { | |
| font-family: Inter,sans-serif; | |
| font-weight: 200; } | |
| /* Mobile modals */ | |
| .is-mobile { | |
| /* Mobile community themes */ | |
| /* Mobile Community plugins */ | |
| /* Tablet */ | |
| /* Phone */ } | |
| .is-mobile .modal { | |
| width: 100%; | |
| max-width: 100%; | |
| border: none; | |
| padding: 10px; | |
| -webkit-touch-callout: none; | |
| -webkit-user-select: none; | |
| user-select: none; } | |
| .is-mobile .modal, | |
| .is-mobile .modal-bg { | |
| transition: none !important; | |
| transform: none !important; } | |
| .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 .mod-confirmation .modal { | |
| border-radius: 15px; } | |
| .is-mobile .mod-confirmation .modal .modal-close-button { | |
| display: none; } | |
| .is-mobile .modal-content { | |
| padding: 0; | |
| border-radius: 15px; } | |
| .is-mobile .modal-button-container { | |
| padding: 0; } | |
| .is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) { | |
| flex-grow: 0; } | |
| .is-mobile .vertical-tab-header-group:last-child, | |
| .is-mobile .vertical-tab-content, | |
| .is-mobile .minimal-donation { | |
| padding-bottom: 70px !important; } | |
| .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 .modal .vertical-tab-nav-item { | |
| padding: 12px 0px; | |
| margin: 0; | |
| border-radius: 0; | |
| color: var(--text-primary); | |
| border-bottom: 1px solid var(--background-modifier-border); } | |
| .is-mobile .modal .vertical-tab-nav-item:after { | |
| content: " "; | |
| float: right; | |
| width: 20px; | |
| height: 20px; | |
| display: block; | |
| opacity: 0.2; | |
| background: center right no-repeat 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='black'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /></svg>"); } | |
| .is-mobile.theme-dark .modal .vertical-tab-nav-item:after { | |
| background: center right no-repeat 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='white'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /></svg>"); } | |
| .is-mobile .vertical-tab-header-group-items { | |
| width: calc(100% - 40px); | |
| margin: 0 auto; } | |
| .is-mobile .modal .vertical-tab-nav-item:first-child { | |
| border-top: 1px solid var(--background-modifier-border); } | |
| .is-mobile .modal.mod-settings .vertical-tab-nav-item { | |
| font-size: var(--font-settings); } | |
| .is-mobile .modal svg.left-arrow-with-tail { | |
| -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>"); | |
| height: 26px; | |
| width: 26px; } | |
| .is-mobile .modal-close-button { | |
| display: block; | |
| z-index: 2; | |
| top: 10px; | |
| right: 12px; | |
| padding: 4px; | |
| font-size: 34px; | |
| width: 34px; | |
| height: 34px; | |
| background-color: var(--background-primary); } | |
| .is-mobile .modal-close-button:before { | |
| font-weight: 300; | |
| color: var(--text-muted); } | |
| .is-mobile .modal-close-button:hover { | |
| background-color: var(--background-tertiary); } | |
| .is-mobile .mod-community-theme .modal-title { | |
| padding: 10px 20px; } | |
| .is-mobile .modal.mod-community-theme, | |
| .is-mobile .modal.mod-community-theme .modal-content { | |
| height: unset; } | |
| .is-mobile .community-plugin-search { | |
| border: none; } | |
| .is-mobile .community-plugin-item:hover { | |
| background-color: transparent; } | |
| .is-mobile .community-plugin-item { | |
| margin: 0; } | |
| .is-mobile .community-plugin-search .setting-item { | |
| margin-right: 42px; } | |
| .is-mobile .community-plugin-search .setting-item-control { | |
| display: flex; | |
| flex-direction: row; } | |
| .is-mobile .community-plugin-search .setting-item-control button { | |
| width: 40px; | |
| font-size: 0; | |
| margin-left: 10px; | |
| justify-content: center; | |
| color: var(--text-muted); | |
| border: none; | |
| box-shadow: none; | |
| background-color: currentColor; | |
| -webkit-mask: no-repeat center center url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="currentColor" 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>'); | |
| -webkit-mask-size: 22px; } | |
| .is-mobile .community-plugin-search .setting-item-control button:hover { | |
| background-color: var(--text-normal); } | |
| .is-mobile .community-plugin-search .search-input-container { | |
| margin: 0; } | |
| .is-mobile .modal.mod-settings .vertical-tabs-container { | |
| display: flex; | |
| overflow: hidden; | |
| border-top-left-radius: 15px; | |
| border-top-right-radius: 15px; } | |
| .is-mobile .community-plugin-details .modal-setting-back-button { | |
| padding: 12px 20px; } | |
| .is-mobile .modal-setting-back-button { | |
| border-bottom: 1px solid var(--background-modifier-border); | |
| display: flex; | |
| margin-top: 8px; | |
| height: 54px; | |
| justify-content: center; | |
| align-items: center; | |
| background-color: var(--color-background); | |
| box-shadow: none; } | |
| .is-mobile .modal-setting-back-button-icon { | |
| position: absolute; | |
| left: 10px; } | |
| .is-mobile .modal-setting-back-button span:nth-child(2) { | |
| flex-grow: 1; | |
| text-align: center; | |
| font-weight: 600; | |
| height: 54px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| color: var(--text-normal); } | |
| .is-mobile .hotkey-list-container .setting-command-hotkeys { | |
| flex: unset; } | |
| .is-mobile .modal.mod-settings .vertical-tab-content-container { | |
| border: 0; } | |
| @media (min-width: 400pt) { | |
| .is-mobile .modal .vertical-tab-header, | |
| .is-mobile .modal .vertical-tabs-container, | |
| .is-mobile .modal .vertical-tab-content-container { | |
| border-radius: 15px !important; } | |
| .is-mobile .modal, | |
| .is-mobile .modal-container .modal.mod-settings { | |
| max-width: 800px; | |
| transform: translateZ(0); | |
| border-radius: 15px; | |
| margin-bottom: 0; | |
| bottom: auto; | |
| overflow: hidden; } | |
| .is-mobile .modal-container .modal.mod-settings .vertical-tabs-container { | |
| transform: translateZ(0); } | |
| .is-mobile .modal-container .modal-bg { | |
| opacity: 0.8 !important; } | |
| .is-mobile .search-input-container input { | |
| width: 100%; } | |
| .is-mobile .modal-setting-back-button, | |
| .is-mobile .modal.mod-settings .vertical-tab-header:before { | |
| margin-top: 0; } } | |
| @media (max-width: 400pt) { | |
| .is-mobile .modal { | |
| border-radius: 0; | |
| border: none; } | |
| .is-mobile .modal.mod-publish, | |
| .is-mobile .modal.mod-community-plugin, | |
| .is-mobile .modal.mod-settings { | |
| max-height: calc(100vh - 32px); | |
| box-shadow: 0 -32px 0 0 var(--background-primary); } | |
| .is-mobile .mod-confirmation .modal { | |
| bottom: 4.5vh; } | |
| .is-mobile .modal .search-input-container { | |
| width: 100%; | |
| margin: 0; } | |
| .is-mobile .modal-close-button { | |
| top: 18px; | |
| right: 0px; | |
| padding: 4px 16px 2px 4px; | |
| width: 46px; } | |
| .is-mobile .modal-close-button:hover { | |
| background: var(--background-primary); } } | |
| /* Menus */ | |
| .menu { | |
| padding: 7px 5px; | |
| background-color: var(--background-secondary); } | |
| .menu-item { | |
| font-size: var(--font-adaptive-small); | |
| border-radius: var(--radius-m); | |
| padding: 3px 6px 3px 6px; | |
| margin: 0 2px; | |
| cursor: var(--cursor); | |
| height: auto; | |
| line-height: 20px; | |
| display: flex; | |
| align-items: center; } | |
| .menu-item:hover, .menu-item:hover:not(.is-disabled):not(.is-label), .menu-item.selected:not(.is-disabled):not(.is-label) { | |
| background-color: var(--background-tertiary); } | |
| .menu-separator { | |
| margin: 8px -5px; } | |
| .menu-item-icon { | |
| width: 20px; | |
| opacity: 0.6; | |
| line-height: 10px; | |
| position: static; | |
| margin-right: 2px; } | |
| .menu-item-icon svg { | |
| width: 12px; | |
| height: 12px; } | |
| .menu-item-icon | |
| div.menu-item:hover .menu-item-icon svg, | |
| div.menu-item:hover .menu-item-icon svg path { | |
| color: var(--text-normal); } | |
| /* Mobile */ | |
| .is-mobile { | |
| /* Tablet */ | |
| /* Phone */ } | |
| .is-mobile:not(.minimal-icons-off) .menu-item-icon svg { | |
| width: 18px; | |
| height: 18px; } | |
| .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-mobile .menu-item { | |
| padding: 5px 10px; } | |
| .is-mobile .menu-item-icon { | |
| margin-right: 10px; } | |
| .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; } | |
| @media (min-width: 400pt) { | |
| .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); } | |
| .is-mobile .menu .menu-item:hover { | |
| background-color: var(--background-tertiary); } } | |
| @media (max-width: 400pt) { | |
| .is-mobile .menu { | |
| padding-bottom: 30px; } | |
| .is-mobile .menu-item.is-label { | |
| font-size: var(--font-settings-title); } } | |
| /* Preview mode */ | |
| .markdown-preview-view hr { | |
| height: 1px; | |
| border-width: 2px 0 0 0; } | |
| iframe { | |
| border: 0; } | |
| .markdown-preview-view .mod-highlighted { | |
| transition: background-color 0.3s ease; | |
| background-color: var(--text-selection); | |
| color: inherit; } | |
| /* Backlinks in Preview */ | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .nav-header { | |
| border-top: 1px solid var(--background-modifier-border); | |
| margin-top: 3em; | |
| position: relative; } | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .nav-buttons-container, | |
| .mod-root .workspace-leaf-content[data-type='markdown'].backlink-pane, | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane .search-result-container, | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .search-input-container, | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .tree-item, | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .search-empty-state { | |
| padding-left: 0; | |
| margin-left: 0; } | |
| .is-mobile .workspace-leaf-content:not([data-type='search']) .workspace-leaf-content[data-type='markdown'] .nav-buttons-container { | |
| border-bottom: none; | |
| padding-top: 5px; } | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .search-input-container { | |
| margin-bottom: 0px; | |
| width: calc(100% - 130px); | |
| margin-top: 10px; } | |
| .is-mobile .mod-root .workspace-leaf-content[data-type='markdown'] .search-input-container { | |
| width: calc(100% - 160px); } | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane { | |
| padding-top: 10px; } | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .nav-buttons-container { | |
| position: absolute; | |
| right: 0; | |
| top: 3px; } | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane > .tree-item-self:hover, | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane > .tree-item-self { | |
| padding-left: 0px; | |
| text-transform: none; | |
| color: var(--text-normal); | |
| font-size: var(--font-adaptive-normal); | |
| font-weight: 500; | |
| letter-spacing: unset; } | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane > .tree-item-self.is-collapsed { | |
| color: var(--text-faint); } | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane > .tree-item-self.is-collapsed:hover { | |
| color: var(--text-muted); } | |
| .mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane .search-result-file-title { | |
| font-size: calc(var(--font-adaptive-normal) - 2px); } | |
| /* 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; } | |
| /* Transcluded notes and embeds */ | |
| .embed-strict .internal-embed .markdown-embed { | |
| padding: 0; | |
| border: none; } | |
| .embed-strict .internal-embed .markdown-embed .markdown-embed-title { | |
| display: none; } | |
| .embed-strict .internal-embed:not([src*="#^"]) .markdown-embed-link { | |
| width: 30px; } | |
| .contextual-typography .embed-strict .internal-embed .markdown-preview-view .markdown-preview-sizer > div { | |
| margin: 0; | |
| width: 100%; } | |
| .markdown-embed .markdown-preview-view .markdown-preview-sizer { | |
| padding-bottom: 0 !important; } | |
| .markdown-preview-view.is-readable-line-width .markdown-embed .markdown-preview-sizer { | |
| max-width: 100%; | |
| width: 100%; | |
| min-height: 0 !important; | |
| padding-bottom: 0 !important; } | |
| .markdown-embed .markdown-preview-section div:last-child p, | |
| .markdown-embed .markdown-preview-section div:last-child ul { | |
| margin-block-end: 2px; } | |
| .markdown-preview-view .markdown-embed { | |
| margin-top: var(--nested-padding); | |
| padding: 0 calc(var(--nested-padding) / 2) 0 var(--nested-padding); } | |
| .markdown-embed-title { | |
| line-height: 18px; | |
| height: 24px; } | |
| .internal-embed:not([src*="#^"]) .markdown-embed-link { | |
| right: 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; | |
| height: 16px; | |
| opacity: 0; } | |
| .markdown-embed .file-embed-link:hover svg, | |
| .markdown-embed .markdown-embed-link:hover svg { | |
| opacity: 1; } | |
| .markdown-embed-link:hover, .file-embed-link:hover { | |
| color: var(--text-muted); } | |
| .markdown-preview-view .markdown-embed-content > .markdown-preview-view { | |
| max-height: none !important; } | |
| .markdown-embed-content { | |
| max-height: none !important; } | |
| .markdown-embed .markdown-preview-view { | |
| padding: 0; } | |
| .internal-embed .markdown-embed { | |
| border: 0; | |
| border-left: 1px solid var(--quote-opening-modifier); | |
| border-radius: 0; } | |
| /* Default ribbon sidedock icons */ | |
| .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: 32px; | |
| z-index: 9; } | |
| .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn { | |
| left: 8px; } | |
| .workspace-ribbon.mod-right { | |
| right: 4px; | |
| bottom: 0; | |
| height: 32px; | |
| padding-top: 6px; | |
| position: absolute; | |
| background: transparent; | |
| border: 0; } | |
| .mod-right .workspace-ribbon-collapse-btn { | |
| background-color: var(--background-primary); } | |
| .workspace-ribbon-collapse-btn, | |
| .view-action, | |
| .side-dock-ribbon-tab, | |
| .side-dock-ribbon-action { | |
| cursor: var(--cursor); } | |
| .workspace-ribbon-collapse-btn:hover { | |
| background-color: var(--background-tertiary); } | |
| .workspace-ribbon { | |
| border-width: var(--border-width-alt); | |
| border-color: var(--background-divider); | |
| background: var(--background-secondary); | |
| flex: 0 0 42px; | |
| padding-top: 7px; } | |
| .mod-right:not(.is-collapsed) ~ .workspace-split.mod-right-split { | |
| margin-right: 0; } | |
| .side-dock-settings { | |
| padding-bottom: 20px; } | |
| body.hider-frameless:not(.hider-ribbon):not(.is-fullscreen) .side-dock-actions { | |
| padding-top: 24px; } | |
| /* Scroll bars */ | |
| ::-webkit-scrollbar { | |
| width: 10px; | |
| background-color: transparent; } | |
| ::-webkit-scrollbar-track { | |
| background-color: transparent; } | |
| ::-webkit-scrollbar-thumb { | |
| background-clip: padding-box; | |
| border: 3px solid transparent; | |
| background-color: var(--background-modifier-border); | |
| border-width: 3px 4px 3px 3px; | |
| min-height: 45px; } | |
| .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); } | |
| /* Search and replace (in file) */ | |
| .is-flashing { | |
| border-radius: 2px; | |
| box-shadow: 2px 1px 0 4px var(--text-highlight-bg); | |
| transition: all 0s ease-in-out; } | |
| .minimal-folding .is-flashing { | |
| box-shadow: 5px 1px 0 6px var(--text-highlight-bg); } | |
| .is-flashing .tag { | |
| border-color: var(--text-highlight-bg-active); } | |
| .suggestion-container.mod-search-suggestion { | |
| max-width: 240px; } | |
| .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); } | |
| /* Live Preview */ | |
| .cm-s-obsidian span.obsidian-search-match-highlight { | |
| background-color: transparent; | |
| box-shadow: 0 0 0px 3px var(--text-accent); | |
| mix-blend-mode: multiply; | |
| border-radius: 2px; } | |
| body:not(.is-mobile).borders-title .document-search-container { | |
| padding-top: 0; } | |
| body input.document-search-input.mod-no-match:hover, | |
| body input.document-replace-input.mod-no-match:hover, | |
| body input.document-search-input.mod-no-match, | |
| body input.document-replace-input.mod-no-match { | |
| background-color: var(--background-primary); } | |
| body:not(.is-mobile) .document-search-container.mod-replace-mode { | |
| height: 72px; } | |
| body:not(.is-mobile) .document-replace-buttons, | |
| body:not(.is-mobile) .document-search-buttons { | |
| padding-top: 3px; } | |
| .document-replace-buttons, | |
| .document-search-buttons { | |
| height: 30px; | |
| padding-top: 0; | |
| display: flex; } | |
| .document-search-button, | |
| .document-search-close-button { | |
| cursor: var(--cursor); | |
| color: var(--text-muted); | |
| font-weight: 500; } | |
| body:not(.is-mobile) .document-search-button, | |
| body:not(.is-mobile) .document-search-close-button { | |
| background: var(--background-tertiary); | |
| height: 26px; } | |
| .document-search-button:hover { | |
| box-shadow: none; | |
| background: var(--background-tertiary); } | |
| body .document-search-close-button { | |
| bottom: 0; | |
| top: 0; | |
| display: inline-flex; | |
| height: 26px; | |
| width: 26px; | |
| line-height: 24px; } | |
| .document-search-button { | |
| margin: 0 4px 0 0; | |
| padding-left: 0.75em; | |
| padding-right: 0.75em; } | |
| body .document-search-container { | |
| margin-top: 12px; | |
| padding: 0; | |
| height: 38px; | |
| background-color: var(--background-primary); | |
| border-top: none; | |
| width: 100%; } | |
| body:not(.is-mobile) .document-search, | |
| body:not(.is-mobile) .document-replace { | |
| max-width: var(--max-width); | |
| width: var(--line-width); | |
| margin: 0 auto; | |
| padding: 0 5px; } | |
| .markdown-source-view.is-searching, | |
| .markdown-source-view.is-replacing, | |
| .markdown-reading-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: var(--radius-m); | |
| 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-hover); | |
| background: var(--background-primary); | |
| transition: all 0.1s ease-in-out; } | |
| .document-search-button { | |
| font-size: var(--font-adaptive-small); } | |
| /* Settings */ | |
| .modal.mod-sync-history, | |
| .modal.mod-sync-log, | |
| .modal.mod-publish, | |
| .modal.mod-community-plugin, | |
| .modal.mod-settings { | |
| width: 90vw; | |
| height: 100vh; | |
| max-height: 90vh; | |
| max-width: 1000px; } | |
| .modal.mod-settings .vertical-tab-header, | |
| .modal.mod-settings .vertical-tab-content-container { | |
| height: 90vh; } | |
| .setting-item-name, | |
| .community-plugin-name, | |
| .modal.mod-settings .vertical-tab-content-container { | |
| font-size: var(--font-settings); | |
| line-height: 1.3; } | |
| .modal .modal-content > h2 { | |
| text-align: left; | |
| font-size: var(--h1); | |
| font-weight: 600; } | |
| .modal.mod-settings .vertical-tab-content h1, | |
| .modal.mod-settings .vertical-tab-content h2, | |
| .modal.mod-settings .vertical-tab-content h3 { | |
| text-align: left; | |
| font-size: var(--h1); | |
| font-weight: 600; } | |
| .modal .modal-content > h2:first-child, | |
| .modal.mod-settings .vertical-tab-content > h2:first-child, | |
| .modal.mod-settings .vertical-tab-content > h3:first-child { | |
| margin-top: 0; } | |
| .community-plugin-search-summary, | |
| .setting-item-description, | |
| .community-plugin-item .community-plugin-author, | |
| .community-plugin-downloads, | |
| .community-plugin-item .community-plugin-desc { | |
| font-size: var(--font-settings-small); | |
| line-height: 1.3; | |
| font-weight: 400; } | |
| .style-settings-collapse-indicator { | |
| margin-right: 6px; } | |
| .modal .vertical-tab-nav-item { | |
| font-size: var(--font-small); | |
| line-height: 1.3; } | |
| .community-plugin-search .setting-item { | |
| margin-right: 10px; } | |
| .flair.mod-pop { | |
| letter-spacing: 0; | |
| text-transform: none; | |
| vertical-align: unset; | |
| top: -1px; } | |
| .community-plugin-search { | |
| padding: 20px 0 0 0; | |
| background-color: var(--background-secondary); | |
| border-right: 1px solid var(--background-divider); | |
| flex: 0 0 270px; } | |
| .community-plugin-search-summary { | |
| border-bottom: 1px solid var(--background-divider); | |
| padding-bottom: 10px; } | |
| .community-plugin-item { | |
| margin: 0; | |
| cursor: var(--cursor); | |
| padding-top: 15px; | |
| border-bottom: 1px solid var(--background-divider); } | |
| .community-plugin-item:hover { | |
| background-color: var(--background-tertiary); } | |
| .community-plugin-item .community-plugin-name { | |
| font-weight: 500; } | |
| .community-plugin-item .community-plugin-author { | |
| color: var(--text-muted); | |
| padding-bottom: 10px; } | |
| .community-plugin-item .community-plugin-desc { | |
| color: var(--text-normal); | |
| font-size: var(--font-small); } | |
| .community-plugin-search .setting-item-info { | |
| flex-grow: 0; } | |
| .community-plugin-search .search-input-container { | |
| margin-left: -5px; | |
| margin-right: 5px; } | |
| .modal .community-plugin-search .setting-item-control button { | |
| display: flex; | |
| align-items: center; } | |
| button.mod-cta, | |
| .modal button, | |
| .modal button.mod-cta a { | |
| font-size: var(--font-settings-small); | |
| height: var(--input-height); | |
| cursor: var(--cursor); | |
| margin-right: 3px; | |
| margin-left: 3px; } | |
| /* Settings */ | |
| .modal.mod-settings .vertical-tab-content-container { | |
| padding-top: 0; } | |
| .modal.mod-settings .vertical-tab-content-container .vertical-tab-content { | |
| padding-top: 30px; } | |
| .horizontal-tab-content, | |
| .vertical-tab-content { | |
| background: var(--background-primary); | |
| padding-bottom: 100px; | |
| padding-left: 40px; | |
| padding-right: 40px; } | |
| .vertical-tab-header, | |
| .vertical-tab-content { | |
| padding-bottom: 100px; } | |
| .plugin-list-plugins { | |
| overflow: visible; } | |
| .installed-plugins-container .clickable-icon { | |
| margin: 0 5px; } | |
| .installed-plugins-container .clickable-icon[aria-label="Uninstall"] { | |
| margin: 0 5px 0 3px; } | |
| .plugin-list-plugins .clickable-icon { | |
| margin: 0 10px 0 0; } | |
| .community-theme-container { | |
| padding-top: 10px; } | |
| .community-theme-container, | |
| .hotkey-settings-container { | |
| height: auto; | |
| overflow: visible; } | |
| .hotkey-list-container { | |
| padding-right: 0; } | |
| .theme-list { | |
| justify-content: space-evenly; } | |
| .community-theme-filters-container, | |
| .hotkey-search-container { | |
| padding: 0 0 20px 0; } | |
| .modal.mod-community-theme { | |
| padding: 0; } | |
| .modal.mod-community-theme .modal-content { | |
| padding: 30px; } | |
| .community-theme { | |
| padding: 0; | |
| margin: 0 0 4em 0; | |
| align-items: stretch; | |
| background: transparent; } | |
| .community-theme-title { | |
| text-align: left; | |
| font-size: var(--font-settings); } | |
| .community-theme-info + div { | |
| background-color: var(--background-secondary); | |
| display: flex; | |
| align-items: center; | |
| padding: 10px; | |
| flex-grow: 1; | |
| border-radius: 20px; } | |
| .community-theme.is-selected { | |
| padding-left: 0; | |
| padding-right: 0; | |
| background-color: transparent; | |
| color: var(--text-normal); } | |
| .community-theme.is-selected .community-theme-info + div { | |
| box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--text-accent); } | |
| .community-theme.is-selected .community-theme-downloads, | |
| .community-theme.is-selected .community-theme-info { | |
| margin-bottom: 0; | |
| color: var(--text-muted); } | |
| .community-theme.is-selected .community-theme-info .clickable-icon { | |
| width: 100%; | |
| background-color: var(--background-tertiary); | |
| border: 1px solid var(--background-modifier-border); | |
| cursor: pointer; | |
| display: block; | |
| text-align: center; | |
| padding: 7px 0; | |
| margin: 20px 0 0; | |
| border-radius: 5px; | |
| box-shadow: 0 1px 1px 0px var(--btn-shadow-color); } | |
| .community-theme.is-selected .community-theme-info .clickable-icon:hover { | |
| border: 1px solid var(--background-modifier-border-hover); | |
| box-shadow: 0 2px 3px 0px var(--btn-shadow-color); } | |
| .community-theme.is-selected .community-theme-info .clickable-icon::after { | |
| content: "Documentation"; | |
| padding-left: 4px; } | |
| .community-theme.is-selected .modal-button-container .mod-cta { | |
| background-color: var(--interactive-accent); | |
| color: white; } | |
| .community-theme.is-selected .modal-button-container .mod-cta:hover { | |
| background-color: var(--interactive-accent-hover); } | |
| .community-theme-info { | |
| line-height: 1; | |
| flex-grow: 0; | |
| padding: 0 0 10px 0; | |
| align-items: flex-end; | |
| justify-content: flex-start; | |
| flex-wrap: wrap; } | |
| .community-theme-remove-button { | |
| padding: 4px 6px; | |
| display: flex; | |
| color: var(--text-muted); | |
| background-color: transparent; } | |
| .community-theme .community-theme-screenshot { | |
| max-width: 100%; } | |
| .modal.mod-settings .vertical-tab-header { | |
| background: var(--background-secondary); | |
| padding-top: 5px; | |
| flex: 0 0 220px; | |
| padding-bottom: 100px; } | |
| .vertical-tab-header-group-title { | |
| color: var(--text-faint); | |
| text-transform: none; | |
| font-size: 12px; | |
| letter-spacing: 0; | |
| font-weight: 500; } | |
| .vertical-tab-nav-item { | |
| padding: 5px 8px; | |
| margin: 0 8px 0; | |
| color: var(--text-muted); | |
| font-weight: 400; | |
| border: none; | |
| background: var(--background-secondary); | |
| cursor: var(--cursor); | |
| border-radius: var(--radius-m); } | |
| .vertical-tab-nav-item:hover { | |
| color: var(--text-normal); } | |
| .vertical-tab-nav-item.is-active { | |
| color: var(--text-normal); | |
| background-color: var(--background-tertiary); } | |
| .setting-hotkey { | |
| background-color: var(--background-tertiary); | |
| padding: 3px 4px 3px 8px; | |
| display: flex; | |
| align-items: center; } | |
| .setting-hotkey-icon.setting-delete-hotkey { | |
| margin-left: 3px; | |
| cursor: var(--cursor); } | |
| .setting-delete-hotkey:hover { | |
| background-color: transparent; } | |
| body:not(.minimal-icons) .setting-hotkey-icon.setting-delete-hotkey svg { | |
| width: 16px; | |
| height: 16px; } | |
| .setting-hotkey.mod-empty { | |
| background: transparent; | |
| color: var(--text-faint); } | |
| .setting-item { | |
| padding: 0.75rem 0; } | |
| .setting-item-description { | |
| padding-top: 4px; } | |
| .setting-item-control { | |
| margin-right: 0; } | |
| /* Status bar */ | |
| .workspace-split.mod-left-split > .workspace-leaf-resize-handle, | |
| .workspace-split.mod-right-split > .workspace-leaf-resize-handle { | |
| height: 100%; } | |
| .status-bar { | |
| transition: color 200ms 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; } | |
| body:not(.minimal-status-off) .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; } | |
| /* | |
| body.plugin-sliding-panes-rotate-header:not(.minimal-status-off) .status-bar { | |
| border-top:1px solid var(--background-modifier-border); | |
| border-left:1px solid var(--background-modifier-border); | |
| }*/ | |
| .sync-status-icon.mod-working, | |
| .sync-status-icon.mod-success { | |
| color: var(--text-faint); | |
| cursor: var(--cursor); } | |
| .status-bar:hover .sync-status-icon.mod-working, | |
| .status-bar:hover .sync-status-icon.mod-success, | |
| .status-bar:hover { | |
| color: var(--text-muted); | |
| transition: color 200ms linear; } | |
| .status-bar .plugin-sync:hover .sync-status-icon.mod-working, | |
| .status-bar .plugin-sync:hover .sync-status-icon.mod-success { | |
| 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.plugin-sync:hover, | |
| .status-bar-item.cMenu-statusbar-button:hover, | |
| .status-bar-item.mod-clickable:hover { | |
| text-align: center; | |
| background-color: var(--background-tertiary) !important; | |
| border-radius: 4px; } | |
| .status-bar-item { | |
| padding: 7px 4px; | |
| margin: 0 0 0 0; } | |
| .status-bar-item, | |
| .sync-status-icon { | |
| display: flex; | |
| align-items: center; } | |
| .status-bar-item.plugin-sync svg { | |
| height: 15px; | |
| width: 15px; } | |
| /* Syntax highlighting */ | |
| .theme-dark code[class*="language-"], | |
| .theme-dark pre[class*="language-"] { | |
| color: var(--tx1); } | |
| .theme-dark .token.prolog, | |
| .theme-dark .token.doctype, | |
| .theme-dark .token.cdata, | |
| .theme-dark .cm-meta, | |
| .theme-dark .cm-qualifier { | |
| color: var(--tx2); } | |
| .theme-dark .cm-comment, | |
| .theme-dark .token.comment { | |
| color: var(--tx2); } | |
| .theme-dark .token.tag, | |
| .theme-dark .token.constant, | |
| .theme-dark .token.symbol, | |
| .theme-dark .token.deleted, | |
| .theme-dark .cm-tag { | |
| color: var(--red); } | |
| .theme-dark .token.punctuation, | |
| .theme-dark .cm-punctuation, | |
| .theme-dark .cm-bracket, | |
| .theme-dark .cm-hr { | |
| color: var(--tx2); } | |
| .theme-dark .token.boolean, | |
| .theme-dark .token.number, | |
| .theme-dark .cm-number { | |
| color: var(--purple); } | |
| .theme-dark .token.selector, | |
| .theme-dark .token.attr-name, | |
| .theme-dark .token.string, | |
| .theme-dark .token.char, | |
| .theme-dark .token.builtin, | |
| .theme-dark .token.inserted, | |
| .theme-dark .cm-string, | |
| .theme-dark .cm-string-2 { | |
| color: var(--green); } | |
| .theme-dark .cm-property, | |
| .theme-dark .token.property, | |
| .theme-dark .token.operator, | |
| .theme-dark .token.entity, | |
| .theme-dark .token.url, | |
| .theme-dark .language-css .token.string, | |
| .theme-dark .style .token.string, | |
| .theme-dark .token.variable, | |
| .theme-dark .cm-operator, | |
| .theme-dark .cm-link, | |
| .theme-dark .cm-variable-2, | |
| .theme-dark .cm-variable-3 { | |
| color: var(--cyan); } | |
| .theme-dark .token.atrule, | |
| .theme-dark .token.attr-value, | |
| .theme-dark .token.function, | |
| .theme-dark .token.class-name, | |
| .theme-dark .cm-attribute, | |
| .theme-dark .cm-variable, | |
| .theme-dark .cm-type, | |
| .theme-dark .cm-def { | |
| color: var(--yellow); } | |
| .theme-dark .token.keyword, | |
| .theme-dark .cm-keyword, | |
| .theme-dark .cm-builtin { | |
| color: var(--pink); } | |
| .theme-dark .token.regex, | |
| .theme-dark .token.important { | |
| color: var(--orange); } | |
| /* Light mode */ | |
| .theme-light code[class*="language-"], | |
| .theme-light pre[class*="language-"] { | |
| color: var(--tx1); } | |
| .theme-light .token.prolog, | |
| .theme-light .token.doctype, | |
| .theme-light .token.cdata, | |
| .theme-light .cm-meta, | |
| .theme-light .cm-qualifier { | |
| color: var(--tx2); } | |
| .theme-light .cm-comment, | |
| .theme-light .token.comment { | |
| color: var(--tx2); } | |
| .theme-light .token.tag, | |
| .theme-light .token.constant, | |
| .theme-light .token.symbol, | |
| .theme-light .token.deleted, | |
| .theme-light .cm-tag { | |
| color: var(--red); } | |
| .theme-light .token.punctuation, | |
| .theme-light .cm-punctuation, | |
| .theme-light .cm-bracket, | |
| .theme-light .cm-hr { | |
| color: var(--tx2); } | |
| .theme-light .token.boolean, | |
| .theme-light .token.number, | |
| .theme-light .cm-number { | |
| color: var(--purple); } | |
| .theme-light .token.selector, | |
| .theme-light .token.attr-name, | |
| .theme-light .token.string, | |
| .theme-light .token.char, | |
| .theme-light .token.builtin, | |
| .theme-light .token.inserted, | |
| .theme-light .cm-string, | |
| .theme-light .cm-string-2 { | |
| color: var(--green); } | |
| .theme-light .cm-property, | |
| .theme-light .token.property, | |
| .theme-light .token.operator, | |
| .theme-light .token.entity, | |
| .theme-light .token.url, | |
| .theme-light .language-css .token.string, | |
| .theme-light .style .token.string, | |
| .theme-light .token.variable, | |
| .theme-light .cm-operator, | |
| .theme-light .cm-link, | |
| .theme-light .cm-variable-2, | |
| .theme-light .cm-variable-3 { | |
| color: var(--cyan); } | |
| .theme-light .token.atrule, | |
| .theme-light .token.attr-value, | |
| .theme-light .token.function, | |
| .theme-light .token.class-name, | |
| .theme-light .cm-attribute, | |
| .theme-light .cm-variable, | |
| .theme-light .cm-type, | |
| .theme-light .cm-def { | |
| color: var(--yellow); } | |
| .theme-light .token.keyword, | |
| .theme-light .cm-keyword, | |
| .theme-light .cm-builtin { | |
| color: var(--pink); } | |
| .theme-light .token.regex, | |
| .theme-light .token.important { | |
| color: var(--orange); } | |
| /* Preview mode tables */ | |
| .markdown-source-view.mod-cm6 table { | |
| border-collapse: collapse; } | |
| .markdown-preview-view table { | |
| margin-block-start: 1em; } | |
| .markdown-source-view.mod-cm6 td, | |
| .markdown-source-view.mod-cm6 th, | |
| .markdown-preview-view th, | |
| .markdown-preview-view td { | |
| padding: 4px 10px; } | |
| .markdown-source-view.mod-cm6 td, | |
| .markdown-preview-view td { | |
| font-size: calc(var(--font-adaptive-normal) - 2px); } | |
| .markdown-source-view.mod-cm6 th, | |
| .markdown-preview-view th { | |
| font-weight: 400; | |
| font-size: calc(var(--font-adaptive-normal) - 2px); | |
| color: var(--text-muted); | |
| text-align: left; | |
| border-top: none; } | |
| .markdown-source-view.mod-cm6 th:last-child, | |
| .markdown-source-view.mod-cm6 td:last-child, | |
| .markdown-preview-view th:last-child, | |
| .markdown-preview-view td:last-child { | |
| border-right: none; } | |
| .markdown-source-view.mod-cm6 th:first-child, | |
| .markdown-source-view.mod-cm6 td:first-child, | |
| .markdown-preview-view th:first-child, | |
| .markdown-preview-view td:first-child { | |
| border-left: none; | |
| padding-left: 0; } | |
| .markdown-source-view.mod-cm6 tr:last-child td, | |
| .markdown-preview-view tr:last-child td { | |
| border-bottom: none; } | |
| /* Legacy Editor Tables */ | |
| .CodeMirror pre.HyperMD-table-row { | |
| font-family: var(--font-monospace); | |
| font-size: calc(var(--font-adaptive-normal) - 2px); } | |
| /* Live Preview Tables */ | |
| .is-live-preview .el-table { | |
| width: 100%; | |
| max-width: 100%; } | |
| .is-live-preview .cm-table-widget table { | |
| max-width: 100% !important; | |
| width: 100%; } | |
| .cm-s-obsidian .HyperMD-table-row { | |
| font-size: calc(var(--font-adaptive-normal) - 2px); } | |
| .cm-s-obsidian .HyperMD-table-row span.cm-hmd-table-sep, | |
| .cm-hmd-table-sep-dummy { | |
| color: var(--text-faint); | |
| font-weight: 400; } | |
| /* Tags */ | |
| .frontmatter-container .tag, | |
| a.tag { | |
| background-color: var(--tag-bg); | |
| border: var(--tag-border-width) solid var(--background-modifier-border); | |
| color: var(--tag-color); | |
| font-size: var(--font-adaptive-small); | |
| font-family: var(--font-ui); | |
| padding: 1px 8px 1px; | |
| text-align: center; | |
| text-decoration: none; | |
| vertical-align: middle; | |
| display: inline-block; | |
| margin: 1px 0; | |
| border-radius: var(--tag-radius); } | |
| a.tag:hover { | |
| color: var(--text-normal); | |
| border-color: var(--background-modifier-border-hover); | |
| background-color: var(--tag-bg2); } | |
| .cm-s-obsidian span.cm-hashtag { | |
| background-color: var(--tag-bg); | |
| border: var(--tag-border-width) solid var(--background-modifier-border); | |
| color: var(--tag-color); | |
| font-size: var(--font-adaptive-small); | |
| font-family: var(--font-ui); | |
| text-align: center; | |
| text-decoration: none; | |
| margin: 0; | |
| vertical-align: text-bottom; | |
| padding-top: 2px; | |
| border-left: none; | |
| border-right: none; | |
| padding-bottom: 3px; | |
| cursor: text; } | |
| .cm-s-obsidian span.cm-hashtag:hover { | |
| background-color: var(--tag-bg2); } | |
| span.cm-hashtag.cm-hashtag-begin { | |
| border-top-left-radius: var(--tag-radius); | |
| border-bottom-left-radius: var(--tag-radius); | |
| padding-left: 8px; | |
| border-right: none; | |
| border-left: var(--tag-border-width) solid var(--background-modifier-border); } | |
| span.cm-hashtag.cm-hashtag-end { | |
| border-top-right-radius: var(--tag-radius); | |
| border-bottom-right-radius: var(--tag-radius); | |
| border-left: none; | |
| padding-right: 8px; | |
| border-right: var(--tag-border-width) solid var(--background-modifier-border); } | |
| /* Tag pane */ | |
| .tag-container { | |
| padding-left: 15px; } | |
| .tag-pane-tag-count { | |
| padding: 0; | |
| 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); } | |
| /* Tooltips */ | |
| .tooltip { | |
| font-size: var(--font-adaptive-smaller); | |
| line-height: 1.3; | |
| font-weight: 500; | |
| padding: 4px 8px; | |
| border-radius: 4px; | |
| transition: none; | |
| text-align: left; | |
| animation: none; | |
| opacity: 0.8; } | |
| .tooltip.mod-left, | |
| .tooltip.mod-right { | |
| transform: none; | |
| animation: none; } | |
| /* Title Bar */ | |
| /* Alignment */ | |
| .title-align-left:not(.plugin-sliding-panes-rotate-header) .view-header-title-container { | |
| margin-left: 5px; } | |
| .title-align-center:not(.plugin-sliding-panes-rotate-header) .view-header-title { | |
| margin-left: 0; | |
| padding-right: 0; | |
| text-align: center; } | |
| .title-align-left:not(.plugin-sliding-panes-rotate-header) .view-header-title-container, | |
| .title-align-center:not(.plugin-sliding-panes-rotate-header) .view-header-title-container { | |
| width: auto; | |
| position: static; } | |
| .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 .view-header-title-container { | |
| max-width: calc(100% - (var(--traffic-x-space) * 2) - 30px); } | |
| .view-header { | |
| height: var(--header-height); | |
| align-items: center; } | |
| /* Left side title bar icon */ | |
| body:not(.minimal-icons-off) div.view-header-icon svg { | |
| -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"); } | |
| .view-header-icon { | |
| margin-left: var(--traffic-x-space); | |
| opacity: 0; | |
| top: 0; | |
| left: 4px; | |
| z-index: 20; } | |
| .show-grabber .view-header-icon { | |
| opacity: var(--icon-muted); } | |
| .show-grabber .view-header-icon:hover { | |
| opacity: 1; } | |
| .view-header-icon:hover { | |
| cursor: grab; } | |
| .view-header-icon:active { | |
| cursor: grabbing; } | |
| /* Right side title bar icon */ | |
| .view-actions { | |
| margin-right: 1px; | |
| height: calc(var(--header-height) - 1px); | |
| top: 0; | |
| align-items: center; | |
| z-index: 15; | |
| background: var(--background-primary); } | |
| /* Title area */ | |
| .view-header-title { | |
| padding-right: 80px; } | |
| /* Fade out title | |
| body:not(.is-mobile) .view-header-title:before { | |
| background:linear-gradient(90deg,transparent 0%,var(--background-primary) 80%); | |
| width:50px; | |
| content:" "; | |
| height:var(--header-height); | |
| display:inline-block; | |
| vertical-align:bottom; | |
| position:absolute; | |
| right:50px; | |
| pointer-events:none; | |
| }*/ | |
| .workspace-leaf-header, | |
| .view-header, | |
| .workspace-leaf.mod-active .view-header, | |
| .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header { | |
| background-color: var(--background-primary) !important; | |
| border-top: none; | |
| border-bottom: none; } | |
| .view-header-title-container { | |
| padding-left: 0; | |
| padding-right: 0px; | |
| position: absolute; | |
| width: var(--line-width-adaptive); | |
| max-width: var(--max-width); | |
| margin: 0 auto; | |
| left: 0; | |
| right: 0; } | |
| .view-header-title-container:after { | |
| display: none; } | |
| .view-actions { | |
| padding: 0px 6px; | |
| margin-right: 0px; | |
| margin-left: auto; | |
| transition: opacity 0.25s ease-in-out; } | |
| .view-actions .view-action { | |
| margin: 0; | |
| top: 0; | |
| padding: 4px; | |
| border-radius: var(--radius-m); | |
| display: flex; | |
| align-items: center; } | |
| body:not(.is-mobile) .view-actions .view-action { | |
| height: 26px; } | |
| .view-action.is-active { | |
| color: var(--text-faint); | |
| opacity: 1; } | |
| body:not(.is-mobile) .view-actions .view-action:last-child { | |
| margin-left: -1px; } | |
| .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-actions, | |
| .minimal-focus-mode .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header:hover .view-actions, | |
| .workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header:hover .view-actions, | |
| .mod-right.is-collapsed ~ .mod-root .view-header:hover .view-actions { | |
| opacity: 1; | |
| transition: opacity 0.25s ease-in-out; } | |
| .view-content { | |
| height: calc(100% - var(--header-height)); } | |
| /* 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-divider); | |
| 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; | |
| font-weight: 500; | |
| padding-top: 6px; | |
| color: var(--text-muted); | |
| 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; } | |
| /* Workspace */ | |
| /* Empty state */ | |
| .empty-state { | |
| background-color: var(--background-primary); | |
| text-align: center; } | |
| .workspace-leaf-content[data-type="empty"] .view-header, | |
| .empty-state-title { | |
| display: none; } | |
| .empty-state-action-list { | |
| color: var(--text-normal); | |
| font-size: var(--font-adaptive-normal); } | |
| .workspace-split.mod-root { | |
| background-color: var(--background-primary); } | |
| .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: 3px; | |
| background: transparent; | |
| border-bottom: var(--border-width-alt) solid var(--background-divider); } | |
| .workspace-split.mod-right-split > .workspace-leaf-resize-handle { | |
| background: transparent; | |
| border-left: var(--border-width-alt) solid var(--background-divider); | |
| 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-divider); | |
| width: 4px !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: 2px; } | |
| .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: 2px; } | |
| .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-split.mod-right-split .workspace-tabs .workspace-leaf { | |
| border-radius: 0; } | |
| /* Effects on non-active panels */ | |
| .workspace-tab-container-inner { | |
| background: transparent; | |
| border-radius: 0; | |
| width: 100%; | |
| max-width: 100%; | |
| margin: 0 auto; | |
| padding-left: 5px; } | |
| .workspace-tabs .workspace-tab-header-container { | |
| border: none; } | |
| .workspace-sidedock-empty-state + .workspace-tabs .workspace-tab-header-container { | |
| border-bottom: var(--border-width) solid var(--background-divider); } | |
| .mod-right-split .workspace-tabs .nav-buttons-container { | |
| z-index: 1; } | |
| .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-container-inner { | |
| padding-left: 6px; } | |
| .workspace-tab-header-inner { | |
| padding: 0px 0px 0 2px; } | |
| .workspace-tab-header-container { | |
| height: var(--header-height); | |
| padding: 0; | |
| align-items: center; | |
| background-color: transparent; } | |
| .workspace-tab-header-container { | |
| border-bottom: var(--border-width) solid var(--background-divider); } | |
| /* Components */ | |
| /* Audio files */ | |
| .theme-dark audio { | |
| filter: none; } | |
| .theme-dark audio::-webkit-media-controls-panel { | |
| filter: invert(1); } | |
| audio { | |
| height: 36px; | |
| border-radius: 4px; } | |
| audio::-webkit-media-controls-enclosure { | |
| border: 1px solid var(--background-modifier-border); | |
| background-color: var(--background-secondary); } | |
| audio::-webkit-media-controls-current-time-display { | |
| color: var(--text-normal); | |
| filter: invert(1); | |
| text-shadow: none; } | |
| audio::-webkit-media-controls-time-remaining-display { | |
| color: var(--text-faint); | |
| filter: invert(1); | |
| text-shadow: none; } | |
| audio::-webkit-media-controls-panel { | |
| padding: 0; } | |
| /* Buttons */ | |
| button { | |
| cursor: var(--cursor); } | |
| button, | |
| .setting-item-control button { | |
| font-family: var(--font-ui); | |
| font-size: var(--font-inputs); | |
| font-weight: 400; } | |
| button:active, | |
| button:focus { | |
| -webkit-appearance: none; | |
| border-color: var(--background-modifier-border-hover); } | |
| body:not(.is-mobile) button:active, | |
| body:not(.is-mobile) button: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(--interactive-normal); | |
| color: var(--text-normal); | |
| border: 1px solid var(--background-modifier-border); | |
| box-shadow: 0 1px 1px 0px var(--btn-shadow-color); | |
| cursor: var(--cursor); | |
| height: var(--input-height); | |
| line-height: 0; | |
| white-space: nowrap; | |
| transition: background-color 0.2s ease-out, border-color 0.2s ease-out; } | |
| button.mod-warning { | |
| border: 1px solid var(--background-modifier-error); | |
| color: var(--text-error); | |
| box-shadow: 0 1px 1px 0px var(--btn-shadow-color); | |
| transition: background-color 0.2s ease-out; } | |
| button.mod-warning:hover { | |
| border: 1px solid var(--background-modifier-error); | |
| color: var(--text-error); | |
| box-shadow: 0 2px 3px 0px var(--btn-shadow-color); | |
| transition: background-color 0.2s ease-out; } | |
| button:hover, | |
| .modal button:not(.mod-warning):hover, | |
| .modal.mod-settings button:not(.mod-warning):hover { | |
| background-color: var(--interactive-normal); | |
| border-color: var(--background-modifier-border-hover); | |
| box-shadow: 0 2px 3px 0px var(--btn-shadow-color); | |
| transition: background-color 0.2s ease-out, border-color 0.2s ease-out; } | |
| .is-mobile button.copy-code-button { | |
| width: auto; | |
| margin-right: 4px; } | |
| /* Dropdowns */ | |
| .dropdown, | |
| body .addChoiceBox #addChoiceTypeSelector { | |
| font-family: var(--font-ui); | |
| font-size: var(--font-inputs); } | |
| .dropdown, | |
| select { | |
| box-shadow: 0 1px 1px 0px var(--btn-shadow-color); | |
| background-color: var(--interactive-normal); | |
| border-color: var(--background-modifier-border); | |
| transition: border-color 0.1s linear; | |
| height: var(--input-height); | |
| font-family: var(--font-ui); } | |
| .dropdown { | |
| background-image: url("data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22><path%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><%2Fsvg>"); } | |
| .theme-dark .dropdown { | |
| background-image: url("data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22><path%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><%2Fsvg>"); } | |
| .dropdown:hover, | |
| select:hover { | |
| background-color: var(--interactive-normal); | |
| box-shadow: 0 2px 3px 0px var(--btn-shadow-color); | |
| border-color: var(--background-modifier-border-hover); | |
| transition: all 0.1s linear; } | |
| .dropdown:focus, | |
| .dropdown:active, | |
| select:focus, | |
| select:active { | |
| -webkit-appearance: none; | |
| border-color: var(--background-modifier-border-hover); } | |
| body:not(.is-mobile) .dropdown:focus, | |
| body:not(.is-mobile) .dropdown:active, | |
| body:not(.is-mobile) select:focus, | |
| body:not(.is-mobile) select:active { | |
| box-shadow: 0 0 0px 2px var(--background-modifier-border-hover); } | |
| /* Input fields */ | |
| textarea, | |
| input[type='text'], | |
| input[type='search'], | |
| input[type='email'], | |
| input[type='password'], | |
| input[type='number'] { | |
| font-family: var(--font-ui); | |
| font-size: var(--font-inputs); } | |
| textarea { | |
| padding: 5px 10px; | |
| transition: box-shadow 0.1s linear; | |
| -webkit-appearance: none; | |
| line-height: 1.3; } | |
| input[type='text'], | |
| input[type='search'], | |
| input[type='email'], | |
| input[type='password'], | |
| input[type='number'] { | |
| padding: 5px 10px; | |
| -webkit-appearance: none; | |
| transition: box-shadow 0.1s linear; | |
| height: var(--input-height); } | |
| textarea:hover, | |
| input:hover { | |
| border-color: var(--background-modifier-border-hover); | |
| transition: border-color 0.1s linear, box-shadow 0.1s linear; } | |
| textarea:active, | |
| textarea:focus, | |
| 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) .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); | |
| transition: border-color 0.1s linear, box-shadow 0.1s linear; } | |
| /* Progress bars */ | |
| .theme-light { | |
| --progress-outline:rgba(0,0,0,0.05); } | |
| .theme-dark { | |
| --progress-outline:rgba(255,255,255,0.04); } | |
| .markdown-source-view.is-live-preview progress, | |
| .markdown-preview-view progress { | |
| -webkit-writing-mode: horizontal-tb; | |
| writing-mode: horizontal-tb; | |
| appearance: none; | |
| box-sizing: border-box; | |
| display: inline-block; | |
| height: 5px; | |
| margin-bottom: 4px; | |
| width: 220px; | |
| max-width: 100%; | |
| overflow: hidden; | |
| border-radius: 0px; | |
| border: 0; | |
| vertical-align: -0.2rem; } | |
| .markdown-source-view.is-live-preview progress[value]::-webkit-progress-bar, | |
| .markdown-preview-view progress[value]::-webkit-progress-bar { | |
| background-color: var(--background-tertiary); | |
| box-shadow: inset 0px 0px 0px var(--border-width) var(--progress-outline); | |
| border-radius: 5px; | |
| overflow: hidden; } | |
| .markdown-source-view.is-live-preview progress[value]::-webkit-progress-value, | |
| .markdown-preview-view progress[value]::-webkit-progress-value { | |
| background-color: var(--text-accent); | |
| overflow: hidden; } | |
| .markdown-source-view.is-live-preview progress[value^='1']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='2']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='3']::-webkit-progress-value, | |
| .markdown-preview-view progress[value^='1']::-webkit-progress-value, | |
| .markdown-preview-view progress[value^='2']::-webkit-progress-value, | |
| .markdown-preview-view progress[value^='3']::-webkit-progress-value { | |
| background-color: var(--red); } | |
| .markdown-source-view.is-live-preview progress[value^='4']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='5']::-webkit-progress-value, | |
| .markdown-preview-view progress[value^='4']::-webkit-progress-value, | |
| .markdown-preview-view progress[value^='5']::-webkit-progress-value { | |
| background-color: var(--orange); } | |
| .markdown-source-view.is-live-preview progress[value^='6']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='7']::-webkit-progress-value, | |
| .markdown-preview-view progress[value^='6']::-webkit-progress-value, | |
| .markdown-preview-view progress[value^='7']::-webkit-progress-value { | |
| background-color: var(--yellow); } | |
| .markdown-source-view.is-live-preview progress[value^='8']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='9']::-webkit-progress-value, | |
| .markdown-preview-view progress[value^='8']::-webkit-progress-value, | |
| .markdown-preview-view progress[value^='9']::-webkit-progress-value { | |
| background-color: var(--green); } | |
| .markdown-source-view.is-live-preview progress[value='1']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='100']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='1']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='100']::-webkit-progress-value { | |
| background-color: var(--text-accent); } | |
| .markdown-source-view.is-live-preview progress[value='0']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='2']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='3']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='4']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='5']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='6']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='7']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='8']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='9']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='0']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='2']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='3']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='4']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='5']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='6']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='7']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='8']::-webkit-progress-value, | |
| .markdown-preview-view progress[value='9']::-webkit-progress-value { | |
| background-color: var(--red); } | |
| /* Range slider input */ | |
| 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; } | |
| body:not(.is-mobile) input[type=range]:focus { | |
| box-shadow: none; } | |
| 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; } | |
| body:not(.is-mobile) input[type=range]:focus::-webkit-slider-thumb { | |
| box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05), 0 2px 3px 0px rgba(0, 0, 0, 0.2); } | |
| /* 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); } | |
| /* Minimal features */ | |
| .borders-low { | |
| --border-width:0px; | |
| --border-width-alt:1px; } | |
| .borders-none { | |
| --border-width:0px; | |
| --border-width-alt:0px; } | |
| /* Title borders */ | |
| body.borders-title .workspace-leaf .workspace-leaf-content:not([data-type='empty']):not([data-type='map']):not([data-type='graph']):not([data-type='localgraph']) .view-header, | |
| body.borders-title .workspace-split.mod-root .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content:not([data-type='map']):not([data-type='graph']):not([data-type='empty']):not([data-type='localgraph']) .view-header { | |
| border-bottom: var(--border-width) solid var(--background-divider); } | |
| body.borders-title .workspace-ribbon.mod-left.is-collapsed { | |
| border-right: var(--border-width) solid var(--background-divider); } | |
| body:not(.is-fullscreen).mod-macos.hider-frameless.borders-title .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container { | |
| border: none; } | |
| /* MIT License | Copyright (c) Stephan Ango (@kepano) | |
| Cards snippet for Obsidian | |
| author: @kepano | |
| version: 1.1.0 | |
| Support my work: | |
| https://github.com/sponsors/kepano | |
| */ | |
| :root { | |
| --cards-min-width:180px; | |
| --cards-max-width:1fr; | |
| --cards-mobile-width:120px; | |
| --cards-image-height:400px; | |
| --cards-padding:1.2em; | |
| --cards-image-fit:contain; | |
| --cards-background:transparent; | |
| --cards-border-width:1px; } | |
| @media (max-width: 400pt) { | |
| :root { | |
| --cards-min-width:var(--cards-mobile-width); } } | |
| /* Make the grid and basic cards */ | |
| .cards.table-100 table.dataview tbody, | |
| .table-100 .cards table.dataview tbody { | |
| padding: 0.25rem 0.75rem; } | |
| .cards .el-pre + .el-lang-dataview .table-view-thead { | |
| padding-top: 8px; } | |
| .cards table.dataview tbody { | |
| clear: both; | |
| padding: 0.5rem 0; | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width))); | |
| grid-column-gap: 0.75rem; | |
| grid-row-gap: 0.75rem; } | |
| .cards table.dataview > tbody > tr { | |
| background-color: var(--cards-background); | |
| border: var(--cards-border-width) solid var(--background-modifier-border); | |
| display: flex; | |
| flex-direction: column; | |
| margin: 0; | |
| padding: 0 0 calc(var(--cards-padding)/3) 0; | |
| border-radius: 6px; | |
| overflow: hidden; | |
| transition: box-shadow 0.15s linear; } | |
| .cards table.dataview > tbody > tr:hover { | |
| border: var(--cards-border-width) solid var(--background-modifier-border-hover); | |
| box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 3px 1px rgba(0, 0, 0, 0.025); | |
| transition: box-shadow 0.15s linear; } | |
| /* Styling elements inside cards */ | |
| .markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td, | |
| .trim-cols .cards table.dataview tbody > tr > td { | |
| white-space: normal; } | |
| .markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td, | |
| .cards table.dataview tbody > tr > td { | |
| border-bottom: none; | |
| padding: 0 !important; | |
| line-height: 1.2; | |
| width: calc(100% - var(--cards-padding)); | |
| margin: 0 auto; | |
| overflow: visible !important; | |
| max-width: 100%; | |
| display: flex; } | |
| .cards table.dataview tbody > tr > td .el-p { | |
| display: block; | |
| width: 100%; } | |
| .cards table.dataview tbody > tr > td:first-child { | |
| font-weight: var(--bold-weight); } | |
| .cards table.dataview tbody > tr > td:first-child a { | |
| padding: 0 0 calc(var(--cards-padding)/3); | |
| display: block; } | |
| .cards table.dataview tbody > tr > td:not(:first-child) { | |
| font-size: 90%; | |
| color: var(--text-muted); } | |
| @media (max-width: 400pt) { | |
| .cards table.dataview tbody > tr > td:not(:first-child) { | |
| font-size: 80%; } } | |
| /* Helpers */ | |
| .cards-cover.cards table.dataview tbody > tr > td img { | |
| object-fit: cover; } | |
| .cards-16-9.cards table.dataview tbody > tr > td img { | |
| aspect-ratio: 16/9; } | |
| .cards-1-1.cards table.dataview tbody > tr > td img { | |
| aspect-ratio: 1/1; } | |
| .cards-2-1.cards table.dataview tbody > tr > td img { | |
| aspect-ratio: 2/1; } | |
| .cards-2-3.cards table.dataview tbody > tr > td img { | |
| aspect-ratio: 2/3; } | |
| .cards-align-bottom.cards table.dataview tbody > tr > td:last-child { | |
| align-items: flex-end; | |
| flex-grow: 1; } | |
| .cards-cols-1 table.dataview tbody { | |
| grid-template-columns: repeat(1, minmax(0, 1fr)); } | |
| .cards-cols-2 table.dataview tbody { | |
| grid-template-columns: repeat(2, minmax(0, 1fr)); } | |
| @media (min-width: 400pt) { | |
| .cards-cols-3 table.dataview tbody { | |
| grid-template-columns: repeat(3, minmax(0, 1fr)); } | |
| .cards-cols-4 table.dataview tbody { | |
| grid-template-columns: repeat(4, minmax(0, 1fr)); } | |
| .cards-cols-5 table.dataview tbody { | |
| grid-template-columns: repeat(5, minmax(0, 1fr)); } | |
| .cards-cols-6 table.dataview tbody { | |
| grid-template-columns: repeat(6, minmax(0, 1fr)); } | |
| .cards-cols-7 table.dataview tbody { | |
| grid-template-columns: repeat(7, minmax(0, 1fr)); } | |
| .cards-cols-8 table.dataview tbody { | |
| grid-template-columns: repeat(8, minmax(0, 1fr)); } } | |
| /* Card content */ | |
| /* Paragraphs */ | |
| .cards table.dataview tbody > tr > td > *:not(.el-embed-image) { | |
| padding: calc(var(--cards-padding)/3) 0; } | |
| .cards table.dataview tbody > tr > td:not(:last-child):not(:first-child) > .el-p:not(.el-embed-image) { | |
| border-bottom: 1px solid var(--background-modifier-border); | |
| width: 100%; } | |
| /* Links */ | |
| .cards table.dataview tbody > tr > td a { | |
| text-decoration: none; } | |
| .links-int-on .cards table.dataview tbody > tr > td a { | |
| text-decoration: none; } | |
| /* Buttons */ | |
| .cards table.dataview tbody > tr > td > button { | |
| width: 100%; | |
| margin: calc(var(--cards-padding)/2) 0; } | |
| .cards table.dataview tbody > tr > td:last-child > button { | |
| margin-bottom: calc(var(--cards-padding)/6); } | |
| /* Lists */ | |
| .cards table.dataview tbody > tr > td > ul { | |
| width: 100%; | |
| padding: 0.25em 0 !important; | |
| margin: 0 auto !important; } | |
| .cards table.dataview tbody > tr > td:not(:last-child) > ul { | |
| border-bottom: 1px solid var(--background-modifier-border); } | |
| /* Images */ | |
| .cards table.dataview tbody > tr > td .el-embed-image { | |
| background-color: var(--background-secondary); | |
| display: block; | |
| margin: 0 calc(var(--cards-padding)/-2) 0 calc(var(--cards-padding)/-2); | |
| width: calc(100% + var(--cards-padding)); } | |
| .cards table.dataview tbody > tr > td img { | |
| width: 100%; | |
| object-fit: var(--cards-image-fit); | |
| max-height: var(--cards-image-height); | |
| background-color: var(--background-secondary); | |
| vertical-align: bottom; } | |
| /* ------------------- */ | |
| /* Block button */ | |
| .markdown-source-view.mod-cm6.cards .edit-block-button { | |
| top: 0px; | |
| right: 26px; | |
| opacity: 1; | |
| background-color: transparent; } | |
| /* ------------------- */ | |
| /* Sorting */ | |
| .cards.table-100 table.dataview thead > tr, | |
| .table-100 .cards table.dataview thead > tr { | |
| right: 0.75rem; } | |
| .table-100 .cards table.dataview thead:before, | |
| .cards.table-100 table.dataview thead:before { | |
| margin-right: 0.75rem; } | |
| .cards table.dataview thead { | |
| user-select: none; | |
| width: 180px; | |
| display: block; | |
| float: right; | |
| position: relative; | |
| text-align: right; | |
| height: 24px; | |
| padding-bottom: 4px; } | |
| .cards table.dataview thead:before { | |
| content: ''; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| height: var(--icon-size); | |
| background-repeat: no-repeat; | |
| cursor: var(--cursor); | |
| text-align: right; | |
| padding: 4px 10px; | |
| margin-bottom: 2px; | |
| border-radius: 5px; | |
| font-weight: 500; | |
| font-size: var(--font-adaptive-small); } | |
| .cards table.dataview thead:before { | |
| opacity: 0.25; | |
| background-position: center center; | |
| background-size: var(--icon-size); | |
| background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="white" 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>'); } | |
| .theme-light .cards table.dataview thead:before { | |
| background-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>'); } | |
| .cards table.dataview thead:hover:before { | |
| opacity: 0.5; } | |
| .cards table.dataview thead > tr { | |
| top: 0; | |
| position: absolute; | |
| display: none; | |
| z-index: 9; | |
| border: 1px solid var(--background-modifier-border); | |
| background-color: var(--background-secondary); | |
| box-shadow: 0 2px 8px var(--background-modifier-box-shadow); | |
| padding: 6px; | |
| border-radius: 6px; | |
| flex-direction: column; | |
| margin: 26px 0 0 0; | |
| width: 100%; } | |
| .cards table.dataview thead:hover > tr { | |
| display: flex; } | |
| .cards table.dataview thead > tr > th { | |
| display: block; | |
| padding: 3px 30px 3px 6px !important; | |
| border-radius: 5px; | |
| width: 100%; | |
| font-weight: 400; | |
| color: var(--text-muted); | |
| cursor: var(--cursor); | |
| border: none; | |
| font-size: var(--font-adaptive-small); } | |
| .cards table.dataview thead > tr > th[sortable-style="sortable-asc"], | |
| .cards table.dataview thead > tr > th[sortable-style="sortable-desc"] { | |
| color: var(--text-normal); } | |
| .cards table.dataview thead > tr > th:hover { | |
| color: var(--text-normal); | |
| background-color: var(--background-tertiary); } | |
| /* Checklist icons */ | |
| .cm-formatting.cm-formatting-task.cm-property { | |
| font-family: var(--font-monospace); | |
| font-size: 90%; } | |
| input[data-task=">"]:checked, | |
| input[data-task="!"]:checked, | |
| input[data-task="-"]:checked, | |
| input[data-task="<"]:checked, | |
| input[data-task="l"]:checked, | |
| input[data-task="*"]:checked, | |
| input[data-task="I"]:checked, | |
| input[data-task="p"]:checked, | |
| input[data-task="f"]:checked, | |
| input[data-task="k"]:checked, | |
| input[data-task="u"]:checked, | |
| input[data-task="w"]:checked, | |
| input[data-task="c"]:checked, | |
| input[data-task="d"]:checked, | |
| input[data-task="b"]:checked, | |
| li[data-task=">"] > input:checked, | |
| li[data-task="!"] > input:checked, | |
| li[data-task="-"] > input:checked, | |
| li[data-task="<"] > input:checked, | |
| li[data-task="l"] > input:checked, | |
| li[data-task="*"] > input:checked, | |
| li[data-task="I"] > input:checked, | |
| li[data-task="p"] > input:checked, | |
| li[data-task="f"] > input:checked, | |
| li[data-task="k"] > input:checked, | |
| li[data-task="u"] > input:checked, | |
| li[data-task="d"] > input:checked, | |
| li[data-task="w"] > input:checked, | |
| li[data-task="c"] > input:checked, | |
| li[data-task="b"] > input:checked, | |
| li[data-task=">"] > p > input:checked, | |
| li[data-task="!"] > p > input:checked, | |
| li[data-task="-"] > p > input:checked, | |
| li[data-task="<"] > p > input:checked, | |
| li[data-task="l"] > p > input:checked, | |
| li[data-task="*"] > p > input:checked, | |
| li[data-task="I"] > p > input:checked, | |
| li[data-task="p"] > p > input:checked, | |
| li[data-task="f"] > p > input:checked, | |
| li[data-task="k"] > p > input:checked, | |
| li[data-task="u"] > p > input:checked, | |
| li[data-task="d"] > p > input:checked, | |
| li[data-task="w"] > p > input:checked, | |
| li[data-task="c"] > p > input:checked, | |
| li[data-task="b"] > p > input:checked { | |
| border: none; | |
| border-radius: 0; | |
| background-image: none; | |
| background-color: currentColor; | |
| -webkit-mask-size: var(--checkbox-icon); | |
| -webkit-mask-position: 50% 50%; } | |
| /* [>] Forwarded */ | |
| input[data-task=">"]:checked, | |
| li[data-task=">"] > input:checked, | |
| li[data-task=">"] > p > input:checked { | |
| color: var(--text-faint); | |
| transform: rotate(90deg); | |
| -webkit-mask-position: 50% 100%; | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%3E%3C/svg%3E"); } | |
| /* [<] Schedule */ | |
| input[data-task="<"]:checked, | |
| li[data-task="<"] > input:checked, | |
| li[data-task="<"] > p > input:checked { | |
| color: var(--text-faint); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z' clip-rule='evenodd' /%3E%3C/svg%3E"); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd' /%3E%3C/svg%3E"); } | |
| /* [?] Question */ | |
| input[data-task="?"]:checked, | |
| li[data-task="?"] > input:checked, | |
| li[data-task="?"] > p > input:checked { | |
| background-color: var(--yellow); | |
| border-color: var(--yellow); | |
| background-position: 50% 50%; | |
| background-size: 200% 90%; | |
| background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="white" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E'); } | |
| .theme-dark input[data-task="?"]:checked, | |
| .theme-dark li[data-task="?"] > input:checked, | |
| .theme-dark li[data-task="?"] > p > input:checked { | |
| background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="black" fill-opacity="0.8" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E'); } | |
| /* [/] Incomplete */ | |
| input[data-task="/"]:checked, | |
| li[data-task="/"] > input:checked, | |
| li[data-task="/"] > p > input:checked { | |
| background-image: none; | |
| background-color: transparent; | |
| position: relative; | |
| overflow: hidden; } | |
| input[data-task="/"]:checked:after, | |
| li[data-task="/"] > input:checked:after, | |
| li[data-task="/"] > p > input:checked:after { | |
| content: " "; | |
| display: block; | |
| position: absolute; | |
| background-color: var(--background-modifier-accent); | |
| width: calc(50% - 0.5px); | |
| height: 100%; } | |
| /* [!] Important */ | |
| input[data-task="!"]:checked, | |
| li[data-task="!"] > input:checked, | |
| li[data-task="!"] > p > input:checked { | |
| color: var(--orange); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); } | |
| /* ["] Quote */ | |
| input[data-task="“"]:checked, | |
| li[data-task="“"] > input:checked, | |
| li[data-task="“"] > p > input:checked, | |
| input[data-task="\""]:checked, | |
| li[data-task="\""] > input:checked, | |
| li[data-task="\""] > p > input:checked { | |
| background-position: 50% 50%; | |
| background-color: var(--cyan); | |
| border-color: var(--cyan); | |
| background-size: 75%; | |
| background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" 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"%2F%3E%3C%2Fsvg%3E'); } | |
| .theme-dark input[data-task="“"]:checked, | |
| .theme-dark li[data-task="“"] > input:checked, | |
| .theme-dark li[data-task="“"] > p > input:checked, | |
| .theme-dark input[data-task="\""]:checked, | |
| .theme-dark li[data-task="\""] > input:checked, | |
| .theme-dark li[data-task="\""] > p > input:checked { | |
| background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="black" fill-opacity="0.7" 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"%2F%3E%3C%2Fsvg%3E'); } | |
| /* [-] Canceled */ | |
| input[data-task="-"]:checked, | |
| li[data-task="-"] > input:checked, | |
| li[data-task="-"] > p > input:checked { | |
| color: var(--text-faint); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); } | |
| body:not(.tasks) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="-"]), | |
| body:not(.tasks) .markdown-preview-view ul li[data-task="-"].task-list-item.is-checked, | |
| body:not(.tasks) li[data-task="-"].task-list-item.is-checked { | |
| color: var(--text-faint); | |
| text-decoration: line-through solid var(--text-faint) 1px; } | |
| /* [*] Star */ | |
| input[data-task="*"]:checked, | |
| li[data-task="*"] > input:checked, | |
| li[data-task="*"] > p > input:checked { | |
| color: var(--yellow); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E"); } | |
| /* [l] Location */ | |
| input[data-task="l"]:checked, | |
| li[data-task="l"] > input:checked, | |
| li[data-task="l"] > p > input:checked { | |
| color: var(--red); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E"); } | |
| /* [i] Info */ | |
| input[data-task="i"]:checked, | |
| li[data-task="i"] > input:checked, | |
| li[data-task="i"] > p > input:checked { | |
| background-color: var(--blue); | |
| border-color: var(--blue); | |
| background-position: 50%; | |
| background-size: 100%; | |
| background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="white" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E'); } | |
| .theme-dark input[data-task="i"]:checked, | |
| .theme-dark li[data-task="i"] > input:checked, | |
| .theme-dark li[data-task="i"] > p > input:checked { | |
| background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="black" fill-opacity="0.8" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E'); } | |
| /* [S] Amount/savings/money */ | |
| input[data-task="S"]:checked, | |
| li[data-task="S"] > input:checked, | |
| li[data-task="S"] > p > input:checked { | |
| border-color: var(--green); | |
| background-color: var(--green); | |
| background-size: 100%; | |
| background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill="white" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E'); } | |
| .theme-dark input[data-task="S"]:checked, | |
| .theme-dark li[data-task="S"] > input:checked, | |
| .theme-dark li[data-task="S"] > p > input:checked { | |
| background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill-opacity="0.8" fill="black" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E'); } | |
| /* [I] Idea/lightbulb */ | |
| input[data-task="I"]:checked, | |
| li[data-task="I"] > input:checked, | |
| li[data-task="I"] > p > input:checked { | |
| color: var(--yellow); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z' /%3E%3C/svg%3E"); } | |
| /* [f] Fire */ | |
| input[data-task="f"]:checked, | |
| li[data-task="f"] > input:checked, | |
| li[data-task="f"] > p > input:checked { | |
| color: var(--red); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E"); } | |
| /* [k] Key */ | |
| input[data-task="k"]:checked, | |
| li[data-task="k"] > input:checked, | |
| li[data-task="k"] > p > input:checked { | |
| color: var(--yellow); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E"); } | |
| /* [u] Up */ | |
| input[data-task="u"]:checked, | |
| li[data-task="u"] > input:checked, | |
| li[data-task="u"] > p > input:checked { | |
| color: var(--green); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E"); } | |
| /* [d] Down */ | |
| input[data-task="d"]:checked, | |
| li[data-task="d"] > input:checked, | |
| li[data-task="d"] > p > input:checked { | |
| color: var(--red); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E"); } | |
| /* [w] Win */ | |
| input[data-task="w"]:checked, | |
| li[data-task="w"] > input:checked, | |
| li[data-task="w"] > p > input:checked { | |
| color: var(--purple); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); } | |
| /* [p] Pros */ | |
| input[data-task="p"]:checked, | |
| li[data-task="p"] > input:checked, | |
| li[data-task="p"] > p > input:checked { | |
| color: var(--green); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z' /%3E%3C/svg%3E"); } | |
| /* [c] Cons */ | |
| input[data-task="c"]:checked, | |
| li[data-task="c"] > input:checked, | |
| li[data-task="c"] > p > input:checked { | |
| color: var(--orange); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z' /%3E%3C/svg%3E"); } | |
| /* [b] Bookmark */ | |
| input[data-task="b"]:checked, | |
| li[data-task="b"] > input:checked, | |
| li[data-task="b"] > p > input:checked { | |
| color: var(--orange); | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z' /%3E%3C/svg%3E"); } | |
| /* Colorful active states */ | |
| .colorful-active { | |
| --sp1:var(--bg1); } | |
| .colorful-active .nav-file-title.is-active, | |
| .colorful-active #calendar-container .active, | |
| .colorful-active #calendar-container .active.today, | |
| .colorful-active #calendar-container .active:hover, | |
| .colorful-active #calendar-container .day:active, | |
| .colorful-active .vertical-tab-nav-item.is-active, | |
| .colorful-active .nav-file-title.is-being-dragged, | |
| .colorful-active .nav-folder-title.is-being-dragged, | |
| body.colorful-active:not(.is-grabbing) .nav-file-title.is-being-dragged:hover, | |
| body.colorful-active:not(.is-grabbing) .nav-folder-title.is-being-dragged:hover, | |
| body.colorful-active:not(.is-grabbing) .nav-file-title.is-active:hover, | |
| .colorful-active .menu-item.selected:not(.is-disabled):not(.is-label), | |
| .colorful-active .menu-item:hover, | |
| .colorful-active .menu-item:hover:not(.is-disabled):not(.is-label) { | |
| background-color: var(--ax3); | |
| color: var(--sp1); } | |
| .colorful-active #calendar-container .day:active .dot, | |
| .colorful-active #calendar-container .active .dot, | |
| .colorful-active #calendar-container .today.active .dot { | |
| fill: var(--sp1); } | |
| .colorful-active .menu-item.selected:not(.is-disabled):not(.is-label) .menu-item-icon, | |
| .colorful-active .menu-item:hover .menu-item-icon { | |
| color: var(--sp1); } | |
| .is-mobile.colorful-active .nav-file-title.is-active { | |
| box-shadow: 0 0 0px 2px var(--ax3); } | |
| /* | |
| .colorful-active .suggestion-container .suggestion-item:hover, | |
| .colorful-active .modal-container .suggestion-item.is-selected { | |
| }*/ | |
| /* Colorful headings */ | |
| body.colorful-headings { | |
| --h1-color:var(--red); | |
| --h2-color:var(--orange); | |
| --h3-color:var(--yellow); | |
| --h4-color:var(--green); | |
| --h5-color:var(--blue); | |
| --h6-color:var(--purple); } | |
| /* Icons | |
| Thank you to Matthew Meyers and Chetachi Ezikeuzor */ | |
| .is-mobile .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: var(--icon-size); | |
| height: var(--icon-size); } | |
| body:not(.minimal-icons-off) .menu-item-icon svg { | |
| width: 16px; | |
| height: 16px; } | |
| body:not(.minimal-icons-off) .workspace-ribbon-collapse-btn svg { | |
| width: var(--icon-size); | |
| height: var(--icon-size); } | |
| 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.globe, | |
| 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.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.ScriptEngine, | |
| 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.obsidian-leaflet-plugin-icon-map, | |
| 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.reading-glasses, | |
| body:not(.minimal-icons-off) svg.restore-file-glyph, | |
| body:not(.minimal-icons-off) svg.scissors-glyph, | |
| body:not(.minimal-icons-off) svg.scissors, | |
| body:not(.minimal-icons-off) svg.search-glyph, | |
| body:not(.minimal-icons-off) svg.select-all-text, | |
| body:not(.minimal-icons-off) svg.split, | |
| body:not(.minimal-icons-off) svg.star-glyph, | |
| body:not(.minimal-icons-off) svg.stop-audio-glyph, | |
| body:not(.minimal-icons-off) svg.sweep, | |
| body:not(.minimal-icons-off) svg.two-blank-pages, | |
| body:not(.minimal-icons-off) svg.tomorrow-glyph, | |
| body:not(.minimal-icons-off) svg.yesterday-glyph, | |
| body:not(.minimal-icons-off) svg.workspace-glyph, | |
| body:not(.minimal-icons-off) svg.box-glyph, | |
| body:not(.minimal-icons-off) svg.wand, | |
| body:not(.minimal-icons-off) svg.longform, | |
| body:not(.minimal-icons-off) svg.changelog { | |
| background-color: currentColor; } | |
| body:not(.minimal-icons-off) svg.any-key > path, | |
| body:not(.minimal-icons-off) svg.blocks > path, | |
| body:not(.minimal-icons-off) svg.bar-graph > path, | |
| body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon > path, | |
| body:not(.minimal-icons-off) svg.audio-file > path, | |
| body:not(.minimal-icons-off) svg.bold-glyph > path, | |
| body:not(.minimal-icons-off) svg.italic-glyph > path, | |
| body:not(.minimal-icons-off) svg.bracket-glyph > path, | |
| body:not(.minimal-icons-off) svg.broken-link > path, | |
| body:not(.minimal-icons-off) svg.bullet-list-glyph > path, | |
| body:not(.minimal-icons-off) svg.bullet-list > path, | |
| body:not(.minimal-icons-off) svg.calendar-day > path, | |
| body:not(.minimal-icons-off) svg.calendar-with-checkmark > path, | |
| body:not(.minimal-icons-off) svg.check-in-circle > path, | |
| body:not(.minimal-icons-off) svg.check-small > path, | |
| body:not(.minimal-icons-off) svg.checkbox-glyph > path, | |
| body:not(.minimal-icons-off) svg.checkmark > path, | |
| body:not(.minimal-icons-off) svg.clock > path, | |
| body:not(.minimal-icons-off) svg.cloud > path, | |
| body:not(.minimal-icons-off) svg.code-glyph > path, | |
| body:not(.minimal-icons-off) svg.command-glyph > path, | |
| body:not(.minimal-icons-off) svg.create-new > path, | |
| body:not(.minimal-icons-off) svg.cross-in-box > path, | |
| body:not(.minimal-icons-off) svg.cross > path, | |
| body:not(.minimal-icons-off) svg.crossed-star > path, | |
| body:not(.minimal-icons-off) svg.dice > path, | |
| body:not(.minimal-icons-off) svg.disk > path, | |
| body:not(.minimal-icons-off) svg.document > path, | |
| body:not(.minimal-icons-off) svg.documents > path, | |
| body:not(.minimal-icons-off) svg.dot-network > path, | |
| body:not(.minimal-icons-off) svg.double-down-arrow-glyph > path, | |
| body:not(.minimal-icons-off) svg.double-up-arrow-glyph > path, | |
| body:not(.minimal-icons-off) svg.down-arrow-with-tail > path, | |
| body:not(.minimal-icons-off) svg.down-chevron-glyph > path, | |
| body:not(.minimal-icons-off) svg.enter > path, | |
| body:not(.minimal-icons-off) svg.exit-fullscreen > path, | |
| body:not(.minimal-icons-off) svg.expand-vertically > path, | |
| body:not(.minimal-icons-off) svg.excalidraw-icon path, | |
| body:not(.minimal-icons-off) svg.filled-pin > path, | |
| body:not(.minimal-icons-off) svg.folder > path, | |
| body:not(.minimal-icons-off) svg.fullscreen > path, | |
| body:not(.minimal-icons-off) svg.gear > path, | |
| body:not(.minimal-icons-off) svg.hashtag > path, | |
| body:not(.minimal-icons-off) svg.heading-glyph > path, | |
| body:not(.minimal-icons-off) svg.globe > 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.obsidian-leaflet-plugin-icon-map > 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.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.reading-glasses > 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.ScriptEngine > path, | |
| body:not(.minimal-icons-off) svg.search > path, | |
| body:not(.minimal-icons-off) svg.sheets-in-box > path, | |
| body:not(.minimal-icons-off) svg.spreadsheet > path, | |
| body:not(.minimal-icons-off) svg.stacked-levels > path, | |
| body:not(.minimal-icons-off) svg.star-list > path, | |
| body:not(.minimal-icons-off) svg.star > path, | |
| body:not(.minimal-icons-off) svg.strikethrough-glyph > path, | |
| body:not(.minimal-icons-off) svg.switch > path, | |
| body:not(.minimal-icons-off) svg.sync-small > path, | |
| body:not(.minimal-icons-off) svg.sync > path, | |
| body:not(.minimal-icons-off) svg.tag-glyph > path, | |
| body:not(.minimal-icons-off) svg.three-horizontal-bars > path, | |
| body:not(.minimal-icons-off) svg.trash > path, | |
| body:not(.minimal-icons-off) svg.undo-glyph > path, | |
| body:not(.minimal-icons-off) svg.unindent-glyph > path, | |
| body:not(.minimal-icons-off) svg.up-and-down-arrows > path, | |
| body:not(.minimal-icons-off) svg.up-arrow-with-tail > path, | |
| body:not(.minimal-icons-off) svg.up-chevron-glyph > path, | |
| body:not(.minimal-icons-off) svg.vault > path, | |
| body:not(.minimal-icons-off) svg.vertical-split > path, | |
| body:not(.minimal-icons-off) svg.vertical-three-dots > path, | |
| body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph > path, | |
| body:not(.minimal-icons-off) svg.clock-glyph > path, | |
| body:not(.minimal-icons-off) svg.add-note-glyph > path, | |
| body:not(.minimal-icons-off) svg.calendar-glyph > path, | |
| body:not(.minimal-icons-off) svg.duplicate-glyph > path, | |
| body:not(.minimal-icons-off) svg.file-explorer-glyph > path, | |
| body:not(.minimal-icons-off) svg.graph-glyph > path, | |
| body:not(.minimal-icons-off) svg.import-glyph > path, | |
| body:not(.minimal-icons-off) svg.languages > path, | |
| body:not(.minimal-icons-off) svg.links-coming-in > path, | |
| body:not(.minimal-icons-off) svg.links-going-out > path, | |
| body:not(.minimal-icons-off) svg.merge-files > path, | |
| body:not(.minimal-icons-off) svg.open-elsewhere-glyph > path, | |
| body:not(.minimal-icons-off) svg.paper-plane-glyph > path, | |
| body:not(.minimal-icons-off) svg.paste-text > path, | |
| body:not(.minimal-icons-off) svg.paste > path, | |
| body:not(.minimal-icons-off) svg.percent-sign-glyph > path, | |
| body:not(.minimal-icons-off) svg.play-audio-glyph > path, | |
| body:not(.minimal-icons-off) svg.plus-minus-glyph > path, | |
| body:not(.minimal-icons-off) svg.presentation-glyph > path, | |
| body:not(.minimal-icons-off) svg.question-mark-glyph > path, | |
| body:not(.minimal-icons-off) svg.restore-file-glyph > path, | |
| body:not(.minimal-icons-off) svg.scissors-glyph > path, | |
| body:not(.minimal-icons-off) svg.scissors > path, | |
| body:not(.minimal-icons-off) svg.search-glyph > path, | |
| body:not(.minimal-icons-off) svg.select-all-text > path, | |
| body:not(.minimal-icons-off) svg.split > path, | |
| body:not(.minimal-icons-off) svg.star-glyph > path, | |
| body:not(.minimal-icons-off) svg.stop-audio-glyph > path, | |
| body:not(.minimal-icons-off) svg.sweep > path, | |
| body:not(.minimal-icons-off) svg.two-blank-pages > path, | |
| body:not(.minimal-icons-off) svg.tomorrow-glyph > path, | |
| body:not(.minimal-icons-off) svg.yesterday-glyph > path, | |
| body:not(.minimal-icons-off) svg.workspace-glyph > path, | |
| body:not(.minimal-icons-off) svg.box-glyph > path, | |
| body:not(.minimal-icons-off) svg.wand > path, | |
| body:not(.minimal-icons-off) svg.longform > path, | |
| body:not(.minimal-icons-off) svg.changelog > path { | |
| display: none; } | |
| body:not(.minimal-icons-off) svg.any-key { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M27.2,8C17.7,8,10,15.7,10,25.2v37.6v14C10,86.3,17.7,94,27.2,94h45.6C82.3,94,90,86.3,90,76.8V61.2v-36 C90,15.7,82.3,8,72.8,8L27.2,8z M27.2,12h45.6C80.1,12,86,17.9,86,25.2v36v1.6C86,70.1,80.1,76,72.8,76H27.2 C19.9,76,14,70.1,14,62.8v-1.6v-36C14,17.9,19.9,12,27.2,12z M48,26v14.5L35.6,33l-2.1,3.4L46.1,44l-12.6,7.6l2.1,3.4L48,47.5V62 h4V47.5L64.4,55l2.1-3.4L53.9,44l12.6-7.6L64.4,33L52,40.5V26H48z M14,73.8c3.2,3.8,7.9,6.2,13.2,6.2h45.6c5.3,0,10-2.4,13.2-6.2 v3C86,84.1,80.1,90,72.8,90H27.2C19.9,90,14,84.1,14,76.8L14,73.8z" stroke-width="4" stroke="currentColor"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.audio-file { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 7.22L6.603 10H3v4h3.603L10 16.78V7.22zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387L5.89 16zm13.517 4.134l-1.416-1.416A8.978 8.978 0 0 0 21 12a8.982 8.982 0 0 0-3.304-6.968l1.42-1.42A10.976 10.976 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134zm-3.543-3.543l-1.422-1.422A3.993 3.993 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.991 5.991 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.bar-graph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M 11.742188 1.0136719 C 11.495014 0.99451258 11.245989 1.0010245 11.003906 1.0390625 C 10.519741 1.1151385 10.060171 1.3167823 9.6875 1.6894531 C 8.9427523 2.4345187 8.8811384 3.5232122 9.140625 4.4746094 C 9.4002664 5.4265742 9.9764411 6.3670666 10.804688 7.1953125 C 11.496834 7.8874596 12.264436 8.3925883 13.054688 8.6933594 C 13.05294 8.7011774 13.048573 8.708982 13.046875 8.7167969 C 12.838268 9.6768984 13.040458 10.665466 13.6875 11.3125 C 14.334556 11.959533 15.323109 12.161766 16.283203 11.953125 C 17.243297 11.744486 18.226203 11.164455 19.195312 10.195312 C 20.164421 9.2261688 20.744519 8.2433044 20.953125 7.2832031 C 21.161733 6.323102 20.959541 5.3345335 20.3125 4.6875 C 19.665444 4.0404665 18.676891 3.8382344 17.716797 4.046875 C 17.301697 4.1370811 16.88172 4.3104581 16.460938 4.5410156 C 16.1531 3.9336321 15.733191 3.3445189 15.193359 2.8046875 C 14.365195 1.9765236 13.424549 1.4022437 12.472656 1.1425781 C 12.234683 1.0776617 11.989361 1.0328312 11.742188 1.0136719 z M 11.355469 3.0039062 C 11.491174 2.9871459 11.682712 2.9981453 11.947266 3.0703125 C 12.476373 3.2146469 13.169461 3.6089139 13.779297 4.21875 C 14.292232 4.7316847 14.642645 5.2994399 14.830078 5.7832031 C 14.82185 5.7913732 14.812913 5.7964614 14.804688 5.8046875 C 14.447168 6.1622192 14.160755 6.5213226 13.908203 6.8808594 C 13.40404 6.705826 12.774737 6.3372375 12.21875 5.78125 C 11.608996 5.1714959 11.214672 4.4765508 11.070312 3.9472656 C 10.925954 3.4179805 11.025573 3.1794146 11.101562 3.1035156 C 11.139893 3.0651866 11.219764 3.0206666 11.355469 3.0039062 z M 18.443359 5.9609375 C 18.698605 5.9522653 18.825548 6.028674 18.898438 6.1015625 C 18.995628 6.1987455 19.099335 6.3912538 18.998047 6.8574219 C 18.896761 7.3235892 18.548292 8.0141814 17.78125 8.78125 C 17.014208 9.5483187 16.323586 9.896744 15.857422 9.9980469 C 15.391257 10.099351 15.198748 9.9956209 15.101562 9.8984375 C 15.004376 9.8012541 14.900665 9.6087462 15.001953 9.1425781 C 15.103239 8.6764108 15.451708 7.9858186 16.21875 7.21875 C 16.985792 6.4516813 17.676414 6.103256 18.142578 6.0019531 C 18.259119 5.9766272 18.358277 5.9638282 18.443359 5.9609375 z M 3.8886719 5.984375 C 3.1146141 5.9054734 2.2915765 6.0834024 1.6875 6.6875 C 0.8820646 7.4929634 0.83275973 8.6870674 1.1425781 9.6367188 C 1.4523965 10.58637 2.0637964 11.454448 2.8046875 12.195312 C 3.5455786 12.936179 4.4136188 13.547637 5.3632812 13.857422 C 6.3129437 14.167208 7.5070646 14.117964 8.3125 13.3125 C 9.1179353 12.507037 9.1672404 11.312932 8.8574219 10.363281 C 8.5476033 9.4136292 7.9362037 8.5455528 7.1953125 7.8046875 C 6.4544215 7.0638223 5.5863811 6.4523633 4.6367188 6.1425781 C 4.3993032 6.0651318 4.1466911 6.0106755 3.8886719 5.984375 z M 3.4335938 7.9394531 C 3.5730706 7.9266303 3.754074 7.9576494 4.015625 8.0429688 C 4.538727 8.2136077 5.2199812 8.6575008 5.78125 9.21875 C 6.3425188 9.7799991 6.7863743 10.461279 6.9570312 10.984375 C 7.1276882 11.507471 7.0852911 11.711577 6.8984375 11.898438 C 6.7115842 12.085297 6.5074768 12.127672 5.984375 11.957031 C 5.4612734 11.786394 4.7800187 11.342499 4.21875 10.78125 C 3.6574812 10.220001 3.2136258 9.5387211 3.0429688 9.015625 C 2.8723116 8.492529 2.9147092 8.2884225 3.1015625 8.1015625 C 3.1949892 8.0081325 3.2941169 7.952276 3.4335938 7.9394531 z M 17.888672 12.984375 C 17.114614 12.905473 16.291576 13.083403 15.6875 13.6875 C 14.882065 14.492963 14.83276 15.687068 15.142578 16.636719 C 15.452396 17.586371 16.063796 18.454447 16.804688 19.195312 C 17.545579 19.936177 18.413619 20.547637 19.363281 20.857422 C 20.312944 21.167208 21.507065 21.117963 22.3125 20.3125 C 23.117935 19.507037 23.16724 18.312932 22.857422 17.363281 C 22.547604 16.413629 21.936203 15.545553 21.195312 14.804688 C 20.454421 14.063823 19.586381 13.452363 18.636719 13.142578 C 18.399303 13.065132 18.146691 13.010676 17.888672 12.984375 z M 17.433594 14.939453 C 17.573071 14.926631 17.754074 14.957649 18.015625 15.042969 C 18.538728 15.213607 19.219981 15.657501 19.78125 16.21875 C 20.342519 16.779999 20.786375 17.461279 20.957031 17.984375 C 21.127688 18.507471 21.085292 18.711578 20.898438 18.898438 C 20.711583 19.085297 20.507477 19.127671 19.984375 18.957031 C 19.461272 18.786393 18.780019 18.342499 18.21875 17.78125 C 17.657481 17.220001 17.213625 16.538721 17.042969 16.015625 C 16.872312 15.492529 16.914708 15.288422 17.101562 15.101562 C 17.194989 15.008133 17.294117 14.952276 17.433594 14.939453 z M 10.435547 14.966797 C 10.197809 14.966925 9.9568203 14.994715 9.7167969 15.046875 C 8.756703 15.255514 7.7737972 15.835544 6.8046875 16.804688 C 5.8355775 17.773832 5.2554813 18.756695 5.046875 19.716797 C 4.838268 20.676897 5.0404485 21.665466 5.6875 22.3125 C 6.3345564 22.959534 7.3231095 23.161765 8.2832031 22.953125 C 9.2432974 22.744485 10.226203 22.164457 11.195312 21.195312 C 12.164421 20.226168 12.744519 19.243304 12.953125 18.283203 C 13.161733 17.323101 12.959541 16.334534 12.3125 15.6875 C 11.827208 15.202225 11.148761 14.966413 10.435547 14.966797 z M 10.443359 16.960938 C 10.698605 16.952261 10.825548 17.028659 10.898438 17.101562 C 10.995627 17.198743 11.099334 17.391254 10.998047 17.857422 C 10.89676 18.323589 10.548292 19.014181 9.78125 19.78125 C 9.0142082 20.548319 8.3235856 20.896744 7.8574219 20.998047 C 7.3912574 21.09935 7.1987491 20.995621 7.1015625 20.898438 C 7.0043761 20.801254 6.9006663 20.608746 7.0019531 20.142578 C 7.1032405 19.676411 7.4517083 18.985819 8.21875 18.21875 C 8.9857919 17.451681 9.6764148 17.103256 10.142578 17.001953 C 10.259119 16.976627 10.358277 16.96383 10.443359 16.960938 z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.blocks { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM9 9H5V5h4v4zm11 4h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-4v-4h4v4zM17 3c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2zM7 13c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.bold-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M8 11h4.5a2.5 2.5 0 1 0 0-5H8v5zm10 4.5a4.5 4.5 0 0 1-4.5 4.5H6V4h6.5a4.5 4.5 0 0 1 3.256 7.606A4.498 4.498 0 0 1 18 15.5zM8 13v5h5.5a2.5 2.5 0 1 0 0-5H8z" stroke-width=".5" stroke="currentColor"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.italic-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1024 1024"><path fill="black" d="M798 160H366c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h181.2l-156 544H229c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h432c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8H474.4l156-544H798c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.bracket-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 4V2H4v20h6v-2H6V4zm4 16v2h6V2h-6v2h4v16z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.broken-link { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M70.833 70.833h20.833v8.333h-12.5v12.5h-8.333v-20.833zM29.167 29.167H8.333V20.833h12.5V8.333h8.333v20.833zm47.35 35.567L70.625 58.833l5.892 -5.892a20.833 20.833 0 1 0 -29.463 -29.463L41.163 29.375L35.267 23.483L41.167 17.592a29.167 29.167 0 0 1 41.25 41.25l-5.896 5.892zm-11.783 11.783l-5.896 5.892a29.167 29.167 0 0 1 -41.25 -41.25l5.896 -5.892L29.375 41.167l-5.892 5.892a20.833 20.833 0 1 0 29.463 29.463l5.892 -5.892l5.896 5.892zm-2.95 -44.196l5.896 5.896l-29.463 29.458l-5.896 -5.892l29.463 -29.458z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.bullet-list-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.667 25h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm66.667 -33.333V25H33.429v8.333H78.333zM33.333 45.833h50v8.333H33.333zm0 20.833h50v8.333H33.333z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.bullet-list { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.667 25h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm66.667 -33.333V25H33.429v8.333H78.333zM33.333 45.833h50v8.333H33.333zm0 20.833h50v8.333H33.333z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.calendar-with-checkmark { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 16.667h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333zm0.008 66.667H20.833V33.333h58.333l0.008 50z M45.833 72.558l23.779 -23.779l-5.892 -5.892L45.833 60.775l-9.554 -9.554l-5.892 5.892z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.check-in-circle { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm-8.329 60.054l-15.471 -15.438L32.083 47.05l9.579 9.563l22.058 -22.058l5.892 5.892l-27.942 27.942z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.check-small { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zM50 83.333c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333S68.379 83.333 50 83.333z M41.663 56.613L32.083 47.05 26.2 52.95 41.671 68.388 69.613 40.446 63.721 34.554z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.checkbox-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10.933 13.519l-2.226-2.226l-1.414 1.414l3.774 3.774l5.702-6.84l-1.538-1.282z"/><path d="M19 3H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM5 19V5h14l.002 14H5z" fill="currentColor"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.checkmark { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.667 64.942l-13.721 -13.721l-5.892 5.892L41.667 76.725l40.446 -40.446l-5.892 -5.892z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.clock { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"/><path fill="black" d="M54.167 29.167h-8.333v25h25v-8.333h-16.667z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.clock-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.938 34.458l6.513 -6.513l-5.892 -5.892L77.442 29.167c-4.375 -2.625 -9.475 -4.167 -14.942 -4.167c-16.079 0 -29.167 13.083 -29.167 29.167s13.088 29.167 29.167 29.167s29.167 -13.083 29.167 -29.167a29.025 29.025 0 0 0 -7.729 -19.708zM62.5 75c-11.488 0 -20.833 -9.346 -20.833 -20.833s9.346 -20.833 20.833 -20.833s20.833 9.346 20.833 20.833s-9.346 20.833 -20.833 20.833z"/><path fill="black" d="M58.333 41.667h8.333v16.667h-8.333zm-4.167 -29.167h16.667v8.333h-16.667zM12.5 33.333h16.667v8.333H12.5zm0 33.333h16.667v8.333H12.5zm-4.167 -16.667h16.625v8.333H8.333z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.cloud { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M78.933 46.3C77.113 31.958 64.833 20.833 50 20.833C38.517 20.833 28.542 27.546 23.988 38.125C15.038 40.8 8.333 49.25 8.333 58.333c0 11.488 9.346 20.833 20.833 20.833h45.833c9.192 0 16.667 -7.475 16.667 -16.667a16.708 16.708 0 0 0 -12.733 -16.2zM75 70.833H29.167c-6.892 0 -12.5 -5.608 -12.5 -12.5c0 -5.85 4.996 -11.483 11.138 -12.563l2.421 -0.425l0.8 -2.325C33.954 34.475 41.229 29.167 50 29.167c11.488 0 20.833 9.346 20.833 20.833v4.167h4.167c4.596 0 8.333 3.738 8.333 8.333s-3.738 8.333 -8.333 8.333z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.code-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.cross-in-box { | |
| -webkit-mask-image: url("data:image/svg+xml,<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>"); } | |
| body:not(.minimal-icons-off) svg.cross { | |
| -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: var(--icon-size); | |
| height: var(--icon-size); } | |
| body:not(.minimal-icons-off) svg.crossed-star { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M20.938 86.563A4.158 4.158 0 0 0 25 91.667a4.167 4.167 0 0 0 2.313 -0.7L50 75.842l22.688 15.125a4.171 4.171 0 0 0 6.321 -4.608l-7.621 -26.667l18.9 -17.008a4.167 4.167 0 0 0 -2.458 -7.25l-23.754 -1.892l-10.279 -22.754a4.158 4.158 0 0 0 -7.592 -0.004L35.925 33.542l-23.754 1.888a4.167 4.167 0 0 0 -2.579 7.138l17.558 17.113l-6.213 26.883zM50 22.621l8.508 18.838l2.45 0.196h0.004l16.55 1.313l-13.629 12.267l-0.004 0.008l-1.929 1.733l0.713 2.488v0.013l5.221 18.271L50 65.825V22.621z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.dice { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 12.5H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333zM20.833 79.167V20.833h58.333l0.008 58.333H20.833z M39.583 33.333A6.25 6.25 0 0 1 33.333 39.583A6.25 6.25 0 0 1 27.083 33.333A6.25 6.25 0 0 1 39.583 33.333z M56.25 50A6.25 6.25 0 0 1 50 56.25A6.25 6.25 0 0 1 43.75 50A6.25 6.25 0 0 1 56.25 50z M72.917 66.667A6.25 6.25 0 0 1 66.667 72.917A6.25 6.25 0 0 1 60.417 66.667A6.25 6.25 0 0 1 72.917 66.667z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.disk { | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4' /%3E%3C/svg%3E"); } | |
| body:not(.minimal-icons-off) svg.document { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.071 36.167c-0.046 -0.133 -0.083 -0.263 -0.138 -0.392c-0.204 -0.442 -0.458 -0.863 -0.817 -1.221l-25 -25c-0.358 -0.358 -0.779 -0.613 -1.221 -0.817c-0.125 -0.058 -0.258 -0.092 -0.392 -0.138c-0.35 -0.117 -0.708 -0.192 -1.079 -0.212C54.333 8.379 54.254 8.333 54.167 8.333H25C20.404 8.333 16.667 12.071 16.667 16.667v66.667c0 4.596 3.738 8.333 8.333 8.333h50c4.596 0 8.333 -3.738 8.333 -8.333V37.5c0 -0.088 -0.046 -0.167 -0.054 -0.258C83.258 36.875 83.188 36.517 83.071 36.167zM69.108 33.333H58.333V22.558L69.108 33.333zM25 83.333V16.667h25v20.833c0 2.304 1.863 4.167 4.167 4.167h20.833l0.008 41.667H25z"></path></svg>'); } | |
| body:not(.minimal-icons-off) .nav-action-button[aria-label="New note"] svg.document, | |
| body:not(.minimal-icons-off) .workspace-leaf-content[data-type="file-explorer"] .nav-action-button:first-child svg.document, | |
| body:not(.minimal-icons-off) svg.create-new { | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z' /%3E%3C/svg%3E"); } | |
| body:not(.minimal-icons-off) svg.documents { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 8.333H41.667C37.071 8.333 33.333 12.071 33.333 16.667v16.667H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v41.667c0 4.596 3.738 8.333 8.333 8.333h41.667c4.596 0 8.333 -3.738 8.333 -8.333v-16.667h16.667c4.596 0 8.333 -3.738 8.333 -8.333V16.667C91.667 12.071 87.929 8.333 83.333 8.333zM16.667 83.333V41.667h41.667l0.008 41.667H16.667zM83.333 58.333h-16.667v-16.667c0 -4.596 -3.738 -8.333 -8.333 -8.333h-16.667V16.667h41.667V58.333z M25 50H50V58.333H25zM25 66.667H50V75H25z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.dot-network { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M81.25 12.5C75.504 12.5 70.833 17.171 70.833 22.917c0 1.488 0.325 2.9 0.892 4.188l-8.146 9.162C60.896 34.425 57.663 33.333 54.167 33.333c-3.083 0 -5.933 0.9 -8.413 2.358L36.279 26.221L36.183 26.317C37 24.658 37.5 22.813 37.5 20.833c0 -6.904 -5.596 -12.5 -12.5 -12.5S12.5 13.929 12.5 20.833s5.596 12.5 12.5 12.5c1.979 0 3.821 -0.5 5.483 -1.317L30.388 32.113L39.863 41.583C38.396 44.067 37.5 46.921 37.5 50c0 4.154 1.583 7.913 4.104 10.838l-10.738 10.733C29.692 71.108 28.421 70.833 27.083 70.833C21.342 70.833 16.667 75.504 16.667 81.25S21.342 91.667 27.083 91.667S37.5 86.996 37.5 81.25c0 -1.338 -0.275 -2.608 -0.738 -3.788l11.825 -11.825C50.342 66.263 52.2 66.667 54.167 66.667c9.192 0 16.667 -7.475 16.667 -16.667c0 -2.65 -0.679 -5.121 -1.783 -7.35l8.821 -9.929C78.938 33.087 80.063 33.333 81.25 33.333C86.996 33.333 91.667 28.663 91.667 22.917S86.996 12.5 81.25 12.5zM54.167 58.333c-4.596 0 -8.333 -3.738 -8.333 -8.333s3.738 -8.333 8.333 -8.333c4.596 0 8.333 3.738 8.333 8.333S58.763 58.333 54.167 58.333z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.double-down-arrow-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M16.59 5.59L18 7l-6 6l-6-6l1.41-1.41L12 10.17l4.59-4.58m0 6L18 13l-6 6l-6-6l1.41-1.41L12 16.17l4.59-4.58z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.double-up-arrow-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M7.41 18.41L6 17l6-6l6 6l-1.41 1.41L12 13.83l-4.59 4.58m0-6L6 11l6-6l6 6l-1.41 1.41L12 7.83l-4.59 4.58z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.down-arrow-with-tail { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M77.946 52.946l-5.892 -5.892L54.167 64.942V25h-8.333v39.942l-17.888 -17.888l-5.892 5.892L50 80.892z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.down-chevron-glyph { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M67.888 38.721L50 56.608L32.113 38.721l-5.892 5.892L50 68.392l23.779 -23.779z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.enter { | |
| transform: translate(-2px); | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M54.167 66.667l20.833 -16.667l-20.833 -16.667v12.5H16.667v8.333h37.5z"/><path fill="black" d="M83.333 12.5h-37.5c-4.596 0 -8.333 3.738 -8.333 8.333v16.667h8.333V20.833h37.5v58.333h-37.5v-16.667H37.5v16.667c0 4.596 3.738 8.333 8.333 8.333h37.5c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.excalidraw-icon { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 19l7-7l3 3l-7 7l-3-3z"/%3E%3Cpath d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/%3E%3Cpath d="M2 2l7.586 7.586"/%3E%3Ccircle cx="11" cy="11" r="2"/%3E%3C/g%3E%3C/svg%3E%0A'); } | |
| body:not(.minimal-icons-off) svg.exit-fullscreen { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.667 16.667H33.333v16.667H16.667v8.333h25zM33.333 83.333h8.333v-25H16.667v8.333h16.667zm50 -25h-25v25h8.333v-16.667h16.667zm0 -25h-16.667V16.667h-8.333v25h25z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.expand-vertically { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M29.167 70.833L50 91.667 70.833 70.833 54.167 70.833 54.167 29.167 70.833 29.167 50 8.333 29.167 29.167 45.833 29.167 45.833 70.833z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.filled-pin { | |
| transform: rotate(45deg); | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M12 22l1-2v-3h5a1 1 0 0 0 1-1v-1.586c0-.526-.214-1.042-.586-1.414L17 11.586V8a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2H8c-1.103 0-2 .897-2 2v3a1 1 0 0 0 1 1v3.586L5.586 13A2.01 2.01 0 0 0 5 14.414V16a1 1 0 0 0 1 1h5v3l1 2zM8 4h8v2H8V4zM7 14.414l1.707-1.707A.996.996 0 0 0 9 12V8h6v4c0 .266.105.52.293.707L17 14.414V15H7v-.586z"></path></svg>'); } | |
| body:not(.minimal-icons-off) svg.folder { | |
| -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 75H16.667V33.333h66.667m0 -8.333h-33.333l-8.333 -8.333H16.667c-4.625 0 -8.333 3.708 -8.333 8.333v50a8.333 8.333 0 0 0 8.333 8.333h66.667a8.333 8.333 0 0 0 8.333 -8.333V33.333a8.333 8.333 0 0 0 -8.333 -8.333z"></path></svg>'); } | |
| body:not(.minimal-icons-off) .workspace-tab-header[data-type="file-explorer"] svg.folder, | |
| 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, | |
| body:not(.minimal-icons-off) .workspace-leaf-content[data-type="file-explorer"] .nav-action-button:nth-child(2) 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.ScriptEngine, | |
| 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.globe { | |
| -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.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z' /%3E%3C/svg%3E"); } | |
| 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,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cg fill="black"%3E%3Cpath d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8L2.646 6.354a.5.5 0 0 1 0-.708zM7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } | |
| 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.reading-glasses, | |
| 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.obsidian-leaflet-plugin-icon-map { | |
| -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 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7' /%3E%3C/svg%3E"); } | |
| 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[data-type="dictionary-view"] 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.is-mobile:not(.minimal-icons-off) .view-header-icon svg.three-horizontal-bars { | |
| -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.18555 18.8857H9.87207V1.91309H8.18555V18.8857ZM6.1123 6.2207C6.27702 6.2207 6.42025 6.15983 6.54199 6.03809C6.66374 5.90918 6.72461 5.76953 6.72461 5.61914C6.72461 5.45443 6.66374 5.31478 6.54199 5.2002C6.42025 5.07845 6.27702 5.01758 6.1123 5.01758H3.81348C3.64876 5.01758 3.50553 5.07845 3.38379 5.2002C3.26204 5.31478 3.20117 5.45443 3.20117 5.61914C3.20117 5.76953 3.26204 5.90918 3.38379 6.03809C3.50553 6.15983 3.64876 6.2207 3.81348 6.2207H6.1123ZM6.1123 9.00293C6.27702 9.00293 6.42025 8.94206 6.54199 8.82031C6.66374 8.69857 6.72461 8.55534 6.72461 8.39062C6.72461 8.23307 6.66374 8.09701 6.54199 7.98242C6.42025 7.86068 6.27702 7.7998 6.1123 7.7998H3.81348C3.64876 7.7998 3.50553 7.86068 3.38379 7.98242C3.26204 8.09701 3.20117 8.23307 3.20117 8.39062C3.20117 8.55534 3.26204 8.69857 3.38379 8.82031C3.50553 8.94206 3.64876 9.00293 3.81348 9.00293H6.1123ZM6.1123 11.7744C6.27702 11.7744 6.42025 11.7171 6.54199 11.6025C6.66374 11.4808 6.72461 11.3411 6.72461 11.1836C6.72461 11.0189 6.66374 10.8792 6.54199 10.7646C6.42025 10.6429 6.27702 10.582 6.1123 10.582H3.81348C3.64876 10.582 3.50553 10.6429 3.38379 10.7646C3.26204 10.8792 3.20117 11.0189 3.20117 11.1836C3.20117 11.3411 3.26204 11.4808 3.38379 11.6025C3.50553 11.7171 3.64876 11.7744 3.81348 11.7744H6.1123ZM3.37305 20.2822H21.957C23.0885 20.2822 23.9336 20.0029 24.4922 19.4443C25.0508 18.8929 25.3301 18.0622 25.3301 16.9521V3.83594C25.3301 2.72591 25.0508 1.89518 24.4922 1.34375C23.9336 0.785156 23.0885 0.505859 21.957 0.505859H3.37305C2.2487 0.505859 1.40365 0.785156 0.837891 1.34375C0.279297 1.89518 0 2.72591 0 3.83594V16.9521C0 18.0622 0.279297 18.8929 0.837891 19.4443C1.40365 20.0029 2.2487 20.2822 3.37305 20.2822ZM3.39453 18.5527C2.85742 18.5527 2.44564 18.4131 2.15918 18.1338C1.87272 17.8473 1.72949 17.4248 1.72949 16.8662V3.92188C1.72949 3.36328 1.87272 2.94434 2.15918 2.66504C2.44564 2.37858 2.85742 2.23535 3.39453 2.23535H21.9355C22.4655 2.23535 22.8737 2.37858 23.1602 2.66504C23.4538 2.94434 23.6006 3.36328 23.6006 3.92188V16.8662C23.6006 17.4248 23.4538 17.8473 23.1602 18.1338C22.8737 18.4131 22.4655 18.5527 21.9355 18.5527H3.39453Z' fill='black'/%3E%3C/svg%3E%0A"); } | |
| 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,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cg fill="black"%3E%3Cpath d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm10.646 2.146a.5.5 0 0 1 .708.708L11.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zM2 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } | |
| 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>'); } | |
| /* Fancy cursor */ | |
| .fancy-cursor .CodeMirror-cursor { | |
| border: none; | |
| border-left: 2px solid var(--text-accent); } | |
| .cm-fat-cursor .CodeMirror-cursor { | |
| background-color: var(--text-accent); | |
| opacity: 0.5; | |
| width: 5px; } | |
| .cm-animate-fat-cursor { | |
| background-color: var(--text-accent); | |
| opacity: 0.5; | |
| width: 5px; } | |
| /* Live Preview */ | |
| body:not(.is-mobile).fancy-cursor .mod-cm6 .cm-line { | |
| caret-color: transparent; } | |
| body:not(.is-mobile).fancy-cursor .mod-cm6 .cm-cursor { | |
| width: 0; | |
| border: none; | |
| border-left: 2px solid var(--text-accent); } | |
| body.is-mobile.fancy-cursor .mod-cm6 .cm-cursor { | |
| margin-left: 1px; } | |
| .is-mobile.fancy-cursor .mod-cm6 .cm-line .mod-cm6 .HyperMD-task-line[data-task]:not([data-task=" "]) .task-list-item-checkbox { | |
| caret-color: var(--text-accent); } | |
| /* Prompt */ | |
| .fancy-cursor input.prompt-input { | |
| caret-color: var(--text-accent); } | |
| .nav-folder-children .nav-folder-children { | |
| margin-left: 18px; | |
| padding-left: 0; | |
| border-left: 1px solid var(--background-modifier-border); } | |
| .nav-folder-title { | |
| margin-left: 6px; } | |
| .nav-folder-title-content { | |
| padding-left: 4px; } | |
| .nav-file { | |
| margin-left: 10px; } | |
| .mod-root > .nav-folder-children > .nav-file { | |
| margin-left: 12px; } | |
| /* Focus mode */ | |
| /* MIT License | Copyright (c) Stephan Ango (@kepano) */ | |
| /* Hide app ribbon */ | |
| .workspace-ribbon.mod-left { | |
| border-left: 0; | |
| transition: none; } | |
| .minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed { | |
| border-color: transparent; | |
| background-color: var(--background-primary); } | |
| .minimal-focus-mode .workspace-ribbon.mod-left { | |
| background-color: var(--background-secondary); | |
| transition: background-color 0s linear 0s; } | |
| .minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed, | |
| .minimal-focus-mode .workspace-ribbon.is-collapsed .workspace-ribbon-collapse-btn { | |
| opacity: 0; | |
| transition: opacity 0.1s ease-in-out 0.1s, background-color 0.1s linear 0.1s; } | |
| .minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed:hover, | |
| .minimal-focus-mode .workspace-ribbon.is-collapsed:hover .workspace-ribbon-collapse-btn { | |
| opacity: 1; } | |
| .is-right-sidedock-collapsed .workspace-split.mod-right-split { | |
| margin-right: 0px; } | |
| body.minimal-focus-mode.borders-title .workspace-ribbon.mod-left.is-collapsed { | |
| border-right: none; } | |
| /* Collapse header bar */ | |
| body.minimal-focus-mode.borders-title .workspace-leaf .workspace-leaf-content:not([data-type=graph]):not([data-type=localgraph]) .view-header, | |
| body.minimal-focus-mode.borders-title .workspace-split.mod-root .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content:not([data-type=graph]):not([data-type=empty]):not([data-type=localgraph]) .view-header { | |
| border-bottom: var(--border-width) solid transparent; } | |
| body.minimal-focus-mode.borders-title .workspace-leaf .workspace-leaf-content:not([data-type=graph]):not([data-type=localgraph]) .view-header:focus-within, | |
| body.minimal-focus-mode.borders-title .workspace-split.mod-root .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content:not([data-type=graph]):not([data-type=empty]):not([data-type=localgraph]) .view-header:focus-within, | |
| body.minimal-focus-mode.borders-title .workspace-leaf .workspace-leaf-content:not([data-type=graph]):not([data-type=localgraph]) .view-header:hover, | |
| body.minimal-focus-mode.borders-title .workspace-split.mod-root .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content:not([data-type=graph]):not([data-type=empty]):not([data-type=localgraph]) .view-header:hover { | |
| border-bottom: var(--border-width) solid var(--background-divider); } | |
| body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .app-container .workspace-split.mod-root > .workspace-leaf .view-header { | |
| transition: height linear 0.1s; } | |
| body.minimal-focus-mode:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .app-container .workspace-split.mod-root > .workspace-leaf .view-header { | |
| height: 0em; | |
| transition: all linear 0.1s; } | |
| body.minimal-focus-mode:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .view-header::after { | |
| width: 100%; | |
| content: " "; | |
| background-color: transparent; | |
| height: 20px; | |
| position: absolute; | |
| z-index: -9; | |
| top: 0; } | |
| body.minimal-focus-mode:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .view-header-icon, | |
| body.minimal-focus-mode:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .view-header-title, | |
| body.minimal-focus-mode:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .view-actions { | |
| opacity: 0; | |
| transition: all linear 0.1s; } | |
| body.minimal-focus-mode:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf .view-header:hover, | |
| body.minimal-focus-mode:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf .view-header:focus-within { | |
| height: calc(var(--header-height) + 2px); | |
| transition: all linear 0.1s; } | |
| body.minimal-focus-mode.show-grabber .view-header:hover .view-header-icon, | |
| body.minimal-focus-mode.show-grabber .view-header:focus-within .view-header-icon { | |
| opacity: var(--icon-muted); } | |
| body.minimal-focus-mode .view-header:hover .view-header-icon:hover, | |
| body.minimal-focus-mode .view-header:focus-within .view-header-icon:hover, | |
| body.minimal-focus-mode .view-header:hover .view-actions, | |
| body.minimal-focus-mode .view-header:focus-within .view-actions, | |
| body.minimal-focus-mode .view-header:hover .view-header-title, | |
| body.minimal-focus-mode .view-header:focus-within .view-header-title { | |
| opacity: 1; | |
| transition: all linear 0.1s; } | |
| .minimal-focus-mode .view-content:not(.is-mobile) { | |
| height: 100%; } | |
| /* Hide status bar */ | |
| .status-bar { | |
| transition: opacity 0.2s ease-in-out; } | |
| .minimal-focus-mode:not(.minimal-status-off) .status-bar { | |
| opacity: 0; } | |
| .minimal-focus-mode .status-bar:hover { | |
| opacity: 1; | |
| transition: opacity 0.2s ease-in-out; } | |
| /* Folding offset */ | |
| /* Add padding to account for gutter in Edit mode when folding is on */ | |
| body.minimal-folding:not(.title-align-center):not(.title-align-left):not(.plugin-sliding-panes-rotate-header) .view-header-title, | |
| .minimal-folding .allow-fold-headings.markdown-preview-view .markdown-preview-sizer, | |
| .minimal-folding .allow-fold-lists.markdown-preview-view .markdown-preview-sizer { | |
| padding-left: var(--folding-offset); } | |
| body:not(.is-mobile).minimal-folding .markdown-source-view.mod-cm6.is-folding .cm-contentContainer { | |
| padding-left: var(--folding-offset); } | |
| body.is-mobile .markdown-source-view.mod-cm6.is-folding .cm-contentContainer, | |
| .minimal-folding .allow-fold-lists.markdown-preview-view .markdown-embed .markdown-preview-sizer { | |
| padding-left: 0; } | |
| /* Full width media */ | |
| .full-width-media .markdown-preview-view .image-embed img:not([width]), | |
| .full-width-media .image-embed img:not([width]), | |
| .full-width-media .markdown-preview-view audio, | |
| .full-width-media .markdown-preview-view video { | |
| width: 100%; } | |
| /* Table helper classes for alternate styles */ | |
| /* MIT License | Copyright (c) Stephan Ango (@kepano) */ | |
| .row-alt th:first-child, | |
| .row-alt tbody > tr > td:first-child { | |
| padding-left: 10px; } | |
| .row-alt tbody > tr:nth-child(odd), | |
| .col-alt tr > th:nth-child(2n+2), | |
| .col-alt tr > td:nth-child(2n+2) { | |
| padding-left: 10px; | |
| background: var(--background-table-rows); } | |
| .table-tabular table { | |
| font-variant-numeric: tabular-nums; } | |
| .table-lines table, | |
| .table-lines .table-view-table { | |
| border: 1px solid var(--background-modifier-border); } | |
| .table-lines .table-view-table thead > tr > th, | |
| .table-lines .table-view-table > tbody > tr > td { | |
| border-right: 1px solid var(--background-modifier-border); | |
| border-bottom: 1px solid var(--background-modifier-border); | |
| padding: 4px 10px; } | |
| .table-lines thead > tr > th:first-child, | |
| .table-lines tbody > tr > td:first-child { | |
| padding-left: 10px; } | |
| .table-nowrap tbody > tr > td { | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| overflow: hidden; } | |
| .table-numbers table { | |
| counter-reset: section; } | |
| .table-numbers table > thead > tr > th:first-child::before { | |
| content: " "; | |
| padding-right: 0.5em; | |
| display: inline-block; | |
| min-width: 2em; } | |
| .table-numbers table > tbody > tr > td:first-child::before { | |
| counter-increment: section; | |
| content: counter(section) " "; | |
| text-align: center; | |
| padding-right: 0.5em; | |
| display: inline-block; | |
| min-width: 2em; | |
| color: var(--text-faint); | |
| font-variant-numeric: tabular-nums; } | |
| .table-numbers table > tbody > tr > td:first-child { | |
| white-space: nowrap; } | |
| .row-highlight tbody > tr:hover td { | |
| background-color: var(--background-table-rows); } | |
| .row-lines tbody > tr > td, | |
| .row-lines .table-view-table > tbody > tr > td { | |
| border-bottom: 1px solid var(--background-modifier-border); } | |
| .col-lines tbody > tr > td, | |
| .col-lines .table-view-table thead > tr > th:not(:last-child), | |
| .col-lines .table-view-table > tbody > tr > td:not(:last-child) { | |
| border-right: 1px solid var(--background-modifier-border); } | |
| .table-small.markdown-preview-view .table-view-table > thead > tr > th, | |
| .table-small thead > tr > th, | |
| .table-small tbody > tr > td, | |
| .table-small .table-view-table .tag, | |
| .table-small .table-view-table a.tag { | |
| font-size: 85%; } | |
| .table-tiny.markdown-preview-view .table-view-table > thead > tr > th, | |
| .table-tiny thead > tr > th, | |
| .table-tiny tbody > tr > td, | |
| .table-tiny .table-view-table .tag, | |
| .table-tiny .table-view-table a.tag { | |
| font-size: 75%; } | |
| /* Dark mode images */ | |
| /* MIT License | Copyright (c) Stephan Ango (@kepano) */ | |
| .theme-dark .markdown-preview-view img { | |
| opacity: 0.75; | |
| transition: opacity 0.25s linear; } | |
| .theme-dark .markdown-preview-view img:hover { | |
| opacity: 1; | |
| transition: opacity 0.25s linear; } | |
| /* Invert */ | |
| .theme-dark img[src$="#invert"], | |
| .theme-dark div[src$="#invert"] img, | |
| .theme-dark span[src$="#invert"] img { | |
| filter: invert(1) hue-rotate(180deg); | |
| mix-blend-mode: screen; } | |
| .theme-dark div[src$="#invert"] { | |
| background-color: var(--background-primary); } | |
| .theme-light img[src$="#invertW"], | |
| .theme-light div[src$="#invertW"] img, | |
| .theme-light span[src$="invertW"] img { | |
| filter: invert(1) hue-rotate(180deg); } | |
| /* Circle */ | |
| img[src$="#circle"], | |
| span[src$="#circle"] img, | |
| span[src$="#round"] img { | |
| border-radius: 50%; | |
| aspect-ratio: 1/1; } | |
| /* Outline */ | |
| img[src$="#outline"], | |
| span[src$="#outline"] img { | |
| border: 1px solid var(--ui1); } | |
| /* MIT License | Copyright (c) Stephan Ango (@kepano) | |
| Image Grid snippet for Obsidian | |
| author: @kepano | |
| version: 3.0.0 | |
| Support my work: | |
| https://github.com/sponsors/kepano | |
| */ | |
| /* Requires Contextual Typography 2.2.1+ */ | |
| div:not(.el-embed-image) + .el-embed-image { | |
| margin-top: 1rem; } | |
| .el-embed-image { | |
| margin-top: 0.5rem; } | |
| .contextual-typography .markdown-preview-section > .el-embed-image > p { | |
| margin-block-start: 0; | |
| margin-block-end: 0; } | |
| .img-grid .markdown-preview-section .el-embed-image img:not([width]), | |
| .img-grid .markdown-preview-section video { | |
| width: 100%; } | |
| .img-grid .markdown-preview-section > .el-embed-image > p { | |
| display: grid; | |
| grid-column-gap: 0.5rem; | |
| grid-row-gap: 0; | |
| grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } | |
| .img-grid .markdown-preview-section > .el-embed-image > p > br { | |
| display: none; } | |
| .img-grid .markdown-preview-section > .el-embed-image > p > img { | |
| object-fit: cover; | |
| align-self: stretch; } | |
| .img-grid .markdown-preview-section > .el-embed-image > p > .internal-embed img { | |
| object-fit: cover; | |
| height: 100%; } | |
| .img-grid .img-grid-ratio .markdown-preview-section > .el-embed-image > p > .internal-embed img, | |
| .img-grid.img-grid-ratio .markdown-preview-section > .el-embed-image > p > .internal-embed img { | |
| object-fit: contain; | |
| height: 100%; | |
| align-self: center; } | |
| @media (max-width: 400pt) { | |
| .el-embed-image { | |
| margin-top: 0.25rem; } | |
| .img-grid .markdown-preview-section > .el-embed-image > p { | |
| grid-column-gap: 0.25rem; } } | |
| /* Image zoom */ | |
| /* MIT License | Copyright (c) Stephan Ango (@kepano) */ | |
| body:not(.zoom-off) .view-content img { | |
| max-width: 100%; | |
| cursor: zoom-in; } | |
| body:not(.zoom-off) .view-content img:active { | |
| cursor: zoom-out; } | |
| body:not(.is-mobile):not(.zoom-off) .view-content .markdown-preview-view img[referrerpolicy='no-referrer']:active, | |
| body:not(.is-mobile):not(.zoom-off) .view-content .image-embed:active { | |
| aspect-ratio: unset; | |
| cursor: zoom-out; | |
| display: block; | |
| z-index: 200; | |
| position: fixed; | |
| max-height: calc(100% + 1px); | |
| max-width: 100%; | |
| 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; } | |
| body:not(.is-mobile):not(.zoom-off) .view-content .markdown-preview-view img[referrerpolicy='no-referrer']:active { | |
| background-color: var(--background-primary); | |
| padding: 10px; } | |
| body:not(.is-mobile):not(.zoom-off) .view-content .image-embed:active:after { | |
| background-color: var(--background-primary); | |
| opacity: 0.9; | |
| content: " "; | |
| height: 100%; | |
| width: calc(100% - 1px); | |
| position: fixed; | |
| left: 0; | |
| right: 1px; | |
| z-index: 0; } | |
| body:not(.is-mobile):not(.zoom-off) .view-content .image-embed:active img { | |
| aspect-ratio: unset; | |
| top: 50%; | |
| z-index: 99; | |
| transform: translateY(-50%); | |
| padding: 0; | |
| margin: 0 auto; | |
| width: calc(100% - 20px); | |
| max-height: 95vh; | |
| object-fit: contain; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| position: absolute; | |
| opacity: 1; } | |
| /* MIT License | Copyright (c) Stephan Ango (@kepano) | |
| Labeled Nav snippet for Obsidian | |
| author: @kepano | |
| version: 1.2.0 | |
| Support my work: | |
| https://github.com/sponsors/kepano | |
| */ | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container { | |
| height: auto; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-container-inner { | |
| flex-direction: column; | |
| padding: 8px 8px 4px 8px; | |
| background-color: transparent; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header { | |
| padding: 0; | |
| margin-bottom: 2px; | |
| border: none; | |
| height: auto; | |
| opacity: 0.75; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header.is-active, .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header:hover { | |
| opacity: 1; | |
| background-color: transparent; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner { | |
| padding: 0; | |
| box-shadow: none; | |
| border: none; | |
| border-radius: 6px; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner-icon { | |
| border-radius: 6px; | |
| padding: 5px 6px; | |
| margin: 0; | |
| height: 26px; | |
| width: 100%; | |
| opacity: 1; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner-icon:hover { | |
| background-color: var(--background-tertiary); } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-inner-icon { | |
| font-size: var(--font-small); | |
| font-weight: 500; | |
| display: flex; | |
| align-items: center; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header:hover .workspace-tab-header-inner-icon, | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header.is-active .workspace-tab-header-inner-icon { | |
| color: var(--icon-color-active); } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-inner-icon svg { | |
| margin-right: 6px; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container { | |
| border: none; | |
| padding: 0; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner-icon:after { | |
| content: "Plugin"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="backlink"] .workspace-tab-header-inner-icon:after { | |
| content: "Backlinks"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="calendar"] .workspace-tab-header-inner-icon:after { | |
| content: "Calendar"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="dictionary-view"] .workspace-tab-header-inner-icon:after { | |
| content: "Dictionary"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="localgraph"] .workspace-tab-header-inner-icon:after, | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="graph"] .workspace-tab-header-inner-icon:after { | |
| content: "Graph"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="markdown"] .workspace-tab-header-inner-icon:after { | |
| content: "Note"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="file-explorer"] .workspace-tab-header-inner-icon:after { | |
| content: "Notes"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="outgoing-link"] .workspace-tab-header-inner-icon:after { | |
| content: "Outlinks"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="outline"] .workspace-tab-header-inner-icon:after { | |
| content: "Outline"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="recent-files"] .workspace-tab-header-inner-icon:after { | |
| content: "Recent"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="search"] .workspace-tab-header-inner-icon:after { | |
| content: "Search"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="starred"] .workspace-tab-header-inner-icon:after { | |
| content: "Starred"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="style-settings"] .workspace-tab-header-inner-icon:after { | |
| content: "Style"; } | |
| .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="tag"] .workspace-tab-header-inner-icon:after { | |
| content: "Tags"; } | |
| /* MIT License | Copyright (c) Stephan Ango (@kepano) | |
| Layout Control snippet for Obsidian | |
| author: @kepano | |
| version: 1.0.0 | |
| Support my work: | |
| https://github.com/sponsors/kepano | |
| */ | |
| /* Requires Contextual Typography 2.2.1+ */ | |
| /* Switch to flexbox */ | |
| .contextual-typography .markdown-reading-view > .markdown-preview-view { | |
| padding-top: 15px; } | |
| .contextual-typography .markdown-preview-view.markdown-preview-view .markdown-preview-sizer { | |
| display: flex; | |
| flex-direction: column; | |
| width: 100%; | |
| max-width: 100%; | |
| padding-left: 0; | |
| padding-top: 0; } | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.is-readable-line-width .markdown-embed-content .markdown-preview-sizer > div, | |
| .contextual-typography.minimal-folding .allow-fold-headings.markdown-preview-view:not(.is-readable-line-width) .markdown-preview-sizer, | |
| .contextual-typography.minimal-folding .allow-fold-lists.markdown-preview-view:not(.is-readable-line-width) .markdown-preview-sizer { | |
| padding: 0; } | |
| .contextual-typography .markdown-preview-view .markdown-preview-sizer > div { | |
| width: var(--max-width); | |
| margin-left: auto; | |
| margin-right: auto; } | |
| .contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer { | |
| align-items: center; | |
| padding-left: 0; } | |
| .contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div { | |
| max-width: var(--max-width); | |
| width: var(--line-width-adaptive); } | |
| .contextual-typography .markdown-preview-view.is-readable-line-width .markdown-embed .markdown-preview-sizer > div { | |
| max-width: 100%; } | |
| .contextual-typography .markdown-preview-view p, | |
| .contextual-typography .markdown-preview-view ol, | |
| .contextual-typography .markdown-preview-view ul { | |
| margin-block-start: 0.5em; | |
| margin-block-end: 0.5em; } | |
| .contextual-typography .markdown-preview-view ol ol, | |
| .contextual-typography .markdown-preview-view ol ul, | |
| .contextual-typography .markdown-preview-view ul ul { | |
| margin-block-start: 0em; | |
| margin-block-end: 0em; } | |
| .contextual-typography .markdown-preview-view h1, | |
| .contextual-typography .markdown-preview-view h2, | |
| .contextual-typography .markdown-preview-view h3, | |
| .contextual-typography .markdown-preview-view h4, | |
| .contextual-typography .markdown-preview-view h5, | |
| .contextual-typography .markdown-preview-view h6 { | |
| margin-block-start: 0.4em; | |
| margin-block-end: 0.4em; } | |
| .contextual-typography .markdown-preview-view .markdown-preview-sizer > .el-table, | |
| .contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-table, | |
| .contextual-typography .markdown-preview-view .markdown-preview-sizer > .el-lang-dataview, | |
| .contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataview { | |
| width: 100%; | |
| max-width: 100%; | |
| overflow-x: scroll; } | |
| .el-table, | |
| .el-lang-dataview .block-language-dataview > h4, | |
| .el-lang-dataview .dataview.result-group, | |
| .el-lang-dataview .dataview.list-view-ul, | |
| .el-lang-dataview .block-language-dataview .contains-task-list, | |
| .el-lang-dataview .dataview.dataview-error { | |
| max-width: var(--max-width); | |
| width: var(--line-width-adaptive); | |
| margin-left: auto; | |
| margin-right: auto; } | |
| .contextual-typography.minimal-folding:not(.is-mobile) .el-lang-dataview ul.dataview.list-view-ul { | |
| padding-inline-start: calc(var(--list-padding) + var(--folding-offset)); } | |
| /* | |
| .contextual-typography.minimal-folding:not(.is-mobile) .el-lang-dataview .dataview.dataview-error { | |
| transform:translateX(calc(var(--folding-offset)/2)); | |
| }*/ | |
| .minimal-folding:not(.is-mobile) .el-lang-dataview .dataview.dataview-error { | |
| width: calc(var(--line-width-adaptive) - var(--folding-offset)); } | |
| .el-table table, | |
| .el-lang-dataview .dataview.table-view-table { | |
| width: var(--max-width); | |
| max-width: var(--line-width-adaptive); | |
| margin: 0 auto 0.5rem; } | |
| .markdown-embed .el-table table, | |
| .markdown-embed .el-lang-dataview .dataview.table-view-table { | |
| width: 100%; } | |
| /* Folding offset */ | |
| .contextual-typography.minimal-folding:not(.is-mobile) .el-lang-dataview .block-language-dataview > h4, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div { | |
| padding-left: var(--folding-offset); } | |
| .contextual-typography.minimal-folding:not(.is-mobile):not(.table-100):not(.table-wide):not(.table-max) .el-table table, | |
| .contextual-typography.minimal-folding:not(.is-mobile):not(.table-100):not(.table-wide):not(.table-max) .el-lang-dataview .dataview.table-view-table { | |
| max-width: calc(var(--line-width-adaptive) - var(--folding-offset)); } | |
| .contextual-typography.minimal-folding:not(.is-mobile).map-100 .markdown-preview-view .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography.minimal-folding:not(.is-mobile).map-max .markdown-preview-view .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography.minimal-folding:not(.is-mobile).map-wide .markdown-preview-view .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.map-100 .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.map-max .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.map-wide .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography.minimal-folding:not(.is-mobile).table-100 .markdown-preview-view .markdown-preview-sizer > .el-lang-dataview, | |
| .contextual-typography.minimal-folding:not(.is-mobile).table-max .markdown-preview-view .markdown-preview-sizer > .el-lang-dataview, | |
| .contextual-typography.minimal-folding:not(.is-mobile).table-wide .markdown-preview-view .markdown-preview-sizer > .el-lang-dataview, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.table-100 .markdown-preview-sizer > .el-lang-dataview, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.table-max .markdown-preview-sizer > .el-lang-dataview, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.table-wide .markdown-preview-sizer > .el-lang-dataview, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.table-100 .markdown-preview-sizer > .el-table, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.table-max .markdown-preview-sizer > .el-table, | |
| .contextual-typography.minimal-folding:not(.is-mobile).table-100 .markdown-preview-view .markdown-preview-sizer > .el-table, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.table-wide .markdown-preview-sizer > .el-table, | |
| .contextual-typography.minimal-folding:not(.is-mobile).table-max .markdown-preview-view .markdown-preview-sizer > .el-table, | |
| .contextual-typography.minimal-folding:not(.is-mobile).table-wide .markdown-preview-view .markdown-preview-sizer > .el-table, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.iframe-100 .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.iframe-max .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography.minimal-folding:not(.is-mobile).iframe-100 .markdown-preview-view .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography.minimal-folding:not(.is-mobile).iframe-max .markdown-preview-view .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography.minimal-folding:not(.is-mobile).iframe-wide .markdown-preview-view .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.img-100 .markdown-preview-sizer > .el-embed-image, | |
| .contextual-typography.minimal-folding:not(.is-mobile) .markdown-preview-view.img-max .markdown-preview-sizer > .el-embed-image, | |
| .contextual-typography.minimal-folding:not(.is-mobile).img-100 .markdown-preview-view .markdown-preview-sizer > .el-embed-image, | |
| .contextual-typography.minimal-folding:not(.is-mobile).img-max .markdown-preview-view .markdown-preview-sizer > .el-embed-image, | |
| .contextual-typography.minimal-folding:not(.is-mobile).img-wide .markdown-preview-view .markdown-preview-sizer > .el-embed-image { | |
| padding-left: 0; } | |
| /* Dataview and tables */ | |
| .table-100 .el-table table, | |
| .table-100 .el-lang-dataview .dataview.table-view-table { | |
| max-width: 100%; | |
| width: 100%; } | |
| .markdown-preview-view.table-100 .el-table table, | |
| .markdown-preview-view.table-100 .el-lang-dataview .dataview.table-view-table { | |
| max-width: 100% !important; | |
| width: 100% !important; } | |
| .table-max .el-table table, | |
| .table-max .el-lang-dataview .dataview.table-view-table { | |
| max-width: 100%; } | |
| .markdown-preview-view.table-max .el-table table, | |
| .markdown-preview-view.table-max .el-lang-dataview .dataview.table-view-table { | |
| max-width: 100% !important; } | |
| .table-wide .markdown-preview-view.is-readable-line-width .el-table table, | |
| .markdown-preview-view.is-readable-line-width.table-wide .el-table table, | |
| .table-wide .markdown-preview-view.is-readable-line-width .el-lang-dataview .dataview.table-view-table, | |
| .markdown-preview-view.is-readable-line-width.table-wide .el-lang-dataview .dataview.table-view-table { | |
| max-width: var(--line-width-wide); } | |
| .table-100 .el-table table th:first-child, | |
| .table-100 .el-table table td:first-child, | |
| .table-100 .el-lang-dataview .dataview.table-view-table th:first-child, | |
| .table-100 .el-lang-dataview .dataview.table-view-table td:first-child { | |
| padding-left: 20px; } | |
| .table-100 .el-table table th:last-child, | |
| .table-100 .el-table table td:last-child, | |
| .table-100 .el-lang-dataview .dataview.table-view-table th:last-child, | |
| .table-100 .el-lang-dataview .dataview.table-view-table td:last-child { | |
| padding-right: 20px; } | |
| /* Images and iframes */ | |
| .contextual-typography.map-max .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography .markdown-preview-view.is-readable-line-width.map-max .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography.iframe-max .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography .markdown-preview-view.is-readable-line-width.iframe-max .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography.img-max .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-embed-image, | |
| .contextual-typography .markdown-preview-view.is-readable-line-width.img-max .markdown-preview-sizer > .el-embed-image { | |
| width: 100%; } | |
| .contextual-typography.map-wide .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography .markdown-preview-view.is-readable-line-width.map-wide .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography.iframe-wide .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography .markdown-preview-view.is-readable-line-width.iframe-wide .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography.img-wide .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-embed-image, | |
| .contextual-typography .markdown-preview-view.is-readable-line-width.img-wide .markdown-preview-sizer > .el-embed-image { | |
| width: var(--line-width-wide); } | |
| .contextual-typography.map-100 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography .markdown-preview-view.is-readable-line-width.map-100 .markdown-preview-sizer > .el-lang-leaflet, | |
| .contextual-typography.iframe-100 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography .markdown-preview-view.iframe-100 .markdown-preview-sizer > .el-iframe, | |
| .contextual-typography.img-100 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-embed-image, | |
| .contextual-typography .markdown-preview-view.img-100 .markdown-preview-sizer > .el-embed-image { | |
| width: 100%; | |
| max-width: 100%; } | |
| /* Mobile */ | |
| @media (max-width: 400pt) { | |
| .markdown-preview-view .el-table th:first-child, | |
| .markdown-preview-view .el-table td:first-child, | |
| .markdown-preview-view .el-lang-dataview th:first-child, | |
| .markdown-preview-view .el-lang-dataview td:first-child { | |
| padding-left: 6vw; } | |
| .markdown-preview-view .el-table th:last-child, | |
| .markdown-preview-view .el-table td:last-child, | |
| .markdown-preview-view .el-lang-dataview th:last-child, | |
| .markdown-preview-view .el-lang-dataview td:last-child { | |
| padding-right: 6vw; } | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-table, | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataview { | |
| padding-left: 0; | |
| padding-right: 0; } | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-table, | |
| .markdown-preview-view .table-view-table table, | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataview { | |
| width: 100%; } } | |
| /* Custom line width */ | |
| /* Readable line width off */ | |
| .markdown-preview-view .markdown-preview-sizer, | |
| .markdown-source-view .CodeMirror { | |
| max-width: 90%; | |
| margin: 0 auto; } | |
| .is-mobile .markdown-source-view.mod-cm6 .cm-gutters { | |
| padding-right: 0; } | |
| /* With readable line width */ | |
| .markdown-preview-view.is-readable-line-width .markdown-preview-sizer { | |
| max-width: var(--max-width); | |
| width: var(--line-width-adaptive); } | |
| .markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-content, | |
| .markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-line:not(.HyperMD-table-row) { | |
| 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); } | |
| /* Links and underline handling*/ | |
| body:not(.links-int-on) a[href*="obsidian://"], | |
| body:not(.links-int-on) .markdown-preview-view .internal-link, | |
| body:not(.links-ext-on) .external-link, | |
| body:not(.links-ext-on) .cm-link .cm-underline, | |
| body:not(.links-ext-on) .cm-s-obsidian span.cm-url, | |
| body:not(.links-int-on) .cm-hmd-internal-link .cm-underline, | |
| body:not(.links-int-on) a.internal-link, | |
| body:not(.links-int-on) .cm-s-obsidian span.cm-hmd-internal-link:hover { | |
| text-decoration: none; } | |
| .links-int-on .is-live-preview .cm-hmd-internal-link, | |
| .links-int-on .markdown-preview-view .internal-link, | |
| .links-int-on .cm-s-obsidian span.cm-hmd-internal-link, | |
| .markdown-preview-view .internal-link { | |
| text-decoration: underline; } | |
| .links-ext-on .external-link, | |
| .external-link { | |
| background-position-y: center; | |
| text-decoration: underline; } | |
| /* Relationship lines */ | |
| body.minimal-rel-preview:not(.ig-lists-preview) .markdown-preview-view ul ul, | |
| body.minimal-rel-preview:not(.ig-lists-preview) .markdown-preview-view ol ul, | |
| body.minimal-rel-preview:not(.ig-lists-preview) .markdown-preview-view ul ol, | |
| body.minimal-rel-preview:not(.ig-lists-preview) .markdown-preview-view ol ol { | |
| margin-left: -15px; | |
| padding-left: var(--list-padding); | |
| border-left: 1px solid var(--background-modifier-border); } | |
| body.minimal-rel-preview:not(.ig-lists-preview) .markdown-preview-view ul li.is-flashing { | |
| background-color: var(--text-highlight-bg); } | |
| /* Relationship lines in Legacy Editor */ | |
| .ig-lists .cm-hmd-list-indent > .cm-tab, | |
| body.minimal-rel-edit .cm-hmd-list-indent > .cm-tab { | |
| display: inline-block; } | |
| .ig-lists .cm-hmd-list-indent > .cm-tab:after, | |
| body.minimal-rel-edit .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%; } | |
| /* Relationship lines in Live Preview, disabled now that Indentation Guides is available | |
| :root { | |
| --indent-font-family:var(--text-editor); | |
| --indent-font-size:var(--font-adaptive-normal); | |
| } | |
| body.minimal-rel-edit .mod-cm6 .HyperMD-list-line.cm-line:not(.HyperMD-list-line-1) { | |
| overflow:hidden; | |
| } | |
| body.minimal-rel-edit .mod-cm6 .HyperMD-list-line.cm-line .cm-hmd-list-indent { | |
| position:relative; | |
| font-family:var(--indent-font-family) !important; | |
| font-size:var(--indent-font-size) !important; | |
| } | |
| body.minimal-rel-edit .mod-cm6 .HyperMD-list-line.cm-line .cm-hmd-list-indent::before { | |
| content:''; | |
| font-family:var(--indent-font-family) !important; | |
| font-size:var(--indent-font-size) !important; | |
| display:block; | |
| position:absolute; | |
| width:100%; | |
| top:-1.6em; | |
| padding-bottom:999em; | |
| background:linear-gradient( | |
| to right, | |
| var(--background-modifier-border) 1px, | |
| transparent 1px) | |
| repeat; | |
| background-size:1.8ch 1px; | |
| left:3.5px; | |
| } | |
| */ | |
| /* Scroll indicator for sidebar containers */ | |
| body:not(.is-translucent):not(.is-mobile) .mod-left-split .item-list, | |
| body:not(.is-translucent):not(.is-mobile) .mod-left-split .nav-files-container, | |
| body:not(.is-translucent):not(.is-mobile) .mod-left-split .workspace-leaf-content[data-type='search'] .search-result-container, | |
| body:not(.is-translucent):not(.is-mobile) .mod-left-split .tag-container, | |
| body:not(.is-translucent):not(.is-mobile) .mod-left-split .outgoing-link-pane, | |
| body:not(.is-translucent):not(.is-mobile) .mod-left-split .backlink-pane { | |
| background: linear-gradient(var(--background-secondary) 10%, rgba(255, 255, 255, 0)) center top, linear-gradient(var(--background-modifier-border) 100%, rgba(0, 0, 0, 0)) center top; | |
| background-repeat: no-repeat; | |
| background-size: 100% 40px, 91% var(--border-width); | |
| background-attachment: local, scroll; } | |
| body:not(.is-mobile) .mod-right-split .item-list, | |
| body:not(.is-mobile) .mod-right-split .nav-files-container, | |
| body:not(.is-mobile) .mod-right-split .workspace-leaf-content[data-type='search'] .search-result-container, | |
| body:not(.is-mobile) .mod-right-split .tag-container, | |
| body:not(.is-mobile) .mod-right-split .outgoing-link-pane, | |
| body:not(.is-mobile) .mod-right-split .backlink-pane { | |
| background: linear-gradient(var(--background-primary) 10%, rgba(255, 255, 255, 0)) center top, linear-gradient(var(--background-modifier-border) 100%, rgba(0, 0, 0, 0)) center top; | |
| background-repeat: no-repeat; | |
| background-size: 100% 40px, 91% var(--border-width); | |
| background-attachment: local, scroll; } | |
| /* Sidebar documents */ | |
| .mod-left-split .markdown-preview-sizer > div, | |
| .mod-left-split .cm-contentContainer { | |
| padding-left: 0 !important; | |
| max-width: 100% !important; } | |
| .workspace > .workspace-split:not(.mod-root) .CodeMirror, | |
| .workspace > .workspace-split:not(.mod-root) .cm-scroller, | |
| .workspace > .workspace-split:not(.mod-root) .markdown-preview-view { | |
| font-size: var(--font-adaptive-small); | |
| line-height: 1.25; } | |
| .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; } | |
| .minimal-folding .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .allow-fold-headings.markdown-preview-view .markdown-preview-sizer, | |
| .minimal-folding .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .allow-fold-lists.markdown-preview-view .markdown-preview-sizer { | |
| padding-left: 0; } | |
| /* 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; } | |
| /* Translucent sidebars */ | |
| :root { | |
| --bg-translucency-light:0.7; | |
| --bg-translucency-dark:0.85; } | |
| .theme-light.frosted-sidebar.is-translucent, | |
| .theme-dark.frosted-sidebar.is-translucent { | |
| --opacity-translucency:1; } | |
| .is-translucent.frosted-sidebar:not(.hider-ribbon) .workspace-ribbon.mod-left, | |
| .is-translucent.frosted-sidebar .workspace-split:not(.mod-right-split) .workspace-tabs { | |
| background: transparent; } | |
| .is-translucent.frosted-sidebar:not(.hider-ribbon) .workspace-ribbon.mod-left:after { | |
| background: var(--background-secondary); | |
| opacity: var(--bg-translucency-light); | |
| top: 0px; | |
| left: 0px; | |
| content: ""; | |
| height: 120%; | |
| position: fixed; | |
| width: 42px; | |
| z-index: -10; } | |
| .is-translucent.frosted-sidebar .mod-left-split .workspace-tabs:after { | |
| background: var(--background-secondary); | |
| opacity: var(--bg-translucency-light); | |
| top: -50px; | |
| content: ""; | |
| height: 120%; | |
| position: fixed; | |
| width: 120%; | |
| z-index: -10; } | |
| .theme-dark.is-translucent.frosted-sidebar:not(.hider-ribbon) .workspace-ribbon.mod-left:after, | |
| .theme-dark.is-translucent.frosted-sidebar .workspace-split:not(.mod-right-split) .workspace-tabs:after { | |
| opacity: var(--bg-translucency-dark); } | |
| .theme-light.is-translucent.frosted-sidebar.minimal-light-white .workspace-split:not(.mod-right-split) .workspace-tabs:after { | |
| background: white; } | |
| .theme-dark.is-translucent.frosted-sidebar.minimal-dark-black .workspace-split:not(.mod-right-split) .workspace-tabs:after { | |
| background: black; } | |
| .is-translucent .status-bar { | |
| margin: 0; } | |
| /* 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; } | |
| /* Underline headings */ | |
| .theme-light, | |
| .theme-dark { | |
| --h1l:var(--ui1); | |
| --h2l:var(--ui1); | |
| --h3l:var(--ui1); | |
| --h4l:var(--ui1); | |
| --h5l:var(--ui1); | |
| --h6l:var(--ui1); } | |
| .h1-l .markdown-reading-view h1:not(.embedded-note-title), | |
| .h1-l .mod-cm6 .cm-editor .HyperMD-header-1 { | |
| border-bottom: 1px solid var(--h1l); | |
| padding-bottom: 0.4em; } | |
| .h2-l .markdown-reading-view h2, | |
| .h2-l .mod-cm6 .cm-editor .HyperMD-header-2 { | |
| border-bottom: 1px solid var(--h2l); | |
| padding-bottom: 0.4em; } | |
| .h3-l .markdown-reading-view h3, | |
| .h3-l .mod-cm6 .cm-editor .HyperMD-header-3 { | |
| border-bottom: 1px solid var(--h3l); | |
| padding-bottom: 0.4em; } | |
| .h4-l .markdown-reading-view h4, | |
| .h4-l .mod-cm6 .cm-editor .HyperMD-header-4 { | |
| border-bottom: 1px solid var(--h4l); | |
| padding-bottom: 0.4em; } | |
| .h5-l .markdown-reading-view h5, | |
| .h5-l .mod-cm6 .cm-editor .HyperMD-header-5 { | |
| border-bottom: 1px solid var(--h5l); | |
| padding-bottom: 0.4em; } | |
| .h6-l .markdown-reading-view h6, | |
| .h6-l .mod-cm6 .cm-editor .HyperMD-header-6 { | |
| border-bottom: 1px solid var(--h6l); | |
| padding-bottom: 0.4em; } | |
| /* Mobile */ | |
| /* Mobile styling | |
| /* MIT License | Copyright (c) Stephan Ango (@kepano) */ | |
| /* Needs cleanup | |
| -------------------------------------------------------------------------------- */ | |
| .is-mobile { | |
| --font-settings-title:18px; | |
| --font-settings:16px; | |
| --font-settings-small:13px; | |
| --input-height:40px; | |
| --radius-m:8px; } | |
| .hider-tooltips .follow-link-popover { | |
| display: none; } | |
| .is-mobile .follow-link-popover { | |
| font-family: var(--font-ui); } | |
| /* Padding reset */ | |
| body.is-mobile { | |
| padding: 0 !important; } | |
| .is-mobile .cm-editor .cm-line, | |
| .is-mobile .workspace-drawer-tab-container > *, | |
| body.minimal-folding.is-mobile:not(.title-align-center):not(.title-align-left) .view-header-title, | |
| .minimal-folding.is-mobile .allow-fold-headings.markdown-preview-view .markdown-preview-sizer, | |
| .minimal-folding.is-mobile .allow-fold-lists.markdown-preview-view .markdown-preview-sizer { | |
| padding: 0; } | |
| .is-mobile { | |
| /* Folding on mobile */ } | |
| .is-mobile .titlebar { | |
| height: 0 !important; | |
| padding: 0 !important; | |
| position: relative !important; | |
| border-bottom: none; } | |
| .is-mobile .safe-area-top-cover { | |
| background-color: var(--background-primary); } | |
| .is-mobile .horizontal-main-container { | |
| 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: var(--mobile-left-sidebar-width); | |
| min-width: 150pt; } | |
| .is-mobile .workspace-drawer.mod-right.is-pinned { | |
| max-width: var(--mobile-right-sidebar-width); | |
| min-width: 150pt; } | |
| .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 .markdown-preview-view ul, | |
| .is-mobile .markdown-preview-view ol { | |
| padding-inline-start: var(--list-padding); } | |
| .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); } | |
| .is-mobile .cm-editor .cm-foldGutter .cm-gutterElement { | |
| cursor: var(--cursor); } | |
| .is-mobile .cm-editor .cm-foldPlaceholder { | |
| background: transparent; | |
| border-color: transparent; } | |
| .is-mobile .empty-state-action { | |
| border-radius: var(--radius-m); | |
| font-size: var(--font-adaptive-small); } | |
| .is-mobile .workspace-drawer-header { | |
| padding: 20px 10px 0 25px; } | |
| .is-mobile .workspace-drawer-header-name { | |
| font-weight: var(--bold-weight); | |
| color: var(--text-normal); | |
| font-size: 1.125em; } | |
| .is-mobile .workspace-drawer-header-info { | |
| color: var(--text-faint); | |
| font-size: var(--font-adaptive-small); | |
| margin-bottom: 0; } | |
| .is-mobile .mod-left .workspace-drawer-header-info, | |
| .is-mobile .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 */ | |
| .workspace-drawer.mod-left .workspace-drawer-inner { | |
| padding-left: 0; } | |
| .is-mobile .side-dock-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; } | |
| body:not(.is-ios).is-mobile .workspace-drawer-ribbon { | |
| padding: 20px 5px; } | |
| .is-ios .is-pinned .side-dock-ribbon { | |
| padding: 30px 0 20px 0; } | |
| body.is-mobile.hider-frameless:not(.hider-ribbon) .side-dock-actions { | |
| padding-top: 5px; } | |
| .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 .side-dock-ribbon .side-dock-ribbon-action { | |
| padding: 9px 5px 2px 5px; | |
| margin: 0 12px 4px; | |
| height: 40px; } | |
| .is-mobile .side-dock-ribbon .side-dock-ribbon-action svg { | |
| width: 22px; | |
| height: 22px; } | |
| .is-mobile .workspace-drawer-active-tab-container { | |
| z-index: 2; | |
| 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 .nav-buttons-container { | |
| padding: 0 0 10px 15px; } | |
| /* Inputs */ | |
| .is-mobile input[type='text'] { | |
| font-size: 14px; | |
| height: var(--input-height); } | |
| .is-mobile .search-input-container input[type='text'] { | |
| -webkit-appearance: none; | |
| border-radius: 50px; | |
| height: 40px; | |
| padding: 10px 20px; | |
| font-size: 14px; } | |
| .is-mobile .search-input-container input::placeholder { | |
| font-size: 14px; } | |
| .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); } | |
| .workspace-drawer-active-tab-icon { | |
| display: 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.minimal-focus-mode .view-actions { | |
| opacity: 1; } | |
| .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: var(--radius-m); } | |
| .is-mobile .workspace-drawer-header-icon { | |
| align-self: start; } | |
| body.is-mobile:not(.minimal-icons-off) .workspace-drawer-header-icon svg, | |
| body.is-mobile:not(.minimal-icons-off) .nav-action-button svg, | |
| body.is-mobile:not(.minimal-icons-off) .view-action svg { | |
| width: 22px; | |
| height: 22px; } | |
| .is-mobile.hider-search-suggestions .search-input-suggest-button { | |
| display: none; } | |
| .is-mobile.hider-search-suggestions .workspace-leaf-content[data-type='search'] .search-input-container input { | |
| padding-left: 15px; } | |
| .is-mobile .search-input-clear-button { | |
| right: 6px; } | |
| .is-mobile .search-input-clear-button:before { | |
| height: 16px; | |
| width: 16px; } | |
| .is-mobile .view-header-title { | |
| font-size: 125%; } | |
| .is-mobile .view-header-icon { | |
| padding: 16px 6px 16px 7px; | |
| margin-left: 4px; } | |
| .is-mobile .mod-root .view-header-icon, | |
| .is-mobile .mod-left.is-pinned + .mod-root .view-header-icon { | |
| display: none; } | |
| .is-mobile .view-action { | |
| padding: 5px 5px 4px; } | |
| .is-mobile .workspace-leaf-content:not([data-type='search']) .nav-buttons-container { | |
| border-bottom: var(--border-width) solid var(--background-modifier-border); } | |
| .is-mobile .workspace-leaf-content[data-type='search'] .nav-action-button, | |
| .is-mobile .nav-action-button, | |
| .is-mobile .workspace-drawer-header-icon { | |
| padding: 4px 7px 0 !important; | |
| margin: 5px 2px 2px 0; | |
| text-align: center; | |
| height: 32px; | |
| cursor: var(--cursor); } | |
| .is-mobile .nav-file-title.is-active { | |
| box-shadow: 0 0 0px 2px 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); } | |
| .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 .document-search, | |
| .is-mobile .document-replace { | |
| flex-direction: row; } | |
| .is-mobile .document-search-container { | |
| height: 56px; | |
| padding: 0px 15px; } | |
| .is-mobile .document-search-container input[type='text'] { | |
| width: auto; | |
| margin: 0 5px 0 0; | |
| height: 32px; | |
| padding: 5px 7px; | |
| border-radius: 50px; | |
| 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; } | |
| .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; } | |
| .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; } | |
| /* --------------- */ | |
| /* Phone */ | |
| @media (max-width: 400pt) { | |
| .is-mobile .view-header-icon { | |
| display: none; } | |
| /* Disable hover backgrounds on phone */ | |
| .is-mobile .view-action:hover, | |
| .is-mobile .nav-action-button:hover, | |
| .side-dock-ribbon .side-dock-ribbon-action: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: transparent; } | |
| .is-mobile .mod-left .workspace-drawer-header-icon { | |
| display: none; } | |
| .is-ios .workspace-drawer .workspace-drawer-header { | |
| padding-top: 45px; } | |
| .is-ios .mod-root .workspace-leaf { | |
| padding-top: 40px; } | |
| .is-mobile .mod-right .workspace-drawer-header div:nth-child(2) { | |
| display: none; } | |
| .is-mobile .workspace .workspace-drawer-backdrop { | |
| margin-top: -40px; | |
| height: calc(100vh + 50px); | |
| z-index: 9; } | |
| .is-ios .workspace-drawer-ribbon { | |
| padding: 50px 0 30px 0; } | |
| .is-mobile .view-header-title { | |
| max-width: calc(100vw - 90px); | |
| padding-right: 20px; | |
| font-size: var(--font-settings-title); | |
| letter-spacing: -0.015em; } | |
| .is-mobile .workspace-drawer-header-name-text { | |
| font-size: var(--font-settings-title); | |
| letter-spacing: -0.015em; } | |
| .is-mobile .view-header { | |
| border-bottom: var(--border-width) solid var(--background-modifier-border) !important; } | |
| .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: 0 4px 0 4px; | |
| height: 22px; } | |
| .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 .markdown-preview-view ul, | |
| .is-mobile .markdown-preview-view ol { | |
| padding-inline-start: 1.75em; } } | |
| /* --------------- */ | |
| /* Tablet */ | |
| @media (min-width: 400pt) { | |
| .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header-icon { | |
| opacity: var(--icon-muted); | |
| display: flex; } | |
| .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header-icon:hover, | |
| .mod-left:not(.is-pinned) + .mod-root .view-header-icon .three-horizontal-bars { | |
| opacity: 1; } | |
| .mod-left:not(.is-pinned) + .mod-root .view-header-icon:hover { | |
| background-color: var(--background-tertiary); } | |
| .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 .view-action { | |
| padding: 5px 6px 4px; } | |
| .is-mobile .mod-left:not(.is-pinned) + .mod-root .workspace-leaf:first-of-type .view-header-title-container { | |
| max-width: calc(100% - 102px); } | |
| /* 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 .community-plugin-search .setting-item { | |
| padding-top: 10px; } | |
| .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 .markdown-preview-view ol > li.task-list-item .collapse-indicator, | |
| .is-mobile .markdown-preview-view ul > li.task-list-item .collapse-indicator { | |
| margin-left: -2.5em; | |
| margin-top: 0.1em; } | |
| .pull-down-action { | |
| width: 400px; | |
| top: 15px; | |
| padding: 15px; | |
| border-radius: 15px; } } | |
| /* iOS style modals */ | |
| :root { | |
| --ios-radius:10px; | |
| --ios-shadow:0 5px 100px rgba(0,0,0,0.15); | |
| --ios-muted:#8e8e93; } | |
| .theme-light { | |
| --ios-blue:#007aff; | |
| --ios-red:#ff3c2f; | |
| --ios-bg-translucent:rgba(255,255,255,0.85); | |
| --ios-bg:white; | |
| --ios-border:rgba(0,0,0,0.1); } | |
| .theme-dark { | |
| --ios-blue:#0b84ff; | |
| --ios-red:#ff453a; | |
| --ios-bg-translucent:rgba(44,44,46,0.85); | |
| --ios-bg:#2c2c2e; | |
| --ios-border:rgba(255,255,255,0.15); } | |
| .is-ios { | |
| --text-error:#ff453a; } | |
| .is-ios .mod-confirmation .modal { | |
| width: 400px; | |
| max-width: 95vw; | |
| overflow: visible; | |
| background-color: rgba(0, 0, 0, 0.07); | |
| padding: 0; | |
| border-radius: var(--ios-radius); | |
| box-shadow: var(--ios-shadow); } | |
| .is-ios .mod-confirmation .modal .modal-title { | |
| text-align: center; | |
| display: none; } | |
| .is-ios .mod-confirmation .modal .modal-content { | |
| border-radius: var(--ios-radius) var(--ios-radius) 0 0; | |
| background-color: var(--ios-bg-translucent); | |
| backdrop-filter: blur(2px); | |
| -webkit-backdrop-filter: blur(2px); | |
| font-size: 13px; | |
| margin: 0; | |
| text-align: center; | |
| color: var(--ios-muted); | |
| padding: 15px; } | |
| .is-ios .mod-confirmation .modal .modal-content p { | |
| margin-block-start: 0; | |
| margin-block-end: 0; } | |
| .is-ios .mod-confirmation .modal button { | |
| background-color: var(--ios-bg-translucent); | |
| backdrop-filter: blur(2px); | |
| -webkit-backdrop-filter: blur(2px); | |
| margin: 0; | |
| border: none; | |
| height: auto; | |
| padding: 28px 0; | |
| line-height: 0; | |
| box-shadow: none; | |
| color: var(--ios-blue); | |
| font-weight: 400; | |
| border-radius: 0; | |
| font-size: 18px; } | |
| .is-ios .mod-confirmation .modal button:hover { | |
| background-color: transparent; | |
| border: none; | |
| box-shadow: none; | |
| border-top: 1px solid var(--ios-border); } | |
| .is-ios .mod-confirmation .modal .modal-button-container > .mod-warning:nth-last-child(3), | |
| .is-ios .mod-confirmation .modal button.mod-warning { | |
| border-top: 1px solid var(--ios-border); | |
| background-color: var(--ios-bg-translucent); | |
| backdrop-filter: blur(2px); | |
| -webkit-backdrop-filter: blur(2px); | |
| color: var(--ios-red); | |
| font-weight: 400; | |
| text-decoration: none; } | |
| .is-ios .mod-confirmation .modal .modal-button-container > button:last-child { | |
| border-top: none; | |
| margin-top: 10px; | |
| font-weight: 600; | |
| border-radius: var(--ios-radius); | |
| background-color: var(--ios-bg); } | |
| .is-ios .mod-confirmation .modal .modal-button-container > .mod-warning:nth-last-child(2) { | |
| border-bottom-left-radius: var(--ios-radius); | |
| border-bottom-right-radius: var(--ios-radius); } | |
| .is-ios .mod-confirmation .modal .modal-button-container > button:last-child:hover { | |
| background-color: var(--ios-bg-translucent); } | |
| /* Core plugins */ | |
| /* 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-smallest); | |
| font-weight: 500; | |
| padding: 5px 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); } | |
| /* Graphs */ | |
| .theme-dark, | |
| .theme-light { | |
| --node:var(--text-muted); | |
| --node-focused:var(--text-accent); | |
| --node-tag:var(--red); | |
| --node-attachment:var(--yellow); | |
| --node-unresolved:var(--text-faint); } | |
| /* Fill color for nodes */ | |
| .graph-view.color-fill { | |
| color: var(--node); } | |
| /* Fill color for current local node */ | |
| .graph-view.color-fill-focused { | |
| color: var(--node-focused); } | |
| /* Fill color for nodes on hover */ | |
| .graph-view.color-fill-highlight { | |
| color: var(--node-focused); } | |
| /* Stroke color for nodes */ | |
| .graph-view.color-circle { | |
| color: var(--node-focused); } | |
| /* Line color */ | |
| .graph-view.color-line { | |
| color: var(--background-modifier-border); } | |
| /* Line color on hover */ | |
| .graph-view.color-line-highlight { | |
| color: var(--node-focused); | |
| border: 0; } | |
| /* Text color */ | |
| .graph-view.color-text { | |
| color: var(--text-normal); } | |
| /* Tag nodes */ | |
| .theme-dark .graph-view.color-fill-tag, | |
| .theme-light .graph-view.color-fill-tag { | |
| color: var(--node-tag); } | |
| .theme-dark .graph-view.color-fill-attachment, | |
| .theme-light .graph-view.color-fill-attachment { | |
| color: var(--node-attachment); } | |
| .theme-dark .graph-view.color-fill-unresolved, | |
| .theme-light .graph-view.color-fill-unresolved { | |
| color: var(--node-unresolved); } | |
| /* Full bleed (takes up full height) */ | |
| body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf-content[data-type='localgraph'] .view-header, | |
| body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf-content[data-type='graph'] .view-header { | |
| position: fixed; | |
| background: transparent !important; | |
| width: 100%; } | |
| body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-content, | |
| body:not(.is-mobile):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(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-actions, | |
| body:not(.is-mobile):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: 32px; } | |
| /* Graph controls */ | |
| .graph-controls.is-close { | |
| padding: 6px; | |
| left: 0; | |
| top: 0; } | |
| .graph-controls-button { | |
| cursor: var(--cursor); } | |
| .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-control-section-header:hover { | |
| color: var(--text-normal); } | |
| .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 { | |
| padding: 4px 0 0 0; } | |
| .graph-controls .setting-item-name { | |
| font-size: var(--font-adaptive-small); } | |
| .graph-controls { | |
| background: var(--background-secondary); | |
| border: 1px solid var(--background-modifier-border); | |
| min-width: 240px; | |
| left: 6px; | |
| margin-top: 6px; | |
| margin-bottom: 0; | |
| padding: 10px 12px 10px 2px; | |
| border-radius: var(--radius-m); } | |
| .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; | |
| margin: 0; } | |
| .graph-controls-button.mod-animate { | |
| margin-top: 5px; } | |
| .mod-left-split .graph-controls { | |
| background: var(--background-secondary); } | |
| .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; } | |
| /* Outline */ | |
| .outline { | |
| padding: 15px 10px 20px 0; | |
| font-size: var(--font-adaptive-small); } | |
| .outline .pane-empty { | |
| font-size: var(--font-adaptive-small); | |
| color: var(--text-faint); | |
| padding: 0 0 0 15px; | |
| width: 100%; } | |
| .outline .collapsible-item-self { | |
| cursor: var(--cursor); | |
| line-height: 1.4; | |
| margin-bottom: 4px; | |
| font-size: var(--font-adaptive-small); | |
| padding-left: 15px; } | |
| .collapsible-item-collapse { | |
| opacity: 1; | |
| left: -5px; | |
| color: var(--text-faint); } | |
| .outline .collapsible-item-inner:hover { | |
| color: var(--text-normal); } | |
| .collapsible-item-self.is-clickable:hover .collapsible-item-collapse { | |
| color: var(--text-normal); } | |
| .outline > .collapsible-item > .collapsible-item-self .right-triangle { | |
| opacity: 0; } | |
| /* Page Preview aka Popovers */ | |
| .theme-dark.minimal-dark-black .popover { | |
| background: var(--bg2); } | |
| .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 { | |
| width: 400px; | |
| max-height: 40vh; } | |
| .popover.hover-popover .markdown-embed { | |
| padding: 0; } | |
| .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; } | |
| /* Prompt */ | |
| /* Used for command palette and quick switcher */ | |
| .prompt { | |
| box-shadow: 0 5px 100px rgba(0, 0, 0, 0.15); | |
| padding-bottom: 0; | |
| border: 1px solid var(--modal-border); } | |
| body:not(.hider-scrollbars) .prompt { | |
| padding-right: 0px; } | |
| body:not(.hider-scrollbars) .prompt-results { | |
| padding-right: 10px; } | |
| input.prompt-input { | |
| border: 0; | |
| background: var(--background-primary); | |
| box-shadow: none !important; | |
| padding-left: 10px; | |
| height: 40px; | |
| line-height: 4; | |
| font-size: var(--font-adaptive-normal); } | |
| input.prompt-input:hover { | |
| border: 0; | |
| background: var(--background-primary); | |
| padding-left: 10px; | |
| line-height: 4; } | |
| .prompt-results { | |
| padding-bottom: 10px; } | |
| .prompt-instructions { | |
| color: var(--text-muted); } | |
| .prompt-instruction-command { | |
| font-weight: 600; } | |
| /* | |
| .suggestion-prefix { | |
| font-weight:500; | |
| }*/ | |
| /* In Editor autocomplete */ | |
| .suggestion-container { | |
| box-shadow: 0 5px 40px rgba(0, 0, 0, 0.2); | |
| padding: 0 6px; | |
| border-radius: 8px; | |
| background-color: var(--background-primary); | |
| border: 1px solid var(--background-modifier-border-hover); } | |
| .suggestion-container .suggestion-item { | |
| font-size: calc(var(--font-adaptive-normal) * .9) !important; | |
| cursor: var(--cursor); | |
| padding: 4px 10px 4px 10px; | |
| border-radius: 4px; } | |
| .suggestion-container .suggestion-item:first-child { | |
| margin-top: 6px; } | |
| .suggestion-container .suggestion-item:last-child { | |
| margin-bottom: 6px; } | |
| .suggestion-hotkey { | |
| margin-top: 0.25em; } | |
| .suggestion-flair { | |
| left: auto; | |
| right: 8px; | |
| opacity: 0.25; } | |
| .prompt-results .suggestion-flair .filled-pin { | |
| display: none; } | |
| .prompt-results .suggestion-item { | |
| padding: 5px 8px 5px 10px; } | |
| /* | |
| .prompt .prompt-results { | |
| .suggestion-item { | |
| display:flex; | |
| align-items:center; | |
| .suggestion-prefix { | |
| white-space:pre; | |
| } | |
| .suggestion-content { | |
| white-space:pre; | |
| overflow:hidden; | |
| text-overflow:ellipsis; | |
| flex-grow:1; | |
| padding-right:1em; | |
| } | |
| .suggestion-hotkey { | |
| white-space:pre; | |
| margin-top:0; | |
| } | |
| .suggestion-hotkey:not(:last-child) { | |
| margin:0 5px 0 0; | |
| } | |
| } | |
| } | |
| */ | |
| .modal-container .suggestion-item.is-selected { | |
| border-radius: var(--radius-m); | |
| background: var(--background-tertiary); } | |
| .suggestion-item.is-selected { | |
| background: var(--background-tertiary); } | |
| .suggestion-item, | |
| .suggestion-empty { | |
| font-size: var(--font-adaptive-normal); | |
| cursor: var(--cursor); } | |
| /* Mobile */ | |
| .is-mobile { | |
| /* Tablet */ | |
| /* Phone */ } | |
| .is-mobile .prompt, | |
| .is-mobile .suggestion-container { | |
| width: 100%; | |
| max-width: 100%; | |
| border: none; | |
| padding: 10px 10px 0 10px; | |
| -webkit-touch-callout: none; | |
| -webkit-user-select: none; | |
| user-select: none; } | |
| .is-mobile .suggestion-container { | |
| left: 0; | |
| right: 0; | |
| margin: 0 auto; | |
| border: none; } | |
| .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); } | |
| @media (min-width: 400pt) { | |
| .is-mobile .modal-container .prompt { | |
| opacity: 1 !important; } | |
| .is-mobile .prompt { | |
| max-width: 600px; | |
| max-height: 600px; | |
| bottom: auto !important; | |
| border-radius: 15px; | |
| top: 100px !important; } | |
| .is-mobile .suggestion-container { | |
| max-width: 600px; | |
| max-height: 600px; | |
| border-radius: 15px; | |
| bottom: 80px; | |
| border: 1px solid var(--background-modifier-border); } | |
| .is-mobile .modal-container .suggestion-item { | |
| padding: 10px 5px 10px 10px; | |
| border-radius: var(--radius-m); } | |
| .is-mobile .suggestion-flair { | |
| right: 0; | |
| left: auto; | |
| position: absolute; | |
| padding: 10px; } } | |
| @media (max-width: 400pt) { | |
| .is-mobile .suggestion-hotkey { | |
| display: none; } | |
| .is-mobile .suggestion-flair { | |
| right: 0; | |
| left: auto; | |
| position: absolute; | |
| padding: 5px 5px 0 0; } | |
| .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 .prompt { | |
| border-radius: 0; | |
| border: none; | |
| padding-top: 5px; | |
| padding-bottom: 0; | |
| max-height: calc(100vh - 120px); | |
| top: 120px; } | |
| .is-mobile .suggestion-container .suggestion { | |
| padding-top: 10px; } } | |
| /* 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 .tree-item-flair { | |
| display: unset; } | |
| .file-tree .mod-new .tree-item-flair, | |
| .file-tree .mod-deleted .tree-item-flair, | |
| .file-tree .mod-to-delete .tree-item-flair, | |
| .file-tree .mod-changed .tree-item-flair { | |
| background: transparent; } | |
| .file-tree .mod-deleted .tree-item-flair, | |
| .file-tree .mod-to-delete .tree-item-flair { | |
| color: var(--pink); } | |
| .file-tree .mod-new .tree-item-flair { | |
| color: var(--green); } | |
| .file-tree .mod-changed .tree-item-flair { | |
| color: var(--yellow); } | |
| .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; } | |
| .is-mobile { | |
| /* Mobile publish */ | |
| /* Phone */ } | |
| .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; } | |
| @media (max-width: 400pt) { | |
| .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; } } | |
| /* Search */ | |
| .search-result-container.mod-global-search .search-empty-state { | |
| padding-left: 15px; } | |
| .search-result-file-match { | |
| cursor: var(--cursor) !important; | |
| width: auto; | |
| left: 0; } | |
| .search-result-file-match:hover { | |
| background: transparent; } | |
| .search-result-container:before { | |
| height: 1px; } | |
| .search-result-file-match-replace-button { | |
| background-color: var(--background-primary); | |
| border: 1px solid var(--background-modifier-border); | |
| color: var(--text-muted); | |
| opacity: 1; | |
| top: auto; | |
| right: 18px; | |
| bottom: 1px; | |
| font-weight: 500; | |
| font-size: var(--font-adaptive-smaller); } | |
| .search-result-hover-button:hover { | |
| background-color: var(--background-tertiary); | |
| color: var(--text-muted); } | |
| .search-result-file-match-replace-button:hover { | |
| background-color: var(--background-modifier-border); | |
| color: var(--text-normal); } | |
| .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-result-file-matched-text { | |
| background-color: var(--text-selection); } | |
| .search-input-container input, | |
| .search-input-container input:hover, | |
| .search-input-container input:focus { | |
| font-size: var(--font-adaptive-small); | |
| padding: 5px 28px 5px 10px; | |
| background-color: var(--background-modifier-form-field); } | |
| .search-input-container { | |
| width: calc(100% - 20px); | |
| margin: 0 0 8px 10px; } | |
| .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 { | |
| background: transparent; | |
| border-radius: 50%; | |
| color: var(--text-muted); | |
| cursor: var(--cursor); | |
| top: 0px; | |
| right: 2px; | |
| bottom: 0px; | |
| line-height: 0; | |
| height: calc(var(--input-height) - 2px); | |
| width: 28px; | |
| margin: auto; | |
| padding: 0 0; | |
| text-align: center; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| transition: color 0.2s ease-in-out; } | |
| .search-input-clear-button:hover { | |
| color: var(--text-normal); | |
| transition: color 0.2s ease-in-out; } | |
| .search-input-clear-button:active { | |
| color: var(--text-normal); | |
| transition: color 0.2s ease-in-out; } | |
| .search-input-clear-button:before { | |
| content: ''; | |
| height: 13px; | |
| width: 13px; | |
| display: block; | |
| background-color: currentColor; | |
| -webkit-mask-image: url("data:image/svg+xml,<svg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM3.8705 3.09766L6.00003 5.22718L8.12955 3.09766L8.9024 3.8705L6.77287 6.00003L8.9024 8.12955L8.12955 8.9024L6.00003 6.77287L3.8705 8.9024L3.09766 8.12955L5.22718 6.00003L3.09766 3.8705L3.8705 3.09766Z' fill='currentColor'/></svg>"); | |
| -webkit-mask-repeat: no-repeat; } | |
| .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 { | |
| 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 5px; } | |
| .search-result-file-title { | |
| line-height: 1.3; | |
| padding: 4px 4px 4px 20px; | |
| 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 { | |
| padding-right: 15px; } | |
| .search-result-file-match:before { | |
| height: 0.5px; } | |
| .search-result-file-matches { | |
| font-size: var(--font-adaptive-smaller); | |
| line-height: 1.3; | |
| margin: 3px 0 8px 0px; | |
| padding: 0 0 2px 0; | |
| color: var(--text-muted); | |
| border: 1px solid var(--background-modifier-border); | |
| background: var(--background-primary); | |
| border-radius: var(--radius-m); } | |
| .search-result:last-child .search-result-file-matches { | |
| border: 1px solid var(--background-modifier-border); } | |
| .search-result-hover-button.mod-top { | |
| top: 4px; | |
| right: 4px; } | |
| .search-result-hover-button.mod-bottom { | |
| bottom: 0px; | |
| right: 4px; } | |
| .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: var(--radius-m); | |
| 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 { | |
| padding: 0; } | |
| .workspace-split.mod-right-split .view-content { | |
| padding: 0; | |
| background-color: var(--background-primary); } | |
| /* Sync */ | |
| /* Sync Log */ | |
| .modal.mod-sync-log { | |
| padding: 20px 0 0 0; } | |
| .modal.mod-sync-log .modal-title { | |
| padding: 0 20px; } | |
| .modal.mod-sync-log .modal-content { | |
| padding: 0px; | |
| display: flex; | |
| flex-direction: column; } | |
| .modal.mod-sync-log .modal-button-container { | |
| border-top: 1px solid var(--background-modifier-border); | |
| padding: 15px; | |
| background-color: var(--background-primary); | |
| margin: 0; } | |
| .modal.mod-sync-log .sync-log-container { | |
| padding: 16px 20px; | |
| background-color: var(--background-secondary); | |
| flex-grow: 1; | |
| font-size: var(--font-adaptive-small); } | |
| .sync-log-container .list-item { | |
| padding-left: 0; } | |
| .modal.mod-sync-log .setting-item.mod-toggle { | |
| padding: 20px; } | |
| .sync-history-content { | |
| font-size: var(--font-adaptive-small); | |
| border: none; | |
| padding: 20px 40px 20px 20px; | |
| border-radius: 0; } | |
| body .sync-history-content-container textarea.sync-history-content:active, | |
| body .sync-history-content-container textarea.sync-history-content:focus { | |
| box-shadow: none; } | |
| /* Sync history */ | |
| .sync-history-content-empty { | |
| padding: 5px 20px; | |
| color: var(--text-muted); | |
| font-size: var(--font-adaptive-small); } | |
| .sync-history-content-container { | |
| padding: 0; | |
| height: auto; | |
| border-left: 1px solid var(--background-modifier-border); | |
| background-color: var(--background-primary); } | |
| .sync-history-content-buttons.u-center-text { | |
| text-align: center; | |
| padding: 10px; | |
| margin: 0; | |
| border-top: 1px solid var(--background-modifier-border); } | |
| .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 { | |
| min-width: 220px; } | |
| .sync-history-list-container { | |
| min-width: 220px; | |
| flex-basis: 230px; | |
| max-height: none; | |
| overflow-y: scroll; | |
| background-color: var(--background-secondary); } | |
| .sync-history-list { | |
| padding: 10px 10px 0 10px; | |
| overflow: unset; | |
| background-color: var(--background-secondary); } | |
| .sync-history-list .search-input-container { | |
| width: 100%; | |
| margin: 0; } | |
| .sync-history-load-more-button { | |
| font-size: var(--font-adaptive-small); | |
| cursor: var(--cursor); | |
| margin: 0px 10px 10px; | |
| border-radius: var(--radius-m); } | |
| .sync-history-load-more-button:hover { | |
| background-color: var(--background-tertiary); } | |
| .sync-history-list-item { | |
| border-radius: var(--radius-m); | |
| 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); } | |
| /* Mobile */ | |
| .is-mobile .sync-status-icon { | |
| margin-top: 2px; } | |
| .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); } | |
| /* Community plugins */ | |
| /* Banner plugin */ | |
| .obsidian-banner.solid { | |
| border-bottom: var(--border-width) solid var(--background-divider); } | |
| .contextual-typography .markdown-preview-view div.has-banner-icon.obsidian-banner-wrapper { | |
| overflow: visible; } | |
| .theme-dark .markdown-preview-view img.emoji { | |
| opacity: 1; } | |
| /* Buttons plugin */ | |
| body.theme-dark .button-default, | |
| body.theme-light .button-default { | |
| border: none; | |
| box-shadow: none; | |
| height: var(--input-height); | |
| background: var(--background-tertiary); | |
| color: var(--text-normal); | |
| font-size: revert; | |
| font-weight: 500; | |
| transform: none; | |
| transition: all 0.1s linear; | |
| padding: 0 20px; } | |
| body.theme-dark .button-default:hover, | |
| body.theme-light .button-default:hover { | |
| border: none; | |
| background: var(--background-modifier-border-hover); | |
| box-shadow: none; | |
| transform: none; | |
| transition: all 0.1s linear; } | |
| body.theme-light .button-default:focus, | |
| body.theme-light .button-default:active, | |
| body.theme-dark .button-default:focus, | |
| body.theme-dark .button-default:active { | |
| box-shadow: none; } | |
| body .button-default.blue { | |
| background-color: var(--blue) !important; } | |
| .button-default.red { | |
| background-color: var(--red) !important; } | |
| .button-default.green { | |
| background-color: var(--green) !important; } | |
| .button-default.yellow { | |
| background-color: var(--yellow) !important; } | |
| .button-default.purple { | |
| background-color: var(--purple) !important; } | |
| /* Calendar plugin */ | |
| .workspace-leaf-content[data-type='calendar'] .view-content { | |
| padding: 5px 0 0 0; } | |
| #calendar-container { | |
| padding: 0 15px 5px; | |
| --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-weight: 400; | |
| font-size: var(--h2); } | |
| .mod-root #calendar-container { | |
| width: var(--line-width-adaptive); | |
| max-width: var(--max-width); | |
| margin: 0 auto; | |
| padding: 0; } | |
| #calendar-container .arrow { | |
| cursor: var(--cursor); | |
| width: 22px; | |
| border-radius: 4px; | |
| padding: 3px 7px; } | |
| #calendar-container .arrow svg { | |
| width: 12px; | |
| height: 12px; | |
| color: var(--text-faint); | |
| opacity: 0.7; } | |
| #calendar-container .arrow:hover { | |
| fill: var(--text-muted); | |
| color: var(--text-muted); | |
| background-color: var(--background-tertiary); } | |
| #calendar-container .arrow:hover svg { | |
| color: var(--text-muted); | |
| opacity: 1; } | |
| #calendar-container tr th { | |
| padding: 2px 0 4px; | |
| font-weight: 500; } | |
| #calendar-container tr td { | |
| padding: 2px 0 0 0; | |
| border-radius: var(--radius-m); | |
| cursor: var(--cursor); | |
| border: 1px solid transparent; | |
| transition: none; } | |
| #calendar-container .nav { | |
| padding: 0; | |
| margin: 10px 5px 10px 5px; } | |
| #calendar-container .dot { | |
| margin: 0; } | |
| #calendar-container .year, | |
| #calendar-container .month, | |
| #calendar-container .title { | |
| font-size: var(--font-adaptive-normal); | |
| font-weight: 400; | |
| color: var(--text-normal); } | |
| #calendar-container .today.active, | |
| #calendar-container .today { | |
| color: var(--text-accent); | |
| font-weight: 600; } | |
| #calendar-container .today.active .dot, | |
| #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 { | |
| text-transform: none; | |
| letter-spacing: 0; | |
| font-size: var(--font-adaptive-smaller); | |
| font-weight: 500; | |
| color: var(--text-muted); | |
| border-radius: 4px; | |
| margin: 0; | |
| padding: 2px 8px; } | |
| #calendar-container .reset-button:hover { | |
| color: var(--text-normal); | |
| background-color: var(--background-tertiary); } | |
| #calendar-container .reset-button, | |
| #calendar-container .day { | |
| cursor: var(--cursor); } | |
| #calendar-container .day.adjacent-month { | |
| color: var(--text-faint); | |
| opacity: 1; } | |
| #calendar-container .day { | |
| padding: 2px 4px 4px; } | |
| #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); } | |
| /* Charts */ | |
| .block-language-dataviewjs canvas { | |
| margin: 1em 0; } | |
| .theme-light, | |
| .theme-dark { | |
| --chart-color-1:var(--blue); | |
| --chart-color-2:var(--red); | |
| --chart-color-3:var(--yellow); | |
| --chart-color-4:var(--green); | |
| --chart-color-5:var(--orange); | |
| --chart-color-6:var(--purple); | |
| --chart-color-7:var(--cyan); | |
| --chart-color-8:var(--pink); } | |
| /* Checklist plugin */ | |
| .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 2px 0; } | |
| .checklist-plugin-main .group .classic:last-child, | |
| .checklist-plugin-main .group .compact:last-child { | |
| margin-bottom: 10px; } | |
| .checklist-plugin-main .group .classic, | |
| .checklist-plugin-main .group .compact { | |
| font-size: var(--font-adaptive-small); } | |
| .checklist-plugin-main .group .classic, | |
| .checklist-plugin-main .group .compact { | |
| background: transparent; | |
| border-radius: 0; | |
| margin: 1px auto; | |
| padding: 0; } | |
| .checklist-plugin-main .group .classic .content { | |
| padding: 0; } | |
| .checklist-plugin-main .group .classic:hover, | |
| .checklist-plugin-main .group .compact:hover { | |
| background: transparent; } | |
| .markdown-preview-view.checklist-plugin-main ul > li:not(.task-list-item)::before { | |
| display: none; } | |
| .checklist-plugin-main .group .compact > .toggle .checked { | |
| background: var(--text-accent); | |
| top: -1px; | |
| left: -1px; | |
| height: 18px; | |
| width: 18px; } | |
| .checklist-plugin-main .compact .toggle:hover { | |
| opacity: 1 !important; } | |
| .checklist-plugin-main .group .count { | |
| font-size: var(--font-adaptive-smaller); | |
| padding: 0; | |
| background: transparent; | |
| font-weight: 400; | |
| color: var(--text-faint); } | |
| .checklist-plugin-main .group .group-header:hover .count { | |
| color: var(--text-muted); } | |
| .checklist-plugin-main .group .checkbox { | |
| border: 1px solid var(--background-modifier-border-hover); | |
| min-height: 18px; | |
| min-width: 18px; | |
| height: 18px; | |
| width: 18px; } | |
| .checklist-plugin-main .group .checkbox:hover { | |
| border: 1px solid var(--background-modifier-border-focus); } | |
| .checklist-plugin-main button:active, | |
| .checklist-plugin-main button:focus, | |
| .checklist-plugin-main button:hover { | |
| box-shadow: none !important; } | |
| .checklist-plugin-main button.collapse { | |
| padding: 0; } | |
| body:not(.is-mobile) .checklist-plugin-main button.collapse svg { | |
| width: 18px; | |
| height: 18px; } | |
| /* Checklist plugin mobile */ | |
| .is-mobile .checklist-plugin-main .group-header .title { | |
| flex-grow: 1; | |
| flex-shrink: 0; } | |
| .is-mobile .checklist-plugin-main button { | |
| width: auto; } | |
| .is-mobile .checklist-plugin-main.markdown-preview-view ul { | |
| padding-inline-start: 0; } | |
| .is-mobile .workspace .view-content .checklist-plugin-main { | |
| padding-bottom: 50px; } | |
| /* cMenu plugin */ | |
| body #cMenuModalBar { | |
| box-shadow: 0px 2px 20px var(--shadow-color); } | |
| body #cMenuModalBar .cMenuCommandItem { | |
| cursor: var(--cursor); } | |
| body #cMenuModalBar button.cMenuCommandItem:hover { | |
| background-color: var(--background-tertiary); } | |
| /* Contextual Typography */ | |
| .el-hr hr { | |
| margin: 1rem 0; } | |
| .el-p + .el-h1, | |
| .el-p + .el-h2 { | |
| margin-top: 0.75rem; } | |
| .el-hr + .el-h1, | |
| .el-hr + .el-h2, | |
| .el-h1 + .el-h1, | |
| .el-h1 + .el-h2, | |
| .el-h2 + .el-h2 { | |
| margin-top: 0rem; } | |
| .el-ol + .el-lang-dataview, | |
| .el-ul + .el-lang-dataview, | |
| .el-p:not(.el-lang-dataview) + .el-lang-dataview, | |
| .el-ol + .el-table, | |
| .el-ul + .el-table, | |
| .el-p + .el-table, | |
| .el-lang-dataview + .el-p { | |
| margin-top: 0.5rem; } | |
| .el-div + .el-h1, | |
| .el-pre + .el-h1, | |
| .el-lang-leaflet, | |
| .el-lang-leaflet + *, | |
| .el-iframe + .el-p, | |
| .el-p + .el-iframe, | |
| .el-p:not(.el-embed-image) + .el-embed-image, | |
| .el-embed-image + .el-p:not(.el-embed-image) { | |
| margin-top: 1rem; } | |
| /* Dataview plugin */ | |
| body .table-view-table > thead > tr > th, | |
| .markdown-preview-view .table-view-table { | |
| font-size: calc(var(--font-adaptive-normal) - 1px); } | |
| body .table-view-table > thead > tr > th, | |
| .markdown-preview-view .table-view-table > thead > tr > th { | |
| font-weight: 400; | |
| font-size: calc(var(--font-adaptive-normal) - 2px); | |
| color: var(--text-muted); | |
| border-bottom: 1px solid var(--background-modifier-border); | |
| cursor: var(--cursor); } | |
| ul.dataview-ul { | |
| list-style: none; | |
| padding-inline-start: 0; | |
| margin-block-start: 0.5em; | |
| margin-block-end: 0.5em; } | |
| .markdown-source-view.mod-cm6 .table-view-table > tbody > tr > td, | |
| .markdown-preview-view .table-view-table > tbody > tr > td { | |
| max-width: var(--max-col-width); } | |
| /* Trim columns feature */ | |
| .trim-cols .markdown-source-view.mod-cm6 .table-view-table > tbody > tr > td, | |
| .trim-cols .markdown-preview-view .table-view-table > tbody > tr > td, | |
| .trim-cols .markdown-source-view.mod-cm6 .table-view-table > thead > tr > th { | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| overflow: hidden; } | |
| /* Lists */ | |
| ul .dataview .task-list-item:hover, | |
| ul .dataview .task-list-basic-item:hover { | |
| background-color: transparent; | |
| box-shadow: none; } | |
| /* Inline fields */ | |
| body .dataview.inline-field-key, | |
| body .dataview.inline-field-value, | |
| body .dataview .inline-field-standalone-value { | |
| font-family: var(--text); | |
| font-size: calc(var(--font-adaptive-normal) - 2px); | |
| background: transparent; | |
| color: var(--text-muted); } | |
| body .dataview.inline-field-key { | |
| padding: 0; } | |
| body .dataview .inline-field-standalone-value { | |
| padding: 0; } | |
| body .dataview.inline-field-key::after { | |
| margin-left: 3px; | |
| content: "|"; | |
| color: var(--background-modifier-border); } | |
| body .dataview.inline-field-value { | |
| padding: 0 1px 0 3px; } | |
| /* Calendar */ | |
| .markdown-preview-view .block-language-dataview table.calendar th { | |
| border: none; | |
| cursor: default; | |
| background-image: none; } | |
| .markdown-preview-view .block-language-dataview table.calendar .day { | |
| font-size: var(--font-adaptive-small); } | |
| /* Dictionary plugin */ | |
| .workspace-leaf-content .view-content.dictionary-view-content { | |
| padding: 0; } | |
| div[data-type="dictionary-view"] .contents { | |
| padding-bottom: 2rem; } | |
| div[data-type="dictionary-view"] .results > .container { | |
| background-color: transparent; | |
| margin-top: 0; | |
| max-width: none; | |
| padding: 0 10px; } | |
| div[data-type="dictionary-view"] .error, | |
| div[data-type="dictionary-view"] .errorDescription { | |
| text-align: left; | |
| font-size: var(--font-adaptive-small); | |
| padding: 10px 12px 0; | |
| margin: 0; } | |
| div[data-type="dictionary-view"] .results > .container h3 { | |
| text-transform: uppercase; | |
| letter-spacing: 0.05em; | |
| color: var(--text-muted); | |
| font-size: var(--font-adaptive-smallest); | |
| font-weight: 500; | |
| padding: 5px 7px 0px 2px; | |
| margin-bottom: 6px; } | |
| div[data-type="dictionary-view"] .container .main { | |
| border-radius: 0; | |
| background-color: transparent; | |
| font-size: var(--font-adaptive-smaller); | |
| line-height: 1.3; | |
| color: var(--text-muted); | |
| padding: 5px 0 0; } | |
| div[data-type="dictionary-view"] .main .definition { | |
| padding: 10px; | |
| border: 1px solid var(--background-modifier-border); | |
| border-radius: 5px; | |
| margin: 10px 0 5px; | |
| background-color: var(--background-primary); } | |
| div[data-type="dictionary-view"] .main .definition:last-child { | |
| border: 1px solid var(--background-modifier-border); } | |
| div[data-type="dictionary-view"] .main .synonyms { | |
| padding: 10px 0 0; } | |
| div[data-type="dictionary-view"] .main .synonyms p { | |
| margin: 0; } | |
| div[data-type="dictionary-view"] .main .definition > blockquote { | |
| margin: 0; } | |
| div[data-type="dictionary-view"] .main .label { | |
| color: var(--text-normal); | |
| margin-bottom: 2px; | |
| font-size: var(--font-adaptive-smaller); | |
| font-weight: 500; } | |
| div[data-type="dictionary-view"] .main .mark { | |
| color: var(--text-normal); | |
| background-color: var(--text-selection); | |
| box-shadow: none; } | |
| div[data-type="dictionary-view"] .main > .opener { | |
| font-size: var(--font-adaptive-small); | |
| color: var(--text-normal); | |
| padding-left: 5px; } | |
| /* Excalidraw Plugin */ | |
| body .excalidraw, | |
| body .excalidraw.theme--dark { | |
| --color-primary-light:var(--text-selection); | |
| --color-primary:var(--interactive-accent); | |
| --color-primary-chubb:var(--interactive-accent-hover); | |
| --color-primary-darker:var(--interactive-accent-hover); | |
| --color-primary-darkest:var(--interactive-accent-hover); | |
| --ui-font:var(--font-ui); | |
| --island-bg-color:var(--background-secondary); | |
| --button-gray-1:var(--background-tertiary); | |
| --button-gray-2:var(--background-tertiary); | |
| --focus-highlight-color:var(--background-modifier-border-focus); | |
| --default-bg-color:var(--background-primary); | |
| --input-border-color:var(--background-modifier-border); | |
| --link-color:var(--text-accent); | |
| --overlay-bg-color:rgba(255, 255, 255, 0.88); | |
| --text-primary-color:var(--text-normal); } | |
| .workspace-leaf-content[data-type=excalidraw] .view-header .view-header-title-container { | |
| width: auto; } | |
| body .excalidraw .App-toolbar-container .ToolIcon_type_floating:not(.is-mobile) .ToolIcon__icon { | |
| box-shadow: none; } | |
| body .excalidraw button, | |
| body .excalidraw .buttonList label { | |
| cursor: var(--cursor); } | |
| body .excalidraw .Dialog__title { | |
| font-variant: normal; } | |
| body .excalidraw .reset-zoom-button, | |
| body .excalidraw .HintViewer { | |
| color: var(--text-muted); | |
| font-size: var(--font-small); } | |
| body .excalidraw .reset-zoom-button { | |
| padding-left: 1em; | |
| padding-right: 1em; } | |
| body .excalidraw .HintViewer > span { | |
| background-color: transparent; } | |
| body .excalidraw button:hover { | |
| box-shadow: none; } | |
| body .excalidraw .Island { | |
| box-shadow: none; | |
| border: 1px solid var(--background-modifier-border); } | |
| body .excalidraw .ToolIcon { | |
| cursor: var(--cursor); | |
| font-family: var(--font-ui); | |
| background-color: transparent; } | |
| body .excalidraw label.ToolIcon { | |
| cursor: var(--cursor); | |
| background-color: transparent; } | |
| /* Electron Window Tweaker */ | |
| :root { | |
| --ewt-traffic-light-y:0px; } | |
| /* Embedded Note Titles plugin */ | |
| .contextual-typography .markdown-preview-view h1.embedded-note-title { | |
| margin-block-start: 0; | |
| margin-block-end: 0; } | |
| .embedded-note-titles .markdown-preview-view > h1 { | |
| /* ...preview mode styles... */ } | |
| .embedded-note-titles .is-readable-line-width.markdown-preview-view > h1 { | |
| max-width: var(--max-width) !important; | |
| width: var(--line-width-adaptive) !important; } | |
| .embedded-note-titles.minimal-folding .is-readable-line-width.markdown-preview-view > h1 { | |
| padding-left: var(--folding-offset) !important; } | |
| /* Attempting focus mode + embedded note titles | |
| .embedded-note-titles.minimal-focus-mode .markdown-preview-view > h1 { | |
| padding-top:var(--header-height); | |
| } | |
| .embedded-note-titles.minimal-focus-mode .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .CodeMirror-scroller { | |
| margin-top:calc(var(--header-height) - 10px); | |
| }*/ | |
| .embedded-note-titles .CodeMirror-scroll > h1 { | |
| /* ...edit mode styles... */ } | |
| .embedded-note-titles .is-readable-line-width .CodeMirror-scroll > h1 { | |
| /* ...edit mode styles with readable line width enabled... */ } | |
| /* Git plugin */ | |
| .git-view-body .opener { | |
| text-transform: uppercase; | |
| letter-spacing: 0.05em; | |
| font-size: var(--font-adaptive-smallest); | |
| font-weight: 500; | |
| padding: 5px 7px 5px 10px; | |
| margin-bottom: 6px; } | |
| .git-view-body .file-view .opener { | |
| text-transform: none; | |
| letter-spacing: normal; | |
| font-size: var(--font-adaptive-smallest); | |
| font-weight: normal; | |
| padding: initial; | |
| margin-bottom: 0px; } | |
| .git-view-body .file-view .opener .collapse-icon { | |
| display: flex !important; | |
| margin-left: -7px; } | |
| .git-view-body { | |
| margin-top: 6px; } | |
| .git-view-body .file-view { | |
| margin-left: 4px; } | |
| .git-view-body .file-view main:hover { | |
| color: var(--text-normal); } | |
| .git-view-body .file-view .tools .type { | |
| display: none !important; } | |
| .git-view-body .file-view .tools { | |
| opacity: 0; | |
| transition: opacity .1s; } | |
| .git-view-body .file-view main:hover > .tools { | |
| opacity: 1; } | |
| .git-view-body .staged { | |
| margin-bottom: 12px; } | |
| .git-view-body .opener.open { | |
| color: var(--text-normal); } | |
| div[data-type="git-view"] .search-input-container { | |
| margin-left: 0; | |
| width: 100%; } | |
| .git-view-body .opener .collapse-icon { | |
| display: none !important; } | |
| .git-view-body main { | |
| background-color: var(--background-primary) !important; | |
| width: initial !important; } | |
| .git-view-body .file-view > main:not(.topLevel) { | |
| margin-left: 7px; } | |
| div[data-type="git-view"] .commit-msg { | |
| min-height: 2.5em !important; | |
| height: 2.5em !important; | |
| padding: 6.5px 8px !important; } | |
| div[data-type="git-view"] .search-input-clear-button { | |
| bottom: 5.5px; } | |
| /* Hider plugin */ | |
| /* Frameless mode */ | |
| body.hider-frameless:not(.is-mobile) .workspace-split.mod-left-split > .workspace-tabs { | |
| padding-top: 24px; | |
| transition: padding-top 0.2s linear; } | |
| /* Include support for Electron Window Tweaker */ | |
| body.mod-macos.hider-frameless:not(.is-fullscreen):not(.is-mobile) .workspace-split.mod-left-split > .workspace-tabs:nth-child(3) { | |
| padding-top: calc(24px + var(--ewt-traffic-light-y)); | |
| transition: padding-top 0.2s linear; } | |
| body.mod-macos.hider-frameless:not(.hider-ribbon):not(.is-fullscreen):not(.is-mobile) .workspace-ribbon .side-dock-actions { | |
| padding-top: calc(24px + var(--ewt-traffic-light-y)); } | |
| .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: 0px; } | |
| .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; } | |
| /* Adjustments to title bar for traffic light icons */ | |
| :root { | |
| --traffic-x-space:0px; } | |
| /* Frameless + no ribbon */ | |
| .mod-macos.hider-ribbon.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 { | |
| --traffic-x-space:64px; } | |
| /* Frameless */ | |
| .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 { | |
| --traffic-x-space:22px; } | |
| /* Remove ribbon border on Mac when frameless */ | |
| .mod-macos.hider-frameless .workspace-ribbon { | |
| border: none; } | |
| /* --------------- */ | |
| /* App ribbon moved to the bottom edge */ | |
| .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 7px; } | |
| .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 { | |
| opacity: 0; } | |
| .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; } | |
| /* Indentation Guides plugin */ | |
| body { | |
| --indentation-guide-adjust:0px; | |
| --indentation-guide-adjust-preview:0.05em ; } | |
| body.theme-light, | |
| body.theme-dark { | |
| --indentation-guide-color:var(--background-modifier-border); | |
| --indentation-guide-active-color:var(--background-modifier-border-hover); } | |
| /* Kanban plugin */ | |
| body .kanban-plugin__markdown-preview-view { | |
| font-family: var(----text); } | |
| 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; | |
| border-radius: 0; } | |
| body:not(.is-mobile) .kanban-plugin__grow-wrap > textarea:focus { | |
| box-shadow: none; } | |
| body .kanban-plugin__markdown-preview-view, | |
| body .kanban-plugin__grow-wrap > textarea, | |
| body .kanban-plugin__grow-wrap::after, | |
| body .kanban-plugin__item-title p { | |
| font-size: calc(var(--font-adaptive-normal) - 2px); | |
| line-height: 1.3; } | |
| .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); } | |
| .kanban-plugin__item-title-wrapper { | |
| align-items: center; } | |
| body .kanban-plugin__lane-form-wrapper { | |
| border: 1px solid var(--background-modifier-border); } | |
| body .kanban-plugin__lane-header-wrapper { | |
| border-bottom: 0; } | |
| body .kanban-plugin__lane-title p, | |
| 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: calc(var(--font-adaptive-normal) - 2px); | |
| font-weight: 500; } | |
| body .kanban-plugin__item-input-wrapper .kanban-plugin__grow-wrap > textarea { | |
| padding: 0; | |
| border-radius: 0; } | |
| body .kanban-plugin__item-form .kanban-plugin__grow-wrap { | |
| padding: 6px 8px; | |
| border-radius: 6px; | |
| border: 1px solid var(--background-modifier-border); | |
| background-color: var(--background-primary); } | |
| body .kanban-plugin__item-input-wrapper .kanban-plugin__grow-wrap > textarea::placeholder { | |
| color: var(--text-faint); } | |
| 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__lane-items > .kanban-plugin__placeholder:only-child { | |
| border: 1px dashed var(--background-modifier-border); | |
| height: 2em; } | |
| body .kanban-plugin__item button.kanban-plugin__item-prefix-button.is-enabled, | |
| body .kanban-plugin__item button.kanban-plugin__item-postfix-button.is-enabled, | |
| body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled { | |
| color: var(--text-muted); } | |
| body .kanban-plugin button { | |
| box-shadow: none; | |
| cursor: var(--cursor); } | |
| body .kanban-plugin__item button.kanban-plugin__item-prefix-button:hover, | |
| body .kanban-plugin__item button.kanban-plugin__item-postfix-button:hover, | |
| body .kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover { | |
| background-color: var(--background-tertiary); } | |
| body:not(.minimal-icons-off) .kanban-plugin svg.cross { | |
| height: 14px; | |
| width: 14px; } | |
| body .kanban-plugin__item-button-wrapper > button { | |
| font-size: var(--font-adaptive-small); | |
| color: var(--text-muted); | |
| font-weight: 400; | |
| background: transparent; | |
| height: 32px; } | |
| body .kanban-plugin__item-button-wrapper > button:hover { | |
| color: var(--text-normal); | |
| background: var(--background-tertiary); } | |
| body .kanban-plugin__item-button-wrapper > button:focus { | |
| box-shadow: none; } | |
| body .kanban-plugin__item-button-wrapper { | |
| padding: 1px 6px 5px; | |
| border-top: none; } | |
| body .kanban-plugin__lane-setting-wrapper > div:last-child { | |
| border: none; | |
| margin: 0; } | |
| body .kanban-plugin.something-is-dragging { | |
| cursor: grabbing; | |
| cursor: -webkit-grabbing; } | |
| 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: transparent; | |
| padding: 0; | |
| border: var(--border-width) solid transparent; } | |
| body { | |
| --kanban-border:var(--border-width); } | |
| body.theme-dark, | |
| body.minimal-dark-black.theme-dark, | |
| body.minimal-dark-tonal.theme-dark, | |
| body.minimal-light-white.theme-light, | |
| body.minimal-light-tonal.theme-light { | |
| --kanban-border:0px; } | |
| body .kanban-plugin__lane-items { | |
| border: var(--kanban-border) solid var(--background-modifier-border); | |
| border-bottom: none; | |
| padding: 0 4px; | |
| border-top-left-radius: 8px; | |
| border-top-right-radius: 8px; | |
| margin: 0; | |
| background-color: var(--background-secondary); } | |
| body .kanban-plugin__item-input-wrapper { | |
| border: 0; | |
| padding-top: 1px; } | |
| body .kanban-plugin__item-form, | |
| body .kanban-plugin__item-button-wrapper { | |
| background-color: var(--background-secondary); | |
| border: var(--kanban-border) solid var(--background-modifier-border); | |
| border-top: none; | |
| border-bottom-left-radius: 8px; | |
| border-bottom-right-radius: 8px; } | |
| body .kanban-plugin__item-form { | |
| padding: 0 4px 5px; } | |
| 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: 1.8em !important; } | |
| @media (max-width: 400pt) { | |
| .kanban-plugin__board { | |
| flex-direction: column !important; } | |
| .kanban-plugin__lane { | |
| width: 100% !important; | |
| margin-bottom: 1rem !important; } } | |
| /* Leaflet plugin */ | |
| .theme-light { | |
| --leaflet-buttons:var(--bg1); | |
| --leaflet-borders:rgba(0,0,0,0.1); } | |
| .theme-dark { | |
| --leaflet-buttons:var(--bg2); | |
| --leaflet-borders:rgba(255,255,255,0.1); } | |
| .leaflet-top { | |
| transition: top 0.1s linear; } | |
| .mod-macos.minimal-focus-mode .mod-root .map-100 .markdown-preview-sizer.markdown-preview-section .el-lang-leaflet:nth-child(3) .leaflet-top { | |
| top: calc(18px + var(--ewt-traffic-light-y)); | |
| transition: top 0.1s linear; } | |
| body .leaflet-container { | |
| background-color: var(--background-secondary); } | |
| .map-100 .markdown-preview-sizer.markdown-preview-section .el-lang-leaflet:nth-child(3) { | |
| margin-top: -16px; } | |
| .leaflet-control-attribution { | |
| display: none; } | |
| .leaflet-popup-content { | |
| margin: 10px; } | |
| .block-language-leaflet { | |
| border-radius: var(--radius-m); | |
| overflow: hidden; | |
| border: var(--border-width) solid var(--background-modifier-border); } | |
| .map-wide .block-language-leaflet { | |
| border-radius: var(--radius-l); } | |
| .map-max .block-language-leaflet { | |
| border-radius: var(--radius-xl); } | |
| .workspace-leaf-content[data-type="obsidian-leaflet-map-view"] .block-language-leaflet { | |
| border-radius: 0; | |
| border: none; } | |
| .map-100 .block-language-leaflet { | |
| border-radius: 0px; | |
| border-left: none; | |
| border-right: none; } | |
| /* Checkbox */ | |
| .block-language-leaflet .leaflet-control-expandable-list .input-container .input-item > input { | |
| appearance: none; } | |
| /* Buttons */ | |
| body .block-language-leaflet .leaflet-bar.disabled > a { | |
| background-color: transparent; | |
| opacity: 0.3; } | |
| body .leaflet-touch .leaflet-bar a:first-child { | |
| border-top-left-radius: 4px; | |
| border-top-right-radius: 4px; } | |
| body .leaflet-touch .leaflet-bar a:last-child { | |
| border-bottom-left-radius: 4px; | |
| border-bottom-right-radius: 4px; } | |
| body .leaflet-control-layers-toggle { | |
| border-radius: 4px; } | |
| body .leaflet-control-layers-toggle, | |
| body .leaflet-control-layers-expanded, | |
| body .block-language-leaflet .leaflet-control-has-actions .control-actions.expanded, | |
| body .block-language-leaflet .leaflet-control-expandable, | |
| body .block-language-leaflet .leaflet-distance-control, | |
| body .leaflet-bar, | |
| body .leaflet-bar a { | |
| background-color: var(--leaflet-buttons); | |
| color: var(--text-muted); | |
| border: none; } | |
| body .leaflet-bar a.leaflet-disabled, | |
| body .leaflet-bar a.leaflet-disabled:hover { | |
| background-color: var(--leaflet-buttons); | |
| color: var(--text-faint); | |
| opacity: 0.6; | |
| cursor: not-allowed; } | |
| body .leaflet-control a { | |
| cursor: var(--cursor); | |
| color: var(--text-normal); } | |
| body .leaflet-bar a:hover { | |
| background-color: var(--background-tertiary); | |
| color: var(--text-normal); | |
| border: none; } | |
| body .leaflet-touch .leaflet-control-layers { | |
| background-color: var(--leaflet-buttons); } | |
| body .leaflet-touch .leaflet-control-layers, | |
| body .leaflet-touch .leaflet-bar { | |
| border-radius: 5px; | |
| box-shadow: 2px 0 8px 0px rgba(0, 0, 0, 0.1); | |
| border: 1px solid var(--ui1); } | |
| body .block-language-leaflet .leaflet-control-has-actions .control-actions { | |
| box-shadow: 0; | |
| border: 1px solid var(--ui1); } | |
| body .leaflet-control-expandable-list .leaflet-bar { | |
| box-shadow: none; | |
| border-radius: 0; } | |
| body .block-language-leaflet .leaflet-distance-control { | |
| padding: 4px 10px; | |
| height: auto; | |
| cursor: var(--cursor) !important; } | |
| /* Map View plugin */ | |
| .map-view-marker-name { | |
| font-weight: 400; } | |
| .workspace-leaf-content[data-type="map"] .graph-controls { | |
| background-color: var(--background-primary); } | |
| /* Full bleed */ | |
| body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf-content[data-type='map'] .view-header { | |
| position: fixed; | |
| background: transparent !important; | |
| width: 100%; | |
| z-index: 99; } | |
| body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='map'] .view-header-title { | |
| display: none; } | |
| body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='map'] .view-actions { | |
| background: transparent; } | |
| body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='map'] .view-content { | |
| height: 100%; } | |
| body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='map'] .leaflet-top.leaflet-right { | |
| top: var(--header-height); } | |
| /* Metatable */ | |
| .obsidian-metatable { | |
| --metatable-font-size:calc(var(--font-adaptive-normal) - 2px); | |
| --metatable-font-family: var(--font-ui); | |
| --metatable-background:transparent; | |
| --metatable-foreground: var(--text-faint); | |
| --metatable-key-background:transparent; | |
| --metatable-key-border-width:0; | |
| --metatable-key-border-color:transparent; | |
| --metatable-value-background:transparent; | |
| padding-bottom: 0.5rem; } | |
| .obsidian-metatable::part(value), .obsidian-metatable::part(key) { | |
| border-bottom: 0px solid var(--background-modifier-border); | |
| padding: 0.1rem 0; | |
| text-overflow: ellipsis; | |
| overflow: hidden; } | |
| .obsidian-metatable::part(key) { | |
| font-weight: 400; | |
| color: var(--tx3); | |
| font-size: calc(var(--font-adaptive-normal) - 2px); } | |
| .obsidian-metatable::part(value) { | |
| font-size: calc(var(--font-adaptive-normal) - 2px); | |
| color: var(--tx1); } | |
| /* Outliner plugin (pre Live Preview) */ | |
| body.outliner-plugin-bls .CodeMirror-line .cm-hmd-list-indent::before { | |
| background-image: linear-gradient(to right, var(--background-modifier-border) 1px, transparent 1px); | |
| background-position-x: 2px; | |
| background-size: var(--font-normal) 1px; } | |
| body.outliner-plugin-bls .cm-s-obsidian span.cm-formatting-list { | |
| letter-spacing: unset; } | |
| body.outliner-plugin-bls .cm-s-obsidian .HyperMD-list-line { | |
| padding-top: 0; } | |
| body.outliner-plugin-bls .cm-s-obsidian span.cm-formatting-list-ul:before { | |
| color: var(--text-faint); | |
| margin-left: -3px; | |
| margin-top: -5px; } | |
| body.outliner-plugin-bls.minimal-rel-edit .cm-hmd-list-indent > .cm-tab:after { | |
| content: ""; | |
| border-right: none; } | |
| body.outliner-plugin-bls .cm-s-obsidian span.cm-formatting-list-ul { | |
| color: transparent !important; } | |
| body.outliner-plugin-bls .cm-s-obsidian:not(.is-live-preview) .cm-formatting-list-ul:before, | |
| body.outliner-plugin-bls .cm-s-obsidian.is-live-preview .list-bullet:before { | |
| color: var(--text-faint); } | |
| /* QuickAdd plugin */ | |
| .modal .quickAddPrompt > h1, | |
| .modal .quickAddYesNoPrompt h1 { | |
| margin-top: 0; | |
| text-align: left !important; | |
| font-size: var(--h1); | |
| font-weight: 600; } | |
| .modal .quickAddYesNoPrompt p { | |
| text-align: left !important; } | |
| .modal .quickAddYesNoPrompt button { | |
| font-size: var(--font-settings-small); } | |
| .modal .yesNoPromptButtonContainer { | |
| font-size: var(--font-settings-small); | |
| justify-content: flex-end; } | |
| .quickAddModal .modal-content { | |
| padding: 20px 2px 5px; } | |
| div#quick-explorer { | |
| display: flex; } | |
| div#quick-explorer span.explorable { | |
| align-items: center; | |
| color: var(--text-muted); | |
| display: flex; | |
| font-size: var(--font-adaptive-smaller); | |
| line-height: 16px; } | |
| div#quick-explorer span.explorable:last-of-type { | |
| font-size: var(--font-adaptive-smaller); } | |
| div#quick-explorer span.explorable.selected, div#quick-explorer span.explorable:hover { | |
| background-color: unset !important; } | |
| div#quick-explorer span.explorable.selected .explorable-name, div#quick-explorer span.explorable:hover .explorable-name { | |
| color: var(--text-normal); } | |
| div#quick-explorer span.explorable.selected .explorable-separator, div#quick-explorer span.explorable:hover .explorable-separator { | |
| color: var(--text-normal); } | |
| div#quick-explorer .explorable-name { | |
| padding: 0 4px; | |
| border-radius: 4px; } | |
| div#quick-explorer .explorable-separator::before { | |
| content: "\00a0›" !important; | |
| font-size: 1.3em; | |
| font-weight: 400; | |
| margin: 0px; } | |
| body:not(.colorful-active) .qe-popup-menu .menu-item:not(.is-disabled):not(.is-label):hover, body:not(.colorful-active) .qe-popup-menu .menu-item:not(.is-disabled):not(.is-label).selected { | |
| background-color: var(--background-tertiary); | |
| color: var(--text-normal); } | |
| body:not(.colorful-active) .qe-popup-menu .menu-item:not(.is-disabled):not(.is-label):hover .menu-item-icon, body:not(.colorful-active) .qe-popup-menu .menu-item:not(.is-disabled):not(.is-label).selected .menu-item-icon { | |
| color: var(--text-normal); } | |
| /* Sliding Panes aka Andy Mode plugin */ | |
| 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 .workspace-split.mod-root { | |
| background-color: var(--background-primary); } | |
| 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: auto; | |
| 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: auto; | |
| 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.is-mobile.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-icon { | |
| height: 30px; } | |
| body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-actions { | |
| padding-bottom: 33px; | |
| margin-left: 0; | |
| height: auto; } | |
| /* Space for the hover ribbon in the bottom left */ | |
| 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; } | |
| /* Sortable plugin */ | |
| .theme-dark .markdown-preview-view th, | |
| .theme-light .markdown-preview-view th { | |
| background-image: none; | |
| cursor: default; } | |
| .theme-light th[sortable-style="sortable-asc"] { | |
| background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'><path fill='black' fill-opacity='0.4' d='M6.5 4l4-4 4 4z'></path></svg>"); } | |
| .theme-light th[sortable-style="sortable-desc"] { | |
| background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'><path fill='black' fill-opacity='0.4' d='M14.5 0l-4 4-4-4z'></path></svg>"); } | |
| .theme-light th[sortable-style="sortable-asc"]:hover { | |
| background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'><path fill='black' fill-opacity='0.6' d='M6.5 4l4-4 4 4z'></path></svg>"); } | |
| .theme-light th[sortable-style="sortable-desc"]:hover { | |
| background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'><path fill='black' fill-opacity='0.6' d='M14.5 0l-4 4-4-4z'></path></svg>"); } | |
| .theme-dark th[sortable-style="sortable-asc"] { | |
| background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'><path fill='white' fill-opacity='0.4' d='M6.5 4l4-4 4 4z'></path></svg>"); } | |
| .theme-dark th[sortable-style="sortable-desc"] { | |
| background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'><path fill='white' fill-opacity='0.4' d='M14.5 0l-4 4-4-4z'></path></svg>"); } | |
| .theme-dark th[sortable-style="sortable-asc"]:hover { | |
| background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'><path fill='white' fill-opacity='0.6' d='M6.5 4l4-4 4 4z'></path></svg>"); } | |
| .theme-dark th[sortable-style="sortable-desc"]:hover { | |
| background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'><path fill='white' fill-opacity='0.6' d='M14.5 0l-4 4-4-4z'></path></svg>"); } | |
| /* Live preview */ | |
| .markdown-source-view.mod-cm6 th { | |
| background-repeat: no-repeat; | |
| background-position: right; } | |
| /* Style Settings preferences */ | |
| .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; } | |
| .workspace-leaf-content .setting-item.setting-item-heading { | |
| border-bottom: 1px solid var(--background-modifier-border); | |
| padding: 10px 0 5px; } | |
| .workspace-leaf-content[data-type="style-settings"] .style-settings-heading[data-level="0"] .setting-item-name { | |
| padding-left: 17px; } | |
| .workspace-leaf-content[data-type="style-settings"] .setting-item { | |
| max-width: var(--max-width); | |
| margin: 0 auto; } | |
| .workspace-leaf-content[data-type="style-settings"] .setting-item-name { | |
| position: relative; } | |
| .workspace-leaf-content[data-type="style-settings"] .style-settings-collapse-indicator { | |
| position: absolute; | |
| left: 0; } | |
| .mod-root .workspace-leaf-content[data-type="style-settings"] .style-settings-container .setting-item:not(.setting-item-heading) { | |
| flex-direction: row; | |
| align-items: center; | |
| padding: 0.5em 0; } | |
| .workspace-split:not(.mod-root) .workspace-leaf-content[data-type="style-settings"] .setting-item-name { | |
| font-size: var(--font-small); } | |
| .setting-item .style-settings-import, | |
| .setting-item .style-settings-export { | |
| text-decoration: none; | |
| font-size: var(--font-settings-small); | |
| font-weight: 500; | |
| color: var(--text-muted); | |
| margin: 0; | |
| padding: 2px 8px; | |
| border-radius: 5px; | |
| cursor: var(--cursor); } | |
| .style-settings-import:hover, | |
| .style-settings-export:hover { | |
| background-color: var(--background-tertiary); | |
| color: var(--text-normal); | |
| cursor: var(--cursor); } | |
| .themed-color-wrapper > div + div { | |
| margin-top: 0; | |
| margin-left: 6px; } | |
| .theme-light .themed-color-wrapper > .theme-light { | |
| background-color: transparent; } | |
| .theme-light .themed-color-wrapper > .theme-dark { | |
| background-color: rgba(0, 0, 0, 0.8); } | |
| .theme-dark .themed-color-wrapper > .theme-dark { | |
| background-color: transparent; } | |
| /* Obsidian Tabs plugin */ | |
| body.plugin-tabs .mod-root.workspace-split.mod-vertical > div.workspace-leaf.stayopen .view-header, | |
| body.plugin-tabs .mod-root.workspace-split.mod-vertical > .workspace-split.mod-vertical > div.workspace-leaf .view-header, .plugin-tabs .mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active .view-header { | |
| border: none; } | |
| /* Todoist Plugin Styles */ | |
| body .todoist-query-title { | |
| display: inline; | |
| font-size: var(--h4); | |
| font-variant: var(--h4-variant); | |
| letter-spacing: 0.02em; | |
| color: var(--h4-color); | |
| font-weight: var(--h4-weight); | |
| font-style: var(--h4-style); } | |
| body .is-live-preview .block-language-todoist { | |
| padding-left: 0; } | |
| body .todoist-refresh-button { | |
| display: inline; | |
| float: right; | |
| background: transparent; | |
| padding: 5px 6px 0; | |
| margin-right: 0px; } | |
| body .is-live-preview .todoist-refresh-button { | |
| margin-right: 30px; } | |
| body .todoist-refresh-button:hover { | |
| box-shadow: none; | |
| background-color: var(--background-tertiary); } | |
| .todoist-refresh-button svg { | |
| width: 15px; | |
| height: 15px; | |
| opacity: var(--icon-muted); } | |
| ul.todoist-task-list { | |
| margin-left: -0.25em; } | |
| .is-live-preview ul.todoist-task-list { | |
| padding-left: 0; | |
| margin-left: 0.5em; | |
| margin-block-start: 0; | |
| margin-block-end: 0; } | |
| .contains-task-list.todoist-task-list .task-metadata { | |
| font-size: var(--font-adaptive-small); | |
| display: flex; | |
| color: var(--text-muted); | |
| justify-content: space-between; | |
| margin-left: 0.1em; | |
| margin-bottom: 0.25rem; } | |
| .is-live-preview .contains-task-list.todoist-task-list .task-metadata { | |
| padding-left: calc(var(--checkbox-size) + 0.6em); } | |
| .todoist-task-list .task-date.task-overdue { | |
| color: var(--orange); } | |
| body .todoist-p1 > input[type="checkbox"] { | |
| border: 1px solid var(--red); } | |
| body .todoist-p1 > input[type="checkbox"]:hover { | |
| opacity: 0.8; } | |
| body .todoist-p2 > input[type="checkbox"] { | |
| border: 1px solid var(--yellow); } | |
| body .todoist-p2 > input[type="checkbox"]:hover { | |
| opacity: 0.8; } | |
| body .todoist-p3 > input[type="checkbox"] { | |
| border: 1px solid var(--blue); } | |
| body .todoist-p3 > input[type="checkbox"]:hover { | |
| opacity: 0.8; } | |
| /* Tracker */ | |
| body.theme-light { | |
| --color-axis-label:var(--tx1); | |
| --color-tick-label:var(--tx2); | |
| --color-dot-fill:var(--ax1); | |
| --color-line:var(--ui1); } | |
| .tracker-axis-label { | |
| font-family: var(--font-ui); } | |
| .tracker-axis { | |
| color: var(--ui2); } | |
| /* Color schemes */ | |
| /* Atom */ | |
| .theme-dark.minimal-atom-dark { | |
| --red:#e16d76; | |
| --orange:#d19a66; | |
| --yellow:#cec167; | |
| --green:#98c379; | |
| --cyan:#58b6c2; | |
| --blue:#62afef; | |
| --purple:#c678de; | |
| --pink:#e16d76; } | |
| .theme-light.minimal-atom-light { | |
| --red:#e45749; | |
| --orange:#b76b02; | |
| --yellow:#c18302; | |
| --green:#50a150; | |
| --cyan:#0d97b3; | |
| --blue:#62afef; | |
| --purple:#a626a4; | |
| --pink:#e45749; } | |
| .theme-light.minimal-atom-light { | |
| --base-h:106; | |
| --base-s:0%; | |
| --base-l:98%; | |
| --accent-h:209; | |
| --accent-s:100%; | |
| --accent-l:55%; | |
| --bg1:#fafafa; | |
| --bg2:#eaeaeb; | |
| --bg3:#dbdbdc; | |
| --ui1:#dbdbdc; | |
| --ui2:#d8d8d9; | |
| --tx1:#232324; | |
| --tx2:#8e8e90; | |
| --tx3:#a0a1a8; | |
| --ax1:#1a92ff; | |
| --ax3:#566de8; | |
| --hl1:rgba(180,180,183,0.3); | |
| --hl2:rgba(209,154,102,0.35); } | |
| .theme-light.minimal-atom-light.minimal-light-white { | |
| --bg3:#eaeaeb; } | |
| .theme-light.minimal-atom-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-atom-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-atom-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-atom-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-atom-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-atom-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark.minimal-atom-dark { | |
| --base-h:220; | |
| --base-s:12%; | |
| --base-l:18%; | |
| --accent-h:220; | |
| --accent-s:86%; | |
| --accent-l:65%; | |
| --bg1:#282c34; | |
| --bg2:#21252c; | |
| --bg3:#3a3f4b; | |
| --background-divider:#181a1f; | |
| --tx1:#d8dae1; | |
| --tx2:#898f9d; | |
| --tx3:#5d6370; | |
| --ax1:#578af2; | |
| --ax3:#578af2; | |
| --hl1:rgba(114,123,141,0.3); | |
| --hl2:rgba(209,154,102,0.3); | |
| --sp1:#fff; } | |
| .theme-dark.minimal-atom-dark.minimal-dark-black { | |
| --base-d:5%; | |
| --bg3:#282c34; | |
| --background-divider:#282c34; } | |
| /* Dracula */ | |
| .theme-dark.minimal-dracula-dark { | |
| --red:#ff5555; | |
| --yellow:#f1fa8c; | |
| --green:#50fa7b; | |
| --orange:#ffb86c; | |
| --purple:#bd93f9; | |
| --pink:#ff79c6; | |
| --cyan:#8be9fd; | |
| --blue:#6272a4; } | |
| .theme-light.minimal-dracula-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-dracula-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-dracula-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-dracula-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-dracula-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-dracula-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark.minimal-dracula-dark { | |
| --base-h:232; | |
| --base-s:16%; | |
| --base-l:19%; | |
| --accent-h:265; | |
| --accent-s:89%; | |
| --accent-l:78%; | |
| --bg1:#282a37; | |
| --bg2:#21222c; | |
| --ui2:#44475a; | |
| --ui3:#6272a4; | |
| --tx1:#f8f8f2; | |
| --tx2:#949FBE; | |
| --tx3:#6272a4; | |
| --ax3:#ff79c6; | |
| --hl1:rgba(134, 140, 170, 0.3); | |
| --hl2:rgba(189, 147, 249, 0.35); } | |
| .theme-dark.minimal-dracula-dark.minimal-dark-black { | |
| --ui1:#282a36; } | |
| /* Gruvbox */ | |
| .theme-dark.minimal-gruvbox-dark, | |
| .theme-light.minimal-gruvbox-light { | |
| --red:#cc241d; | |
| --yellow:#d79921; | |
| --green:#98971a; | |
| --orange:#d65d0e; | |
| --purple:#b16286; | |
| --pink:#b16286; | |
| --cyan:#689d6a; | |
| --blue:#458588; } | |
| .theme-light.minimal-gruvbox-light { | |
| --base-h:49; | |
| --base-s:92%; | |
| --base-l:89%; | |
| --bg1:#fcf2c7; | |
| --bg2:#f2e6bd; | |
| --bg3:#ebd9b3; | |
| --ui1:#ebdbb2; | |
| --ui2:#d5c4a1; | |
| --ui3:#bdae93; | |
| --tx1:#282828; | |
| --tx2:#7c7065; | |
| --tx3:#a89a85; | |
| --ax1:#d65d0e; | |
| --ax2:#af3a03; | |
| --ax3:#d65d0d; | |
| --hl1:rgba(192,165,125,.3); | |
| --hl2:rgba(215,153,33,.4); } | |
| .theme-light.minimal-gruvbox-light.minimal-light-tonal { | |
| --bg2:#fcf2c7; } | |
| .theme-light.minimal-gruvbox-light.minimal-light-white { | |
| --bg3:#faf5d7; | |
| --ui1:#f2e6bd; } | |
| .theme-light.minimal-gruvbox-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-gruvbox-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-gruvbox-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-gruvbox-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-gruvbox-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-gruvbox-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark.minimal-gruvbox-dark { | |
| --bg1:#282828; | |
| --bg2:#1e2021; | |
| --bg3:#3d3836; | |
| --bg3:rgba(62,57,55,0.5); | |
| --ui1:#3c3836; | |
| --ui2:#504945; | |
| --ui3:#665c54; | |
| --tx1:#fbf1c7; | |
| --tx2:#bdae93; | |
| --tx3:#7c6f64; | |
| --ax1:#d65d0e; | |
| --ax2:#fe8019; | |
| --ax3:#d65d0e; | |
| --hl1:rgba(173,149,139,0.3); | |
| --hl2:rgba(215,153,33,.4); } | |
| .theme-dark.minimal-gruvbox-dark.minimal-dark-black { | |
| --hl1:rgba(173,149,139,0.4); | |
| --ui1:#282828; } | |
| /* macOS */ | |
| .theme-dark.minimal-macos-dark, | |
| .theme-light.minimal-macos-light { | |
| --red:#ff3b31; | |
| --yellow:#ffcc00; | |
| --green:#2acd41; | |
| --orange:#ff9502; | |
| --purple:#b051de; | |
| --pink:#ff2e55; | |
| --cyan:#02c7be; | |
| --blue:#027aff; } | |
| .theme-light.minimal-macos-light { | |
| --base-h:106; | |
| --base-s:0%; | |
| --base-l:94%; | |
| --bg1:#fff; | |
| --bg2:#f0f0f0; | |
| --bg3:#d7d7d7; | |
| --ui1:#e7e7e7; | |
| --tx1:#454545; | |
| --tx2:#808080; | |
| --tx3:#b0b0b0; | |
| --ax1:#027aff; | |
| --ax2:#0463cc; | |
| --ax3:#007bff; | |
| --hl1:#b3d7ff; } | |
| .theme-light.minimal-macos-light.minimal-light-tonal { | |
| --bg1:#f0f0f0; | |
| --bg2:#f0f0f0; } | |
| .theme-light.minimal-macos-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-macos-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-macos-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-macos-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-macos-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-macos-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark.minimal-macos-dark { | |
| --base-h:106; | |
| --base-s:0%; | |
| --base-l:12%; | |
| --bg1:#1e1e1e; | |
| --bg2:#282828; | |
| --bg3:rgba(255,255,255,0.11); | |
| --background-divider:#000; | |
| --ui1:#373737; | |
| --ui2:#515151; | |
| --ui3:#595959; | |
| --tx1:#dcdcdc; | |
| --tx2:#8c8c8c; | |
| --tx3:#686868; | |
| --ax1:#027aff; | |
| --ax2:#3f9bff; | |
| --ax3:#007bff; | |
| --hl1:rgba(98,169,252,0.5); | |
| --sp1:#fff; } | |
| .theme-dark.minimal-macos-dark.minimal-dark-black { | |
| --background-divider:#1e1e1e; } | |
| /* Nord */ | |
| .theme-dark.minimal-nord-dark, | |
| .theme-light.minimal-nord-light { | |
| --red:#BF616A; | |
| --yellow:#EBCB8B; | |
| --green:#A3BE8C; | |
| --orange:#D08770; | |
| --purple:#B48EAD; | |
| --pink:#B48EAD; | |
| --cyan:#88C0D0; | |
| --blue:#81A1C1; } | |
| .theme-light.minimal-nord-light { | |
| --base-h:221; | |
| --base-s:27%; | |
| --base-l:94%; | |
| --accent-h:213; | |
| --accent-s:32%; | |
| --accent-l:52%; | |
| --bg1:#fff; | |
| --bg2:#eceff4; | |
| --bg3:rgba(157,174,206,0.25); | |
| --ui1:#d8dee9; | |
| --ui2:#BBCADC; | |
| --ui3:#81a1c1; | |
| --tx1:#2e3440; | |
| --tx2:#7D8697; | |
| --tx3:#ADB1B8; | |
| --ax1:#5e81ac; | |
| --ax2:#81a1c1; | |
| --hl2:rgba(208, 135, 112, 0.35); } | |
| .theme-light.minimal-nord-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-nord-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-nord-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-nord-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-nord-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-nord-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark.minimal-nord-dark { | |
| --base-h:220; | |
| --base-s:16%; | |
| --base-l:22%; | |
| --accent-h:213; | |
| --accent-s:32%; | |
| --accent-l:52%; | |
| --bg1:#2e3440; | |
| --bg2:#3b4252; | |
| --bg3:rgba(135,152,190,0.15); | |
| --ui1:#434c5e; | |
| --ui2:#58647b; | |
| --ui3:#5e81ac; | |
| --tx1:#d8dee9; | |
| --tx2:#9eafcc; | |
| --tx3:#4c566a; | |
| --ax3:#5e81ac; | |
| --hl1:rgba(129,142,180,0.3); | |
| --hl2:rgba(208, 135, 112, 0.35); } | |
| .theme-dark.minimal-nord-dark.minimal-dark-black { | |
| --ui1:#2e3440; } | |
| /* Notion */ | |
| .theme-light.minimal-notion-light { | |
| --base-h:39; | |
| --base-s:18%; | |
| --base-d:96%; | |
| --bg2:#f7f6f4; | |
| --bg3:#e8e7e4; | |
| --ui1:#ededec; | |
| --ui2:#dbdbda; | |
| --ui3:#aaa9a5; | |
| --tx1:#37352f; | |
| --tx2:#72706c; | |
| --tx3:#aaa9a5; | |
| --ax1:#37352f; | |
| --ax2:#000; | |
| --ax3:#2eaadc; | |
| --hl1:rgba(131,201,229,0.3); | |
| --link-weight:500; } | |
| .theme-light.minimal-notion-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-notion-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-notion-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-notion-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-notion-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-notion-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark.minimal-notion-dark { | |
| --base-h:203; | |
| --base-s:8%; | |
| --base-d:20%; | |
| --accent-h:18; | |
| --accent-s:80%; | |
| --accent-l:44%; | |
| --bg1:#2f3437; | |
| --bg2:#373c3f; | |
| --bg3:#4b5053; | |
| --ui1:#3e4245; | |
| --ui2:#585d5f; | |
| --ui3:#585d5f; | |
| --tx1:#ebebeb; | |
| --tx2:#909295; | |
| --tx3:#585d5f; | |
| --ax1:#ebebeb; | |
| --ax2:#fff; | |
| --ax3:#2eaadc; | |
| --hl1:rgba(57,134,164,0.3); | |
| --link-weight:500; } | |
| .theme-dark.minimal-notion-dark.minimal-dark-black { | |
| --base-d:5%; | |
| --bg3:#232729; | |
| --ui1:#2f3437; } | |
| /* Solarized */ | |
| .theme-dark.minimal-solarized-dark, | |
| .theme-light.minimal-solarized-light { | |
| --red:#dc322f; | |
| --orange:#cb4b16; | |
| --yellow:#b58900; | |
| --green:#859900; | |
| --cyan:#2aa198; | |
| --blue:#268bd2; | |
| --purple:#6c71c4; | |
| --pink:#d33682; } | |
| .theme-light.minimal-solarized-light { | |
| --base-h:44; | |
| --base-s:87%; | |
| --base-l:94%; | |
| --accent-h:205; | |
| --accent-s:70%; | |
| --accent-l:48%; | |
| --bg1:#fdf6e3; | |
| --bg2:#eee8d5; | |
| --bg3:rgba(0,0,0,0.062); | |
| --ui1:#e9e1c8; | |
| --ui2:#d0cab8; | |
| --ui3:#d0cab8; | |
| --tx1:#073642; | |
| --tx2:#586e75; | |
| --tx3:#ABB2AC; | |
| --tx4:#586e75; | |
| --ax1:#268bd2; | |
| --hl1:rgba(202,197,182,0.3); | |
| --hl2:rgba(203,75,22,0.3); } | |
| .theme-light.minimal-solarized-light.minimal-light-tonal { | |
| --bg2:#fdf6e3; } | |
| .theme-light.minimal-solarized-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-solarized-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-solarized-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-solarized-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-solarized-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-solarized-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark.minimal-solarized-dark { | |
| --accent-h:205; | |
| --accent-s:70%; | |
| --accent-l:48%; | |
| --base-h:193; | |
| --base-s:98%; | |
| --base-l:11%; | |
| --bg1:#002b36; | |
| --bg2:#073642; | |
| --bg3:rgba(255,255,255,0.062); | |
| --ui1:#19414B; | |
| --ui2:#274850; | |
| --ui3:#31535B; | |
| --tx1:#93a1a1; | |
| --tx2:#657b83; | |
| --tx3:#31535B; | |
| --tx4:#657b83; | |
| --ax1:#268bd2; | |
| --ax3:#268bd2; | |
| --hl1:rgba(15,81,98,0.3); | |
| --hl2:rgba(203, 75, 22, 0.35); } | |
| .theme-dark.minimal-solarized-dark.minimal-dark-black { | |
| --hl1:rgba(15,81,98,0.55); | |
| --ui1:#002b36; } | |
| /* Things */ | |
| .theme-dark.minimal-things-dark, | |
| .theme-light.minimal-things-light { | |
| --red:#ff3b31; | |
| --yellow:#ffcc00; | |
| --green:#2acd41; | |
| --orange:#ff9502; | |
| --purple:#b051de; | |
| --pink:#ff2e55; | |
| --cyan:#02c7be; } | |
| .theme-light.minimal-things-light { | |
| --blue:#1b61c2; } | |
| .theme-dark.minimal-things-dark { | |
| --blue:#4d95f7; } | |
| .theme-light.minimal-things-light { | |
| --bg1:white; | |
| --bg2:#f5f6f8; | |
| --bg3:rgba(162,177,187,0.25); | |
| --ui1:#eef0f4; | |
| --ui2:#D8DADD; | |
| --ui3:#c1c3c6; | |
| --tx1:#26272b; | |
| --tx2:#7D7F84; | |
| --tx3:#a9abb0; | |
| --ax1:#1b61c2; | |
| --ax2:#1C88DD; | |
| --ax3:#1b61c2; | |
| --hl1:#cae2ff; } | |
| .theme-light.minimal-things-light.minimal-light-tonal { | |
| --ui1:#e6e8ec; } | |
| .theme-light.minimal-things-light.minimal-light-white { | |
| --bg3:#f5f6f8; } | |
| .theme-light.minimal-things-light.minimal-light-contrast .titlebar, | |
| .theme-light.minimal-things-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, | |
| .theme-light.minimal-things-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), | |
| .theme-light.minimal-things-light.minimal-light-contrast .mod-left-split, | |
| .theme-light.minimal-things-light.minimal-light-contrast.minimal-status-off .status-bar, | |
| .theme-light.minimal-things-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, | |
| .theme-dark.minimal-things-dark { | |
| --base-h:218; | |
| --base-s:9%; | |
| --base-l:15%; | |
| --bg1:#24262a; | |
| --bg2:#202225; | |
| --bg3:#3d3f41; | |
| --background-divider:#17191c; | |
| --ui1:#3A3B3F; | |
| --ui2:#45464a; | |
| --ui3:#6c6e70; | |
| --tx1:#fbfbfb; | |
| --tx2:#CBCCCD; | |
| --tx3:#6c6e70; | |
| --ax1:#4d95f7; | |
| --ax2:#79a9ec; | |
| --ax3:#4d95f7; | |
| --hl1:rgba(40,119,236,0.35); | |
| --sp1:#fff; } | |
| .theme-dark.minimal-things-dark.minimal-dark-black { | |
| --base-d:5%; | |
| --bg3:#24262a; | |
| --background-divider:#24262a; } | |
| /* Plugin compatibility */ | |
| /* @plugins | |
| core: | |
| - backlink | |
| - command-palette | |
| - daily-notes | |
| - file-explorer | |
| - file-recovery | |
| - global-search | |
| - graph | |
| - outgoing-link | |
| - outline | |
| - page-preview | |
| - publish | |
| - random-note | |
| - starred | |
| - switcher | |
| - sync | |
| - tag-pane | |
| - word-count | |
| community: | |
| - buttons | |
| - dataview | |
| - calendar | |
| - obsidian-charts | |
| - obsidian-checklist-plugin | |
| - obsidian-codemirror-options | |
| - obsidian-dictionary-plugin | |
| - obsidian-embedded-note-titles | |
| - obsidian-excalidraw-plugin | |
| - obsidian-git | |
| - obsidian-hider | |
| - obsidian-kanban | |
| - obsidian-metatable | |
| - obsidian-minimal-settings | |
| - obsidian-outliner | |
| - obsidian-system-dark-mode | |
| - obsidian-style-settings | |
| - quickadd | |
| - sliding-panes-obsidian | |
| - todoist-sync-plugin | |
| */ | |
| /* @settings | |
| name: Minimal Color Scheme | |
| id: minimal-style | |
| settings: | |
| - | |
| id: instructions | |
| title: Welcome 👋 | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| description: Use the Minimal Theme Settings plugin to access hotkeys, adjust features, select fonts, and choose from preset color schemes. Use the settings below for more granular customization. | |
| - | |
| id: interface | |
| title: Interface colors | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: base | |
| title: Base color | |
| description: Defines all background and border colors unless overridden below | |
| type: variable-themed-color | |
| format: hsl-split | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: accent | |
| title: Accent color | |
| description: Defines link and checkbox colors unless overridden below | |
| type: variable-themed-color | |
| format: hsl-split | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: bg1 | |
| title: Main window background | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: bg2 | |
| title: Sidebar background | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: bg3 | |
| title: Active background | |
| description: For hovered buttons and current file | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: ui1 | |
| title: Border color | |
| type: variable-themed-color | |
| description: For divider lines and outlined elements | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: ui2 | |
| title: Border color (highlighted) | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: ui3 | |
| title: Border color (focused) | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: extended-palette | |
| title: Extended palette | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: red | |
| title: Red | |
| description: Extended palette colors are defaults used for progress bar status, syntax highlighting, colorful headings, and graph nodes | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: orange | |
| title: Orange | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: yellow | |
| title: Yellow | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: green | |
| title: Green | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: cyan | |
| title: Cyan | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: blue | |
| title: Blue | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: purple | |
| title: Purple | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: pink | |
| title: Pink | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: icons | |
| title: Icons | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: icon-muted | |
| title: Icon opacity (inactive) | |
| type: variable-number-slider | |
| default: 0.5 | |
| min: 0.25 | |
| max: 1 | |
| step: 0.05 | |
| - | |
| id: icon-color | |
| title: Icon color | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: icon-color-hover | |
| title: Icon color (hover) | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: icon-color-active | |
| title: Icon color (active) | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: titlebar | |
| title: Title bar | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: title-alignment | |
| title: Title alignment | |
| type: class-select | |
| allowEmpty: false | |
| default: title-align-body | |
| options: | |
| - | |
| label: Text body | |
| value: title-align-body | |
| - | |
| label: Left | |
| value: title-align-left | |
| - | |
| label: Center | |
| value: title-align-center | |
| - | |
| id: show-grabber | |
| title: Always show grabber icon | |
| description: Dragging handle is always visible | |
| type: class-toggle | |
| default: false | |
| - | |
| id: header-height | |
| title: Title bar height | |
| type: variable-text | |
| default: 42px | |
| - | |
| id: title-size | |
| title: Title font size | |
| description: Accepts any CSS font-size value | |
| type: variable-text | |
| default: 1.1em | |
| - | |
| id: title-weight | |
| title: Title font weight | |
| description: Accepts numbers representing the CSS font-weight | |
| type: variable-number | |
| default: 600 | |
| - | |
| id: title-color | |
| title: Title font color (active) | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: title-color-inactive | |
| title: Title font color (inactive) | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: links | |
| title: Links | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: ax1 | |
| title: Link color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: ax2 | |
| title: Link color (hovering) | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: link-weight | |
| title: Link font weight | |
| description: Accepts numbers representing the CSS font-weight | |
| type: variable-number | |
| default: 400 | |
| - | |
| id: text | |
| title: Text | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: tx1 | |
| title: Normal text color | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: hl1 | |
| title: Selected text background | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: hl2 | |
| title: Highlighted text background | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: tx2 | |
| title: Muted text color | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: tx3 | |
| title: Faint text color | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: text-italic | |
| title: Italic text color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: text-bold | |
| title: Bold text color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: bold-weight | |
| title: Bold text weight | |
| description: Accepts numbers representing the CSS font-weight | |
| type: variable-number | |
| default: 600 | |
| - | |
| 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.125em | |
| - | |
| id: h1-weight | |
| title: H1 font weight | |
| description: Accepts numbers representing the CSS font-weight | |
| type: variable-number | |
| default: 600 | |
| - | |
| id: h1-color | |
| title: H1 font color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: h1-variant | |
| title: H1 font variant | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Small caps | |
| value: small-caps | |
| - | |
| label: All small caps | |
| value: all-small-caps | |
| - | |
| id: h1-style | |
| title: H1 font style | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Italic | |
| value: italic | |
| - | |
| id: h1-l | |
| title: H1 divider line | |
| description: Adds a border below the heading | |
| type: class-toggle | |
| default: false | |
| - | |
| 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: 1em | |
| - | |
| id: h2-weight | |
| title: H2 font weight | |
| description: Accepts numbers representing the CSS font-weight | |
| type: variable-number | |
| default: 600 | |
| - | |
| id: h2-color | |
| title: H2 font color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: h2-variant | |
| title: H2 font variant | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Small caps | |
| value: small-caps | |
| - | |
| label: All small caps | |
| value: all-small-caps | |
| - | |
| id: h2-style | |
| title: H2 font style | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Italic | |
| value: italic | |
| - | |
| id: h2-l | |
| title: H2 divider line | |
| description: Adds a border below the heading | |
| type: class-toggle | |
| default: false | |
| - | |
| 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: 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 font color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: h3-variant | |
| title: H3 font variant | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Small caps | |
| value: small-caps | |
| - | |
| label: All small caps | |
| value: all-small-caps | |
| - | |
| id: h3-style | |
| title: H3 font style | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Italic | |
| value: italic | |
| - | |
| id: h3-l | |
| title: H3 divider line | |
| description: Adds a border below the heading | |
| type: class-toggle | |
| default: false | |
| - | |
| 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 font color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: h4-variant | |
| title: H4 font variant | |
| type: variable-select | |
| allowEmpty: false | |
| default: small-caps | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Small caps | |
| value: small-caps | |
| - | |
| label: All small caps | |
| value: all-small-caps | |
| - | |
| id: h4-style | |
| title: H4 font style | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Italic | |
| value: italic | |
| - | |
| id: h4-l | |
| title: H4 divider line | |
| description: Adds a border below the heading | |
| type: class-toggle | |
| default: false | |
| - | |
| 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 font color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: h5-variant | |
| title: H5 font variant | |
| type: variable-select | |
| allowEmpty: false | |
| default: small-caps | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Small caps | |
| value: small-caps | |
| - | |
| label: All small caps | |
| value: all-small-caps | |
| - | |
| id: h5-style | |
| title: H5 font style | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Italic | |
| value: italic | |
| - | |
| id: h5-l | |
| title: H5 divider line | |
| description: Adds a border below the heading | |
| type: class-toggle | |
| default: false | |
| - | |
| 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 font color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: h6-variant | |
| title: H6 font variant | |
| type: variable-select | |
| allowEmpty: false | |
| default: small-caps | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Small caps | |
| value: small-caps | |
| - | |
| label: All small caps | |
| value: all-small-caps | |
| - | |
| id: h6-style | |
| title: H6 font style | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Italic | |
| value: italic | |
| - | |
| id: h6-l | |
| title: H6 divider line | |
| type: class-toggle | |
| description: Adds a border below the heading | |
| default: false | |
| - | |
| id: blockquotes | |
| title: Blockquotes | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: text-blockquote | |
| title: Blockquotes text color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: blockquote-size | |
| title: Blockquotes font size | |
| description: Accepts any CSS font-size value | |
| type: variable-text | |
| default: '' | |
| - | |
| id: blockquote-style | |
| title: Blockquotes font style | |
| type: variable-select | |
| allowEmpty: false | |
| default: normal | |
| options: | |
| - | |
| label: Normal | |
| value: normal | |
| - | |
| label: Italic | |
| value: italic | |
| - | |
| id: lists | |
| title: Lists and checkboxes | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: ax3 | |
| title: Checkbox color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: checkbox-shape | |
| title: Checkbox shape | |
| type: class-select | |
| allowEmpty: false | |
| default: checkbox-circle | |
| options: | |
| - | |
| label: Circle | |
| value: checkbox-circle | |
| - | |
| label: Square | |
| value: checkbox-square | |
| - | |
| id: minimal-strike-lists | |
| title: Strike completed tasks | |
| description: Use line through greyed text for completed tasks | |
| type: class-toggle | |
| default: false | |
| - | |
| id: list-spacing | |
| title: List item spacing | |
| description: Space between list items in em units | |
| type: variable-number-slider | |
| default: 0.075 | |
| min: 0 | |
| max: 0.3 | |
| step: 0.005 | |
| format: em | |
| - | |
| id: code-blocks | |
| title: Code blocks | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: text-code | |
| title: Code text color | |
| description: Where syntax highlighting is not present | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: font-code | |
| title: Code font size | |
| description: Accepts any CSS font-size value | |
| type: variable-text | |
| default: 13px | |
| - | |
| id: graphs | |
| title: Graphs | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: node | |
| title: Node color | |
| description: Changing node colors requires closing and reopening graph panes or restarting Obsidian | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: node-focused | |
| title: Active node color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: node-tag | |
| title: Tag node color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: node-attachment | |
| title: Attachment node color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: node-unresolved | |
| title: Unresolved node color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: tags | |
| title: Tags | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: tag-radius | |
| title: Tag shape | |
| type: variable-select | |
| default: 14px | |
| options: | |
| - | |
| label: Pill | |
| value: 14px | |
| - | |
| label: Rounded | |
| value: 4px | |
| - | |
| label: Square | |
| value: 0px | |
| - | |
| id: tag-border-width | |
| title: Tag border width | |
| type: variable-select | |
| default: 1px | |
| options: | |
| - | |
| label: None | |
| value: 0 | |
| - | |
| label: Thin | |
| value: 1px | |
| - | |
| label: Thick | |
| value: 2px | |
| - | |
| id: tag-color | |
| title: Tag text color | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: tag-bg | |
| title: Tag background color | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: tag-bg2 | |
| title: Tag background color (hover) | |
| type: variable-themed-color | |
| opacity: true | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| - | |
| id: translucency | |
| title: Translucency | |
| type: heading | |
| level: 2 | |
| collapsed: true | |
| - | |
| id: bg-translucency-light | |
| title: Translucency (light mode) | |
| description: Sidebar translucency in light mode. Requires turning on "Translucent window" in Appearance settings, and "Translucent sidebar" in Minimal settings. | |
| type: variable-number-slider | |
| default: 0.7 | |
| min: 0 | |
| max: 1 | |
| step: 0.05 | |
| - | |
| id: bg-translucency-dark | |
| title: Translucency (dark mode) | |
| description: Sidebar translucency in dark mode | |
| type: variable-number-slider | |
| default: 0.85 | |
| min: 0 | |
| max: 1 | |
| step: 0.05 | |
| */ | |
| /* @settings | |
| name: Minimal Cards | |
| id: minimal-cards-style | |
| settings: | |
| - | |
| id: cards-min-width | |
| title: Card minimum width | |
| type: variable-text | |
| default: 180px | |
| - | |
| id: cards-max-width | |
| title: Card maximum width | |
| description: Default fills the available width, accepts valid CSS units | |
| type: variable-text | |
| default: 1fr | |
| - | |
| id: cards-mobile-width | |
| title: Card minimum width on mobile | |
| type: variable-text | |
| default: 120px | |
| - | |
| id: cards-padding | |
| title: Card padding | |
| type: variable-text | |
| default: 1.2em | |
| - | |
| id: cards-image-height | |
| title: Card maximum image height | |
| type: variable-text | |
| default: 400px | |
| - | |
| id: cards-border-width | |
| title: Card border width | |
| type: variable-text | |
| default: 1px | |
| - | |
| id: cards-background | |
| title: Card background color | |
| type: variable-themed-color | |
| format: hex | |
| default-light: '#' | |
| default-dark: '#' | |
| */ | |
| /* @settings | |
| name: Minimal Advanced Settings | |
| id: minimal-advanced | |
| settings: | |
| - | |
| id: zoom-off | |
| title: Disable image zoom | |
| description: Turns off click/hold to zoom images | |
| type: class-toggle | |
| - | |
| id: cursor | |
| title: Cursor style | |
| description: The cursor style for UI elements | |
| type: variable-select | |
| default: default | |
| options: | |
| - | |
| label: Default | |
| value: default | |
| - | |
| label: Pointer | |
| value: pointer | |
| - | |
| label: Crosshair | |
| value: crosshair | |
| - | |
| id: font-smaller | |
| title: Smaller font size | |
| description: Font size in px of smaller text | |
| type: variable-number | |
| default: 11 | |
| format: px | |
| - | |
| id: font-smallest | |
| title: Smallest font size | |
| description: Font size in px of smallest text | |
| type: variable-number | |
| default: 10 | |
| format: px | |
| - | |
| id: mobile-left-sidebar-width | |
| title: Mobile left sidebar width | |
| description: Maximum width for pinned left sidebar on mobile | |
| type: variable-number | |
| default: 280 | |
| format: pt | |
| - | |
| id: mobile-right-sidebar-width | |
| title: Mobile right sidebar width | |
| description: Maximum width for pinned right sidebar on mobile | |
| type: variable-number | |
| default: 240 | |
| format: pt | |
| */ |