/* --------------------------------------------------------------------------- Minimal Obsidian 5.3.2 by @kepano Important: this is an archived copy of Minimal only for use with Obsidian 0.15.x and below. For Obsidian 0.16+ use Minimal 6.0+ --------------------------------------------------------------------------- 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 */ body { --font-text-theme:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,sans-serif; --font-editor-theme:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,sans-serif; --font-monospace-theme:Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace; --font-interface-theme:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,sans-serif; --font-editor:var(--font-editor-override), var(--font-text-override), var(--font-editor-theme); --minimal-version:"You are currently using Minimal 5.3.2\a\aIf you run into any issues, try updating to the latest version of the theme. It is also highly recommended to install Minimal Theme Settings and Contextual Typography plugins.\a\a Full documentation:\a minimal.guide\a\a Support my work:\a buymeacoffee.com/kepano"; } :root { /* Cursor */ --cursor:default; /* Font sizes */ --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; --line-height:1.5; --max-width:88%; --max-col-width:18em; /* Icons */ --icon-muted:0.5; --icon-size:18px; --border-width:1px; --border-width-alt:1px; /* Quotes and transclusions */ --nested-padding:1.1em; /* Lists */ --folding-offset:10px; --list-edit-offset:0.5em; --list-indent:2em; --list-spacing:0.075em; /* Radiuses */ --radius-s:2px; --radius-m:5px; --radius-l:12px; --radius-xl:16px; --input-height:32px; --header-height:40px; /* Mobile sidebars */ --mobile-left-sidebar-width:280pt; --mobile-right-sidebar-width:240pt; /* Tags */ --tag-radius:14px; --tag-border-width:1px; --top-left-padding-y:0px; /* Image opacity in dark mode */ --image-muted:0.7; /* Spacing */ --spacing-p: 0.75em; } .mod-macos { --top-left-padding-y:24px; } /* 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) + 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), 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; --shadow-m: 0px 2.7px 6.7px rgba(0, 0, 0, 0.04), 0px 8.9px 22.3px rgba(0, 0, 0, 0.06), 0px 40px 100px rgba(0, 0, 0, 0.1); --shadow-l: 0px 0.8px 4.2px rgba(0, 0, 0, 0.014), 0px 2px 10px rgba(0, 0, 0, 0.02), 0px 3.8px 18.8px rgba(0, 0, 0, 0.025), 0px 6.7px 33.5px rgba(0, 0, 0, 0.03), 0px 12.5px 62.7px rgba(0, 0, 0, 0.036), 0px 30px 150px rgba(0, 0, 0, 0.05); } .theme-light, body .excalidraw { --interactive-normal: var(--bg1); --interactive-accent-rgb:220, 220, 220; --active-line-bg:rgba(0,0,0,0.035); --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; --active-line-bg:rgba(255,255,255,0.04); --background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-d) - 12%),0.7); --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); --active-line-bg:rgba(255,255,255,0.085); --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-text-size,var(--editor-font-size)); --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); --table-font-size:calc(var(--font-adaptive-normal) * 0.875); } /* 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-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 */ /* Block width snippet */ .minimal-dev-block-width { /* Green — Folding offset width */ /* Red — Max width */ /* Orange — Wide line width*/ /* Blue — Normal line width */ } .minimal-dev-block-width .mod-root .workspace-leaf-content:after { display: flex; align-items: flex-end; content: "\00a0pane\00a0"; font-size: 12px; color: gray; font-family: var(--font-monospace); width: 100%; max-width: 100%; height: 100vh; top: 0; z-index: 999; position: fixed; pointer-events: none; } .minimal-dev-block-width.minimal-readable .mod-root .view-header:after { display: flex; align-items: flex-end; color: green; font-size: 12px; font-family: var(--font-monospace); content: " "; width: var(--folding-offset); height: 100vh; border-left: 1px solid green; border-right: 1px solid green; background-color: rgba(0, 128, 0, 0.1); top: 0; left: max(calc(50% - var(--line-width-adaptive)/2 - 1px), calc(50% - var(--max-width)/2 - 1px)); z-index: 999; position: fixed; pointer-events: none; } .minimal-dev-block-width.minimal-readable-off .mod-root .view-header:after { display: flex; align-items: flex-end; color: green; font-size: 12px; font-family: var(--font-monospace); content: " "; width: var(--folding-offset); height: 100vh; border-left: 1px solid green; border-right: 1px solid green; background-color: rgba(0, 128, 0, 0.1); top: 0; left: calc(50% - var(--max-width)/2 - 1px); z-index: 999; position: fixed; pointer-events: none; } .minimal-dev-block-width .mod-root .view-content:before { display: flex; align-items: flex-end; content: "\00a0max\00a0"; font-size: 12px; color: red; width: var(--max-width); height: 100vh; border-left: 1px solid red; border-right: 1px solid red; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 999; position: fixed; pointer-events: none; } .minimal-dev-block-width.minimal-readable .mod-root .view-header:before { display: flex; align-items: flex-end; content: "\00a0wide\00a0"; font-size: 12px; color: orange; font-family: var(--font-monospace); width: var(--line-width-wide); max-width: var(--max-width); height: 100vh; border-left: 1px solid orange; border-right: 1px solid orange; background-color: rgba(255, 165, 0, 0.05); top: 0; left: 50%; transform: translate(-50%, 0); z-index: 999; position: fixed; pointer-events: none; } .minimal-dev-block-width.minimal-readable .mod-root .view-content:after { display: flex; align-items: flex-end; color: blue; font-size: 12px; font-family: var(--font-monospace); content: "\00a0normal"; width: var(--line-width-adaptive); max-width: var(--max-width); height: 100vh; border-left: 1px solid blue; border-right: 1px solid blue; background-color: rgba(0, 0, 255, 0.08); top: 0; left: 50%; transform: translate(-50%, 0); z-index: 999; position: fixed; pointer-events: 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.is-live-preview .HyperMD-quote, .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); } /* Callouts */ .is-live-preview.is-readable-line-width > .cm-callout .callout { max-width: var(--max-width); margin: 0 auto; } /* Checklists, task lists, checkboxes */ :root { --checkbox-size:17px; --checkbox-icon:20px; --checkbox-radius:50%; --checkbox-top:2px; --checkbox-left:0px; --checkbox-margin:0px 6px 0px -1.35em; } .checkbox-square { --checkbox-size:15px; --checkbox-icon:17px; --checkbox-radius:4px; --checkbox-top:1px; --checkbox-left:0px; --checkbox-margin:0px 8px 0px -1.35em; } input[type=checkbox] { -webkit-appearance: none; appearance: none; border-radius: var(--checkbox-radius); border: 1px solid var(--text-faint); 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(--text-muted); } .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, '); } .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; } /* Preview offset */ ul > li.task-list-item .task-list-item-checkbox { margin-left: -1.35em; } /* Editor */ .mod-cm6 .HyperMD-task-line[data-task] .task-list-item-checkbox { margin: -2px 1px 0 -0.6em; } .is-mobile .mod-cm6 .HyperMD-task-line[data-task] .task-list-item-checkbox { margin-left: -0.4em; } .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 */ .markdown-source-view.mod-cm6.is-readable-line-width .cm-editor .HyperMD-codeblock.cm-line, .mod-cm6 .cm-editor .HyperMD-codeblock.cm-line { padding-left: 10px; padding-right: 10px; } /* Reading */ .cm-s-obsidian span.cm-inline-code, .markdown-rendered code, .markdown-preview-view code { color: var(--text-code); font-size: var(--font-code); } .markdown-preview-view td code, .markdown-source-view.mod-cm6 td code { font-size: calc(var(--font-code) - 2px); } .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; } .markdown-source-view.mod-cm6 .code-block-flair { font-size: var(--font-smaller); padding: 5px 0; color: var(--text-muted); } .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 { color: var(--text-normal); } .markdown-source-view.mod-cm6 .cm-scroller { padding-top: 15px; padding-left: 0; padding-right: 0; } /* Gutters */ body:not(.is-mobile) .markdown-source-view.mod-cm6 .cm-gutters { position: absolute !important; z-index: 0; } .cm-editor .cm-lineNumbers .cm-gutterElement { min-width: 25px; } /* Line numbers */ @media (max-width: 400pt) { .cm-editor .cm-lineNumbers .cm-gutterElement { padding-right: 4px; padding-left: 8px; } } .cm-editor .cm-lineNumbers .cm-gutterElement { font-variant-numeric: tabular-nums; } .cm-editor .cm-lineNumbers .cm-gutterElement.cm-active, .cm-editor .cm-gutterElement.cm-active .cm-heading-marker { color: var(--text-muted); } /* Code execution blocks, e.g. Dataview */ .markdown-source-view.mod-cm6 .edit-block-button { cursor: var(--cursor); color: var(--text-faint); background-color: var(--background-primary); top: 0; right: auto; left: 0px; opacity: 0; transition: opacity 200ms; padding: 4px 4px 4px 9px; } .markdown-source-view.mod-cm6 .edit-block-button svg { margin: 0 !important; } .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .edit-block-button { width: 30px !important; padding-left: 7px !important; transform: none !important; margin-left: 0 !important; } .is-live-preview:not(.is-readable-line-width) .cm-embed-block > .edit-block-button { padding-left: 0px !important; margin-left: 0 !important; transform: none !important; right: 0; left: auto; padding: 4px; } .markdown-source-view.mod-cm6 .edit-block-button:hover { background-color: var(--background-primary); color: var(--text-muted); } .markdown-source-view.mod-cm6 .edit-block-button svg { opacity: 1; 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; } /* 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: 8px; } .markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-task-line:not(.HyperMD-list-line-1) .cm-fold-indicator .collapse-indicator { right: 8px; width: auto; } .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, .markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator svg { opacity: 1; } /* Live Preview text selection */ .markdown-source-view.mod-cm6 .cm-line .cm-selection, .markdown-source-view.mod-cm6 .cm-line .cm-inline-code .cm-selection { background-color: var(--text-selection); } .cm-selectionBackground { background-color: transparent !important; } body .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer { max-width: 100%; } body:not(.is-mobile).minimal-folding .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer { max-width: 100%; } /* 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%; } .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; } /* Transcluded notes and embeds */ /* Strict embeds (naked) */ .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; } .embed-strict.contextual-typography .internal-embed .markdown-preview-view .markdown-preview-sizer > div, .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.markdown-embed .markdown-preview-sizer, .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; } /* 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-interface); } .cm-s-obsidian span.cm-error { color: var(--red); } .markdown-preview-view, .popover, .workspace-leaf-content[data-type=markdown] { font-family: var(--font-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(--font-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(--font-text); } .cm-s-obsidian span.cm-formatting-task { font-family: var(--font-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.5em; } h1, .empty-state-title, .markdown-rendered h1, .markdown-preview-view h1, .cm-s-obsidian .cm-header-1 { font-variant: var(--h1-variant); letter-spacing: -0.02em; line-height: 1.3; font-family: var(--h1-font); font-size: var(--h1); color: var(--h1-color); font-weight: var(--h1-weight); font-style: var(--h1-style); } h1 a, .empty-state-title a, .markdown-rendered h1 a, .markdown-preview-view h1 a, .cm-s-obsidian .cm-header-1 a { font-weight: var(--h1-weight); } .markdown-rendered h2, .markdown-preview-view h2, .cm-s-obsidian .cm-header-2 { font-variant: var(--h2-variant); letter-spacing: -0.01em; line-height: 1.3; font-family: var(--h2-font); font-size: var(--h2); color: var(--h2-color); font-weight: var(--h2-weight); font-style: var(--h2-style); } .markdown-rendered h2 a, .markdown-preview-view h2 a, .cm-s-obsidian .cm-header-2 a { font-weight: var(--h2-weight); } .markdown-rendered h3, .markdown-preview-view h3, .cm-s-obsidian .cm-header-3 { font-variant: var(--h3-variant); letter-spacing: -0.01em; line-height: 1.4; font-family: var(--h3-font); font-size: var(--h3); color: var(--h3-color); font-weight: var(--h3-weight); font-style: var(--h3-style); } .markdown-rendered h3 a, .markdown-preview-view h3 a, .cm-s-obsidian .cm-header-3 a { font-weight: var(--h3-weight); } .markdown-rendered h4, .markdown-preview-view h4, .cm-s-obsidian .cm-header-4 { font-variant: var(--h4-variant); letter-spacing: 0.02em; font-family: var(--h4-font); font-size: var(--h4); color: var(--h4-color); font-weight: var(--h4-weight); font-style: var(--h4-style); } .markdown-rendered h4 a, .markdown-preview-view h4 a, .cm-s-obsidian .cm-header-4 a { font-weight: var(--h4-weight); } .markdown-rendered h5, .markdown-preview-view h5, .cm-s-obsidian .cm-header-5 { font-variant: var(--h5-variant); letter-spacing: 0.02em; font-family: var(--h5-font); font-size: var(--h5); color: var(--h5-color); font-weight: var(--h5-weight); font-style: var(--h5-style); } .markdown-rendered h5 a, .markdown-preview-view h5 a, .cm-s-obsidian .cm-header-5 a { font-weight: var(--h5-weight); } .markdown-rendered h6, .markdown-preview-view h6, .cm-s-obsidian .cm-header-6 { font-variant: var(--h6-variant); letter-spacing: 0.02em; font-family: var(--h6-font); font-size: var(--h6); color: var(--h6-color); font-weight: var(--h6-weight); font-style: var(--h6-style); } .markdown-rendered h6 a, .markdown-preview-view h6 a, .cm-s-obsidian .cm-header-6 a { font-weight: var(--h6-weight); } /* 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(--font-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(--font-text); color: var(--text-faint) !important; } .markdown-source-view .cm-s-obsidian .cm-hmd-frontmatter { font-family: var(--font-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 */ .is-mobile .nav-folder.mod-root > .nav-folder-title .nav-folder-title-content { display: none; } .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); border: none; } .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: 0px solid transparent; } .nav-folder-title-content { padding: 1px 4px; } .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; } .workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title, .workspace-leaf.mod-active .nav-file.has-focus { border: none; background-color: transparent; } .nav-file { margin-left: 12px; padding-right: 4px; border: none; } .nav-file-title { width: calc(100% - 30px); margin: 0 8px 0 -4px; padding: 0; 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: 2px 7px; border: 0; 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, .tree-item-self.is-clickable:hover { color: var(--text-muted); background: transparent; cursor: var(--cursor); } .tree-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); } .is-collapsed .search-result-file-title:hover, .search-result-file-title:hover, .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: -18px; 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 */ .collapse-indicator svg, .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, .HyperMD-header:hover .collapse-indicator svg, .markdown-preview-view .is-collapsed .collapse-indicator svg, .markdown-preview-view .collapse-indicator:hover svg, .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; 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; } .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 */ .markdown-source-view.mod-cm6.is-folding .cm-contentContainer { padding-left: 0; } .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,'); } 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,'); 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,'); } .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,'); } .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-action.is-active: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); } /* Search */ .is-mobile .document-search-container .document-search { position: relative; } .is-mobile .search-input-container:before, .is-mobile .workspace-leaf-content[data-type='search'] .search-input-container:before, .is-mobile .document-search-container .document-search:before { content: " "; position: absolute; z-index: 9; top: 50%; transform: translateY(-50%); left: 7px; display: block; width: 18px; height: 18px; background-color: var(--text-muted); -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18" height="18" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="m16.325 14.899l5.38 5.38a1.008 1.008 0 0 1-1.427 1.426l-5.38-5.38a8 8 0 1 1 1.426-1.426ZM10 16a6 6 0 1 0 0-12a6 6 0 0 0 0 12Z"%2F%3E%3C%2Fsvg%3E'); background-position: 50% 50%; background-repeat: no-repeat; } /* Indentation Guides (Obsidian 0.14.0+) */ body { --ig-adjust-reading:-0.65em; --ig-adjust-edit:-1px; } .markdown-rendered.show-indentation-guide li.task-list-item > ul::before, .markdown-rendered.show-indentation-guide li.task-list-item > ol::before, .markdown-rendered.show-indentation-guide li > ul::before, .markdown-rendered.show-indentation-guide li > ol::before { left: var(--ig-adjust-reading); } /* Live Preview */ .markdown-source-view.mod-cm6 .cm-indent::before { transform: translateX(var(--ig-adjust-edit)); } .is-mobile .markdown-rendered.show-indentation-guide li > ul::before, .is-mobile .markdown-rendered.show-indentation-guide li > ol::before { left: calc(0em + var(--ig-adjust-reading)); } .is-mobile .markdown-source-view.mod-cm6 .cm-indent::before { transform: translateX(calc(2px + var(--ig-adjust-edit))); } /* 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,"); } .theme-dark a[href*="obsidian://search"] { background-image: url("data:image/svg+xml,"); } .cm-s-obsidian span.cm-url:hover, .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 */ div > ol, div > ul { padding-inline-start: 1.4em; } ul > li { min-height: 1.4em; } ol > li { margin-left: 0em; } ul { padding-inline-start: var(--list-indent); } ol { padding-inline-start: var(--list-indent); margin-left: 0; list-style: default; } .is-mobile { /* first level */ } .is-mobile ul > li:not(.task-list-item)::marker { font-size: 0.8em; } .is-mobile .markdown-rendered ul, .is-mobile .markdown-rendered ol { padding-inline-start: var(--list-indent); } .is-mobile .markdown-rendered div > ol, .is-mobile .markdown-rendered div > ul { padding-inline-start: 2em; } .is-mobile .el-ol > ol, .is-mobile .el-ul > ul { margin-left: 0; } /* Live Preview */ .cm-line:not(.HyperMD-codeblock) { tab-size: var(--list-indent); } .markdown-source-view.mod-cm6 .cm-content .HyperMD-list-line { margin-left: var(--list-edit-offset) !important; } /* Space between list items */ .markdown-source-view ol > li, .markdown-source-view ul > li, .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 */ ul > li::marker, ol > li::marker { color: var(--text-faint); } ul > li:not(.task-list-item)::marker { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size: 0.9em; } .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; } body:not(.is-mobile) .markdown-source-view.mod-cm6 span.cm-formatting.cm-formatting-list.cm-formatting-list-ol { margin-left: -5px; } /* Modals */ .progress-bar-message { color: var(--text-faint); } .modal { box-shadow: var(--shadow-l); 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: 2px; 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; gap: 8px; display: flex; } .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-content .setting-item { 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; } body:not(.is-mobile) .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,"); } .is-mobile.theme-dark .modal .vertical-tab-nav-item:after { background: center right no-repeat url("data:image/svg+xml,"); } .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,"); 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,'); -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; overflow: hidden; } .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; margin: 0; } .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 10px; 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 blockquote, .markdown-preview-view p, .markdown-preview-view ol, .markdown-preview-view ul { margin-block-start: var(--spacing-p); margin-block-end: var(--spacing-p); } .markdown-preview-view ul ol, .markdown-preview-view ol ol, .markdown-preview-view ol ul, .markdown-preview-view ul ul { margin-block-start: 0em; margin-block-end: 0em; } .markdown-preview-view h1, .markdown-preview-view h2, .markdown-preview-view h3, .markdown-preview-view h4, .markdown-preview-view h5, .markdown-preview-view h6 { margin-block-start: 1em; margin-block-end: var(--spacing-p); } .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); } .mod-root .workspace-leaf-content[data-type=markdown] .markdown-source-view .embedded-backlinks .nav-header { margin-top: 0; } /* Embedded searches */ .internal-query { border-top: none; border-bottom: none; } .internal-query .internal-query-header { padding-top: 10px; justify-content: left; border-top: 1px solid var(--ui1); } .internal-query .internal-query-header-title { font-weight: 500; color: var(--text-normal); font-size: var(--text-adaptive-normal); } .internal-query .search-result-container { border-bottom: 1px solid var(--ui1); } /* 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: var(--top-left-padding-y); } /* Scroll bars */ body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar, body:not(.native-scrollbars) ::-webkit-scrollbar { width: 11px; background-color: transparent; } body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar:horizontal, body:not(.native-scrollbars) ::-webkit-scrollbar:horizontal { height: 11px; } body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-corner, body:not(.native-scrollbars) ::-webkit-scrollbar-corner { background-color: transparent; } body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-track, body:not(.native-scrollbars) ::-webkit-scrollbar-track { background-color: transparent; } body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-thumb, body:not(.native-scrollbars) ::-webkit-scrollbar-thumb { background-clip: padding-box; border-radius: 20px; border: 3px solid transparent; background-color: var(--background-modifier-border); border-width: 3px 3px 3px 3px; min-height: 45px; } body:not(.hider-scrollbars).styled-scrollbars .modal .vertical-tab-header::-webkit-scrollbar-thumb:hover, body:not(.hider-scrollbars).styled-scrollbars .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:hover, body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-thumb:hover, body:not(.native-scrollbars) .modal .vertical-tab-header::-webkit-scrollbar-thumb:hover, body:not(.native-scrollbars) .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:hover, body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover { background-color: var(--background-modifier-border-hover); } body:not(.hider-scrollbars).styled-scrollbars .modal .vertical-tab-header::-webkit-scrollbar-thumb:active, body:not(.hider-scrollbars).styled-scrollbars .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:active, body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-thumb:active, body:not(.native-scrollbars) .modal .vertical-tab-header::-webkit-scrollbar-thumb:active, body:not(.native-scrollbars) .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:active, body:not(.native-scrollbars) ::-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; gap: 5px; 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; 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%; } .document-search, .document-replace { max-width: var(--max-width); width: var(--line-width); margin: 0 auto; padding: 0 5px; } .minimal-readable-off .document-search, .minimal-readable-off .document-replace { width: 100%; } .markdown-source-view.is-searching, .markdown-source-view.is-replacing, .markdown-reading-view.is-searching { flex-direction: column-reverse; } body input.document-search-input, body input.document-replace-input { margin-top: 2px; font-size: var(--font-adaptive-small); border: 1px solid var(--background-modifier-border); border-radius: var(--radius-m); height: 28px; 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); } /* Mobile */ .is-mobile .document-search, .is-mobile .document-replace { flex-direction: row; } .is-mobile .document-replace { padding-top: 6px; } .is-mobile .document-replace .document-replace-buttons { flex-shrink: 1; flex-grow: 0; } .is-mobile .document-search-container { padding: 8px 0 8px 0; background-color: var(--background-primary); margin: 0 auto 0 auto; height: auto; width: 100%; border-bottom: 1px solid var(--background-modifier-border); padding-left: var(--folding-offset); } .is-mobile .document-search, .is-mobile .document-replace { margin: 0 auto; padding-left: 0; padding-right: 0; max-width: calc(var(--max-width) + 2%); width: var(--line-width-adaptive); } .is-mobile.minimal-readable-off .document-search, .is-mobile.minimal-readable-off .document-replace { width: 100%; } .is-mobile .document-search-container input[type='text'] { width: auto; margin: 0 8px 0 0; height: 36px; padding: 5px 10px 5px 10px; border-radius: 6px; min-width: 90px; border: 1px solid var(--background-modifier-border); background-color: var(--background-primary); } .is-mobile .document-search-container .document-search-input[type='text'] { padding-left: 30px; } .is-mobile .document-search .document-search-buttons, .is-mobile .document-replace button { flex-grow: 0; } .is-mobile .document-search-container button.document-search-button { width: auto; margin: 0px; background: transparent; font-size: 14px; height: 36px; padding: 0 2px; white-space: nowrap; } .is-mobile .document-search .document-search-close-button, .is-mobile .document-replace .document-search-close-button { height: 30px; line-height: 30px; } /* 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-info p button { margin-right: 8px; } .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; } .setting-item-control button { padding: 0.5em 0.75em; } 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: 0px; margin-left: 0px; } /* Settings */ .modal.mod-settings .modal-content { padding: 0; } .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; } .modal.mod-community-plugin .modal-content { padding: 0; } .plugin-list-plugins { overflow: visible; } .clickable-icon { margin: 0; } .installed-plugins-container .clickable-icon { margin: 0; } .installed-plugins-container .clickable-icon[aria-label="Uninstall"] { margin: 0; } .plugin-list-plugins .clickable-icon { margin: 0; } .hotkey-list-container { padding-right: 0; } /* Themes */ body .modal.mod-community-theme { max-width: 1000px; } .community-theme-container { padding-top: 10px; } .community-theme-container, .hotkey-settings-container { height: auto; overflow: visible; } .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 2em 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: 0; flex-grow: 1; border-radius: 20px; } .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%; } body:not(.is-mobile) .theme-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 2em; } body:not(.is-mobile) .theme-list .community-theme { align-self: stretch; justify-self: center; max-width: 100%; width: 100%; background-color: var(--background-secondary); padding: 18px; border-radius: var(--radius-l); border: 2px solid transparent; } body:not(.is-mobile) .theme-list .community-theme:hover { border: 2px solid var(--text-accent); } body:not(.is-mobile) .theme-list .community-theme.is-selected { grid-column: 1/4; grid-row: 1; max-width: 100%; display: grid; grid-template-columns: 1.5fr 2fr; padding: 20px 20px; border-radius: var(--radius-xl); border-color: transparent; } body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-info { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 30px 50px 440px; margin: 0 40px 0 0; } body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-title { grid-column: 1/3; grid-row: 1/2; text-align: left; font-size: 2em; font-weight: 500; margin: 0; } body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-info + div { display: flex; align-items: center; flex-grow: 1; box-shadow: none; } body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-downloads { text-align: right; } body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-remove-button { bottom: 20px; left: 0px; right: auto; top: auto; color: var(--text-faint); display: flex; align-items: center; } body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-remove-button:after { content: 'Delete theme'; padding-left: 5px; } body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-remove-button:hover { color: var(--text-error); } body:not(.is-mobile) .theme-list .community-theme.is-selected .modal-button-container { grid-column: 2; grid-row: 1/2; margin-top: 0; margin-left: auto; margin-right: 0; } body:not(.is-mobile) .theme-list .community-theme.is-selected .modal-button-container button { margin: 0; width: 160px; height: 36px; cursor: pointer; border: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); } body:not(.is-mobile) .theme-list .community-theme.is-selected .modal-button-container button:hover { background-color: var(--ax2); } body:not(.is-mobile) .theme-list .community-theme.is-selected .modal-button-container button:not(.mod-cta) { display: none; } body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-info::after { grid-column: 1/3; grid-row: 3/4; padding-top: 20px; align-self: flex-start; justify-self: flex-start; content: var(--minimal-version); color: var(--text-normal); font-size: var(--font-adaptive-normal); line-height: 1.4; width: 100%; position: relative; white-space: pre-wrap; text-align: left; border: none; } .community-theme-remove-button { top: 15px; } .community-theme-remove-button:hover { color: var(--text-error); } .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-primary); border: 1px solid var(--background-modifier-border); color: var(--text-normal); cursor: pointer; display: block; text-align: center; grid-column: 1/3; padding: 7px 0; margin: 20px 0 0; height: 36px; 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: "Learn more"; 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); } .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; gap: 8px; } /* 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-segment { margin-right: 10px; } .status-bar-item, .sync-status-icon { display: flex; align-items: center; } .status-bar-item { padding: 7px 4px; margin: 0 0 0 0; cursor: var(--cursor) !important; } .status-bar-item .status-bar-item-icon { line-height: 0; } .status-bar-item.plugin-editor-status:hover, .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.plugin-editor-status svg, .status-bar-item.plugin-sync svg { height: 15px; width: 15px; } /* Syntax highlighting */ .theme-light code[class*="language-"], .theme-light pre[class*="language-"], .theme-dark code[class*="language-"], .theme-dark 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, .theme-dark .token.prolog, .theme-dark .token.doctype, .theme-dark .token.cdata, .theme-dark .cm-meta, .theme-dark .cm-qualifier { color: var(--tx2); } .theme-light .cm-comment, .theme-light .token.comment, .theme-dark .cm-comment, .theme-dark .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, .theme-dark .token.tag, .theme-dark .token.constant, .theme-dark .token.symbol, .theme-dark .token.deleted, .theme-dark .cm-tag { color: var(--red); } .theme-light .token.punctuation, .theme-light .cm-punctuation, .theme-light .cm-bracket, .theme-light .cm-hr, .theme-dark .token.punctuation, .theme-dark .cm-punctuation, .theme-dark .cm-bracket, .theme-dark .cm-hr { color: var(--tx2); } .theme-light .token.boolean, .theme-light .token.number, .theme-light .cm-number, .theme-dark .token.boolean, .theme-dark .token.number, .theme-dark .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, .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-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, .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-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, .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-light .token.keyword, .theme-light .cm-keyword, .theme-light .cm-builtin, .theme-dark .token.keyword, .theme-dark .cm-keyword, .theme-dark .cm-builtin { color: var(--pink); } .theme-light .token.regex, .theme-light .token.important, .theme-dark .token.regex, .theme-dark .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: var(--table-font-size); } .markdown-source-view.mod-cm6 th, .markdown-preview-view th { font-weight: 400; font-size: var(--table-font-size); color: var(--text-muted); border-top: none; text-align: left; } .markdown-source-view.mod-cm6 th[align="center"], .markdown-preview-view th[align="center"] { text-align: center; } .markdown-source-view.mod-cm6 th[align="right"], .markdown-preview-view th[align="right"] { text-align: right; } .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: var(--table-font-size); } /* Live Preview Tables */ .is-live-preview .el-table { width: 100%; max-width: 100%; } .cm-s-obsidian .HyperMD-table-row { font-size: var(--table-font-size); } .cm-s-obsidian .HyperMD-table-row span.cm-hmd-table-sep, .cm-hmd-table-sep-dummy { color: var(--text-faint); font-weight: 400; } /* Tags */ body.minimal-unstyled-tags .frontmatter-container .tag, body.minimal-unstyled-tags a.tag, body.minimal-unstyled-tags .cm-s-obsidian span.cm-hashtag { color: var(--tag-color); font-weight: var(--link-weight); text-decoration: none; } body.minimal-unstyled-tags .frontmatter-container .tag:hover, body.minimal-unstyled-tags a.tag:hover, body.minimal-unstyled-tags .cm-s-obsidian span.cm-hashtag:hover { color: var(--text-normal); } body:not(.minimal-unstyled-tags) .frontmatter-container .tag, body:not(.minimal-unstyled-tags) a.tag { background-color: var(--tag-bg); border: var(--tag-border-width) solid var(--background-modifier-border); color: var(--tag-color); font-size: calc(var(--font-adaptive-normal) * 0.8); font-weight: var(--link-weight); font-family: var(--font-interface); padding: 1px 8px; text-align: center; text-decoration: none; vertical-align: middle; display: inline-block; margin: 1px 0; border-radius: var(--tag-radius); } body:not(.minimal-unstyled-tags) a.tag:hover { color: var(--text-normal); border-color: var(--background-modifier-border-hover); background-color: var(--tag-bg2); } body:not(.minimal-unstyled-tags) .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: calc(var(--font-adaptive-normal) * 0.8); font-family: var(--font-interface); font-weight: var(--link-weight); 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; } body:not(.minimal-unstyled-tags) .cm-s-obsidian span.cm-hashtag:hover { background-color: var(--tag-bg2); } body:not(.minimal-unstyled-tags) 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); } body:not(.minimal-unstyled-tags) 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); } .mod-macos.is-popout-window.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header) .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(--icon-color); opacity: var(--icon-muted); } body:not(.is-mobile) .view-actions .view-action:last-child { margin-left: -1px; } body:not(.minimal-focus-mode) .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, .view-action.is-active:hover { 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; } .is-focused .titlebar-text { color: var(--text-normal); } .titlebar-text { font-weight: 600; color: var(--text-faint); letter-spacing: inherit; } body:not(.window-title-on) .titlebar-text { display: none; } .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); } /* Empty side pane */ .pane-empty { text-align: center; color: var(--text-faint); font-size: var(--font-adaptive-small); } .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; } /* Resize handles */ .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; } .workspace-tabs .workspace-leaf, .workspace-tabs .workspace-leaf.mod-active { border: none; } .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-play-button, .theme-dark audio::-internal-media-controls-overflow-button, .theme-dark audio::-webkit-media-controls-timeline, .theme-dark audio::-webkit-media-controls-volume-control-container, .theme-dark audio::-webkit-media-controls-current-time-display, .theme-dark audio::-webkit-media-controls-time-remaining-display, .theme-dark audio::-internal-media-controls-overflow-button { 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); font-family: var(--font-interface); font-size: var(--font-adaptive-small); text-shadow: none; } audio::-webkit-media-controls-time-remaining-display { color: var(--text-muted); font-family: var(--font-interface); font-size: var(--font-adaptive-small); text-shadow: none; } audio::-webkit-media-controls-panel { padding: 2px 1.5px; } audio::-webkit-media-controls input[pseudo="-internal-media-controls-overflow-button" i]:enabled:hover::-internal-media-controls-button-hover-background { background-color: transparent; } /* Buttons */ button { cursor: var(--cursor); } button, .setting-item-control button { font-family: var(--font-interface); font-size: var(--font-inputs); font-weight: 400; border-radius: var(--radius-m); } 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-interface); 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-interface); border-radius: var(--radius-m); } .dropdown { background-image: url("data:image/svg+xml;charset=US-ASCII,<%2Fsvg>"); } .theme-dark .dropdown { background-image: url("data:image/svg+xml;charset=US-ASCII,<%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-interface); 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: 22px; cursor: var(--cursor); } .checkbox-container.is-enabled { border-color: var(--interactive-accent); } .checkbox-container.is-enabled:after { transform: translate3d(20px, 0, 0); } .checkbox-container:after { background: white; border: none; margin: 2px 0 0 0; height: 18px; width: 18px; border-radius: 26px; transform: translate3d(2px, 0, 0); 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; } /* Minimal features */ /* Active line highlight */ .active-line-on .cm-line.cm-active, .active-line-on .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote.cm-active { background-color: var(--active-line-bg); box-shadow: -25vw 0px var(--active-line-bg), 25vw 0 var(--active-line-bg); } .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; } /* ------------------- */ /* 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,'); } .theme-light .cards table.dataview thead:before { background-image: url('data:image/svg+xml;utf8,'); } .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); } .colorful-active .nav-file-title-content.is-being-renamed { color: var(--text-normal); } .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.ledger, 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.pencil_icon, 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.pencil_icon > 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,'); } body:not(.minimal-icons-off) svg.audio-file { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.bar-graph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.blocks { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.bold-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.italic-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.bracket-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.broken-link { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.bullet-list-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.bullet-list { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.calendar-with-checkmark { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.check-in-circle { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.check-small { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.checkbox-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.checkmark { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.clock { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.clock-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.cloud { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.code-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.cross-in-box { -webkit-mask-image: url("data:image/svg+xml,"); } body:not(.minimal-icons-off) svg.cross { -webkit-mask-image: url("data:image/svg+xml,"); 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,'); } body:not(.minimal-icons-off) svg.dice { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } 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,'); } body:not(.minimal-icons-off) svg.dot-network { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.double-down-arrow-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.double-up-arrow-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.down-arrow-with-tail { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.down-chevron-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.enter { transform: translate(-2px); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.excalidraw-icon { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.expand-vertically { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.filled-pin { transform: rotate(45deg); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.folder { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.ScriptEngine, body:not(.minimal-icons-off) svg.gear { -webkit-mask-image: url("data:image/svg+xml,"); } 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,'); } body:not(.minimal-icons-off) svg.heading-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.go-to-file { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.highlight-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.horizontal-split { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.image-file { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.image-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.install { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.keyboard-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.left-arrow-with-tail { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.left-arrow { -webkit-mask-image: url("data:image/svg+xml,"); } body:not(.minimal-icons-off) svg.left-chevron-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.ledger { -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' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z' /%3E%3C/svg%3E"); } body:not(.minimal-icons-off) svg.link-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); transform: rotate(90deg); } body:not(.minimal-icons-off) svg.link { -webkit-mask-image: url('data:image/svg+xml;utf8,'); transform: rotate(90deg); } body:not(.minimal-icons-off) svg.magnifying-glass { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.microphone-filled { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.microphone { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.minus-with-circle { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.note-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.number-list-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.open-vault { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.paper-plane { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.paused { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } /* Text Generator plugin */ body:not(.minimal-icons-off) svg.pencil_icon { -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' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z' /%3E%3C/svg%3E"); } body:not(.minimal-icons-off) svg.pencil { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.pin { transform: rotate(45deg); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.plus-with-circle { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.popup-open { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.presentation { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.price-tag-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.quote-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.reset { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.right-arrow-with-tail { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.right-arrow { -webkit-mask-image: url("data:image/svg+xml,"); } body:not(.minimal-icons-off) svg.right-chevron-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.command-glyph, body:not(.minimal-icons-off) svg.run-command { -webkit-mask-image: url("data:image/svg+xml,"); } body:not(.minimal-icons-off) svg.search { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.sheets-in-box { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.spreadsheet { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.stacked-levels { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.star-list { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.star { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.strikethrough-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.switch { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.sync-small { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.sync { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.tag-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.trash { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.undo-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.up-arrow-with-tail { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.up-chevron-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.vault { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.vertical-split { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.vertical-three-dots { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.add-note-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.calendar-day { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.calendar-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.duplicate-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.file-explorer-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.graph-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.import-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.languages { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.links-coming-in { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.links-going-out { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.merge-files { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.open-elsewhere-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.paper-plane-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.paste-text { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.paste { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.percent-sign-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.play-audio-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.plus-minus-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.presentation-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.question-mark-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.restore-file-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.scissors-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.scissors { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.search-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.select-all-text { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.split { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.star-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.stop-audio-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.sweep { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.two-blank-pages { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.tomorrow-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.yesterday-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.workspace-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.box-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.wand { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.longform { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.changelog { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } /* 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; } /* Reset to default for iOS */ body .markdown-source-view.mod-cm6 .cm-content { caret-color: unset; } /* Live Preview */ body.fancy-cursor .markdown-source-view.mod-cm6 .cm-content, body.fancy-cursor .mod-cm6 .cm-line { 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; } body:not(.sidebar-lines-off) .nav-folder-children .nav-folder-children { border-left: 1px solid var(--background-modifier-border); } .nav-folder-title { margin-left: 6px; } .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='empty']):not([data-type='map']):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='empty']):not([data-type='map']):not([data-type='graph']):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(.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(.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(.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 .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header-icon, body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .view-header-icon, body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .view-header-title, body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .view-actions { opacity: 0; transition: all linear 0.1s; } body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf .view-header:hover, body.minimal-focus-mode: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 .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header:hover .view-header-icon, body.minimal-focus-mode .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header:focus-within .view-header-icon, 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 .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header:hover .view-header-icon:hover, body.minimal-focus-mode .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header:focus-within .view-header-icon:hover, 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 { 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; } /* Full width media */ .full-width-media .markdown-preview-view .image-embed img:not(.emoji):not([width]), .full-width-media .image-embed img:not(.emoji):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) */ .table-small table:not(.calendar) { --table-font-size:85%; } .table-tiny table:not(.calendar) { --table-font-size:75%; } .markdown-source-view.mod-cm6 th, .markdown-source-view.mod-cm6 td, .markdown-preview-view .table-view-table > thead > tr > th, table:not(.calendar) thead > tr > th, table:not(.calendar) tbody > tr > td, .table-view-table .tag, .table-view-table a.tag { font-size: var(--table-font-size); } .row-hover th:first-child, .row-hover th:first-child, .row-alt.markdown-source-view.mod-cm6 th:first-child, .row-alt.markdown-source-view.mod-cm6 td:first-child, .row-alt table:not(.calendar) th:first-child, .row-alt table:not(.calendar) tbody > tr > td:first-child, .table-lines.markdown-source-view.mod-cm6 th:first-child, .table-lines.markdown-source-view.mod-cm6 td:first-child, .table-lines table:not(.calendar) thead > tr > th:first-child, .table-lines table:not(.calendar) tbody > tr > td:first-child { padding-left: 10px; } .row-alt table:not(.calendar) tbody > tr:nth-child(odd), .col-alt table:not(.calendar) tr > th:nth-child(2n+2), .col-alt table:not(.calendar) tr > td:nth-child(2n+2) { padding-left: 10px; background: var(--background-table-rows); } .table-tabular table:not(.calendar) { font-variant-numeric: tabular-nums; } .table-lines table:not(.calendar), .table-lines .table-view-table { border: 1px solid var(--background-modifier-border); } .table-lines table:not(.calendar) .table-view-table thead > tr > th, .table-lines table:not(.calendar) .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-nowrap thead > tr > th, .table-nowrap tbody > tr > td { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .trim-cols .markdown-preview-view.table-wrap .table-view-table > tbody > tr > td, .trim-cols .markdown-preview-view.table-wrap .table-view-table > thead > tr > th, .trim-cols .markdown-source-view.mod-cm6.table-wrap .table-view-table > tbody > tr > td, .trim-cols .markdown-source-view.mod-cm6.table-wrap .table-view-table > thead > tr > th, .table-nowrap .table-wrap thead > tr > th, .table-nowrap .table-wrap tbody > tr > td { white-space: normal; overflow: auto; } .table-numbers table:not(.calendar) { counter-reset: section; } .table-numbers table:not(.calendar) > thead > tr > th:first-child::before { content: " "; padding-right: 0.5em; display: inline-block; min-width: 2em; } .table-numbers table:not(.calendar) > 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; } .row-highlight table:not(.calendar) tbody > tr:hover td { background-color: var(--background-table-rows); } .row-lines table:not(.calendar) tbody > tr > td, .row-lines .table-view-table > tbody > tr > td { border-bottom: 1px solid var(--background-modifier-border); } .row-lines table:not(.calendar) tbody > tr:last-child > td { border-bottom: none; } .col-lines table:not(.calendar) tbody > tr > td:not(:last-child), .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); } /* Highlight rows on hover */ .row-hover { --row-color-hover: hsla( var(--accent-h), 50%, 80%, 20% ); } .theme-dark.row-hover { --row-color-hover: hsla( var(--accent-h), 30%, 40%, 20% ); } .row-hover tr:hover td { background-color: var(--row-color-hover); } /* Dark mode images */ /* MIT License | Copyright (c) Stephan Ango (@kepano) */ .theme-dark .markdown-source-view img, .theme-dark .markdown-preview-view img { opacity: var(--image-muted); transition: opacity 0.25s linear; } .theme-dark .print-preview img, .theme-dark .markdown-source-view img:hover, .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); } /* Interface */ img[src$="#interface"], span[src$="#interface"] img { border: 1px solid var(--ui1); box-shadow: 0px 0.5px 0.9px rgba(0, 0, 0, 0.021), 0px 1.3px 2.5px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.039), 0px 10px 20px rgba(0, 0, 0, 0.06); margin-top: 10px; margin-bottom: 15px; border-radius: var(--radius-m); } /* 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(.emoji):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 !important; 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: calc(100% + 1px); width: 100%; 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="reminder-list"] .workspace-tab-header-inner-icon:after { content: "Reminders"; } .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: 2.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.is-readable-line-width .markdown-preview-sizer { display: flex; flex-direction: column; width: 100%; max-width: 100%; padding-left: 0; padding-top: 0; } .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 { width: var(--max-width); } .contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div { margin-left: auto; margin-right: auto; 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.is-readable-line-width .markdown-preview-sizer > .el-table, .contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataview, .contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataviewjs { width: 100%; max-width: 100%; overflow-x: auto; } .el-lang-dataviewjs .block-language-dataviewjs .contains-task-list, .el-lang-dataview .block-language-dataview .contains-task-list { max-width: 100%; } .is-readable-line-width .el-table table, .is-readable-line-width .el-lang-dataview .dataview.table-view-table, .is-readable-line-width .el-lang-dataviewjs .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%; } /* Dataview and tables */ .table-100 .el-table table, .table-100 .el-lang-dataviewjs .dataview.table-view-table, .table-100 .el-lang-dataview .dataview.table-view-table { max-width: 100% !important; width: 100% !important; } .markdown-preview-view.table-100.is-readable-line-width .el-table table, .markdown-preview-view.table-100.is-readable-line-width .el-lang-dataview .dataview.table-view-table, .markdown-preview-view.table-100.is-readable-line-width .el-lang-dataviewjs .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, .table-max .el-lang-dataviewjs .dataview.table-view-table { max-width: 100% !important; } .markdown-preview-view.table-max .el-table table, .markdown-preview-view.table-max .el-lang-dataview .dataview.table-view-table .markdown-preview-view.table-max .el-lang-dataviewjs .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, .table-wide .markdown-preview-view.is-readable-line-width .el-lang-dataviewjs .dataview.table-view-table, .markdown-preview-view.is-readable-line-width.table-wide .el-lang-dataviewjs .dataview.table-view-table { max-width: var(--line-width-wide) !important; } .table-100 table th:first-child, .table-100 table td:first-child, .table-100 .dataview.table-view-table th:first-child, .table-100 .dataview.table-view-table td:first-child, .table-100 .markdown-source-view.mod-cm6 td:first-child, .table-100 .markdown-source-view.mod-cm6 th:first-child { padding-left: 20px; } .table-100 table th:last-child, .table-100 table td:last-child, .table-100 .dataview.table-view-table th:last-child, .table-100 .dataview.table-view-table td:last-child { padding-right: 20px; } /* Maps, images and iframes */ .contextual-typography.chart-max .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-chart, .contextual-typography .markdown-preview-view.is-readable-line-width.chart-max .markdown-preview-sizer > .el-lang-chart, .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.chart-wide .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-chart, .contextual-typography .markdown-preview-view.is-readable-line-width.chart-wide .markdown-preview-sizer > .el-lang-chart, .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.chart-100 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-chart, .contextual-typography .markdown-preview-view.is-readable-line-width.chart-100 .markdown-preview-sizer > .el-lang-chart, .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%; } .is-readable-line-width .el-table table, .is-readable-line-width .el-lang-dataview .dataview.table-view-table, .is-readable-line-width .el-lang-dataviewjs .dataview.table-view-table { max-width: calc(var(--line-width-adaptive) - var(--folding-offset)); } .embed-strict .el-embed-page p, .map-100 .el-lang-leaflet, .map-max .el-lang-leaflet, .map-wide .el-lang-leaflet, .chart-100 .el-lang-chart, .chart-max .el-lang-chart, .chart-wide .el-lang-chart, .table-100 .el-lang-dataview, .table-max .el-lang-dataview, .table-wide .el-lang-dataview, .table-100 .el-lang-dataviewjs, .table-max .el-lang-dataviewjs, .table-wide .el-lang-dataviewjs, .table-100 .el-table, .table-max .el-table, .table-wide .el-table, .iframe-100 .el-iframe, .iframe-max .el-iframe, .iframe-wide .el-iframe, .img-100 .el-embed-image, .img-max .el-embed-image, .img-wide .el-embed-image { --folding-offset:0px; } /* Live Preview */ .chart-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart, .chart-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart, .map-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet, .map-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet, .table-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-table-widget > table, .table-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-table-widget > table, .table-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview, .table-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview, .table-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs, .table-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs, .table-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button), .table-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button), .img-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed, .img-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed, .img-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img, .img-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img { width: var(--max-width) !important; max-width: var(--max-width) !important; transform: none !important; padding-left: 0; margin: 0 auto !important; } .chart-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart, .chart-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart, .map-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet, .map-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet, .table-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-table-widget > table, .table-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-table-widget > table, .table-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview, .table-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview, .table-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs, .table-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs, .table-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button), .table-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button), .img-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed, .img-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed, .img-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img, .img-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img { width: var(--line-width-wide) !important; max-width: var(--max-width); transform: none !important; padding-left: 0; margin: 0 auto !important; } .chart-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart, .chart-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart, .map-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet, .map-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet, .table-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width table, .table-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width table, .table-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview, .table-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview, .table-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs, .table-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs, .table-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button), .table-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button), .img-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed, .img-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed, .img-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img, .img-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img { width: 100% !important; max-width: 100% !important; transform: none !important; margin: 0 auto !important; padding-left: 0; } /* 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 .markdown-preview-view .el-lang-dataviewjs th:first-child, .markdown-preview-view .el-lang-dataviewjs 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, .markdown-preview-view .el-lang-dataviewjs th:last-child, .markdown-preview-view .el-lang-dataviewjs 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 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataviewjs { 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 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataviewjs { width: 100%; } } /* Custom line width with folding offset */ @media (max-width: 400pt) { .is-mobile { --folding-offset:0px; } } /* Nudge titlebar */ body:not(.title-align-center):not(.title-align-left):not(.plugin-sliding-panes-rotate-header) .view-header-title { padding-left: var(--folding-offset); } .markdown-source-view.wide, .markdown-preview-view.wide { --line-width-adaptive:var(--line-width-wide); } .markdown-source-view.max, .markdown-preview-view.max { --line-width-adaptive:300em; --line-width-wide:300em; } /* With readable line width */ .markdown-preview-view.is-readable-line-width .markdown-preview-sizer { max-width: var(--max-width); width: var(--line-width-adaptive); padding-left: 0; } .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); } /* Readable line width off */ .markdown-reading-view .markdown-preview-view:not(.is-readable-line-width) > .markdown-preview-sizer { max-width: var(--max-width); margin: 0 auto; padding-left: var(--folding-offset); } .is-mobile .markdown-source-view.mod-cm6 .cm-gutters { padding-right: 0; } /* Requires Minimal plugin 5.2.1+ */ .minimal-readable-off .view-header-title-container { width: var(--max-width); } /* Max width for readable-line length off */ .markdown-source-view.mod-cm6:not(.is-readable-line-width) .cm-contentContainer { max-width: var(--max-width); margin: 0 0 0 calc(50% - var(--max-width)/2) !important; padding-left: var(--folding-offset); } .markdown-source-view.mod-cm6 .cm-content > .cm-embed-block[contenteditable=false] { overflow-x: auto; } /* Folding offset */ .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div, .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div[data-block-language="dataview"], .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div[data-block-language="dataviewjs"] { padding-left: var(--folding-offset); } .internal-embed > .markdown-embed, .popover:not(.hover-editor) { --folding-offset:0; } /* Live Preview */ .markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-content { max-width: 100%; } .markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-line:not(.HyperMD-table-row) { max-width: calc(var(--max-width) - var(--folding-offset)); } /* Fill the width of the parent block for nested elements */ .is-live-preview.is-readable-line-width.embed-strict .internal-embed .markdown-preview-sizer, .is-readable-line-width .block-language-dataview table.dataview, .is-readable-line-width .block-language-dataviewjs table.dataview, .is-live-preview.is-readable-line-width .cm-embed-block table.dataview, .markdown-source-view.is-live-preview.is-readable-line-width table.NLT__table, .markdown-preview-view.is-readable-line-width .dataview.result-group .contains-task-list { width: 100%; max-width: 100%; transform: none; margin-left: auto !important; } /* Remove margins when nested */ .markdown-source-view.mod-cm6.is-readable-line-width .cm-line > .internal-embed, .markdown-source-view.mod-cm6.is-readable-line-width .cm-line.HyperMD-list-line .internal-embed.image-embed { margin-left: 0 !important; } /* Line width for Live Preview / Editor mode Gets complicated. -------------------------------------------*/ /* Nudge everything slightly to the left to make space for folding and gutters */ /* This is the big daddy rule for most editor content line types */ .markdown-source-view.mod-cm6.is-readable-line-width { /* Don't force width for images that have a width */ } .markdown-source-view.mod-cm6.is-readable-line-width .internal-embed, .markdown-source-view.mod-cm6.is-readable-line-width .cm-content > .image-embed, .markdown-source-view.mod-cm6.is-readable-line-width .cm-line, .markdown-source-view.mod-cm6.is-readable-line-width .cm-line.HyperMD-quote, .markdown-source-view.mod-cm6.is-readable-line-width .cm-line.HyperMD-codeblock, .markdown-source-view.mod-cm6.is-readable-line-width .embedded-backlinks, .markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block.cm-callout > .callout, .markdown-source-view.mod-cm6.is-readable-line-width .cm-html-embed, .markdown-source-view.mod-cm6.is-readable-line-width .cm-content > img:not([width]), .markdown-source-view.mod-cm6.is-readable-line-width table { width: calc(var(--line-width-adaptive) - var(--folding-offset)); max-width: calc(var(--max-width) - var(--folding-offset)); margin-right: auto; margin-left: max(calc(50% + var(--folding-offset) - var(--line-width-adaptive)/2), calc(50% + var(--folding-offset) - var(--max-width)/2)) !important; } .markdown-source-view.mod-cm6.is-readable-line-width .cm-line > .cm-html-embed { --folding-offset:0; } .markdown-source-view.mod-cm6.is-readable-line-width .cm-content > img[width] { max-width: var(--max-width); margin-left: max(calc(50% + var(--folding-offset) - var(--line-width-adaptive)/2), calc(50% + var(--folding-offset) - var(--max-width)/2)) !important; } .markdown-source-view.mod-cm6.is-readable-line-width .mod-empty, .markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block > div, .markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block > mjx-container { width: calc(var(--line-width-adaptive) - var(--folding-offset)); max-width: calc(var(--max-width) - var(--folding-offset)); margin-right: auto; margin-left: max(calc(50% + var(--folding-offset) - var(--line-width-adaptive)/2), calc(50% + var(--folding-offset) - var(--max-width)/2)) !important; } /* For lists adding an extra offset value in Edit mode */ /* Needs .is-line-wrap to override default styling */ .markdown-source-view.mod-cm6.is-readable-line-width.is-line-wrap .HyperMD-list-line { width: calc(var(--line-width-adaptive) - var(--folding-offset) - var(--list-edit-offset)); max-width: calc(var(--max-width) - var(--folding-offset) - var(--list-edit-offset)); margin-right: auto; margin-left: max(calc(50% + var(--list-edit-offset) + var(--folding-offset) - var(--line-width-adaptive)/2), calc(50% + var(--list-edit-offset) + var(--folding-offset) - var(--max-width)/2)) !important; } /* Dataview lists/checklists A nightmare mainly because there is no selector that indicates a list is present inside the dataview block -------------------------------------------*/ /* Normal block width */ /* ------------------ */ body:not(.table-100):not(.table-max):not(.table-wide) .is-live-preview.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.list-view-ul, body:not(.table-100):not(.table-max):not(.table-wide) .is-live-preview.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview > h4, body:not(.table-100):not(.table-max):not(.table-wide) .is-live-preview.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.result-group > .contains-task-list, body:not(.table-100):not(.table-max):not(.table-wide) .is-live-preview.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.dataview-container > .contains-task-list { max-width: 100%; margin-right: auto; margin-left: auto; transform: none; } body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.list-view-ul, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.dataview-container > .contains-task-list, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > p, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > h1, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > h2, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > h3, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > h4, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs h4, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataview > h4, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataview h4, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.result-group, body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.dataview-error { width: calc(var(--line-width-adaptive) - var(--folding-offset)); max-width: var(--max-width); margin-right: auto; margin-left: auto; } /* Wider block widths */ /* ------------------ */ .is-live-preview.is-readable-line-width .dataview.list-view-ul, .is-live-preview.is-readable-line-width .dataview > h4, .is-live-preview.is-readable-line-width .block-language-dataviewjs h4, .is-live-preview.is-readable-line-width .dataview .contains-task-list, .is-live-preview.is-readable-line-width .dataview.dataview-container .contains-task-list { --folding-offset:10px; width: calc(var(--line-width-adaptive) - var(--folding-offset)); max-width: calc(100% - var(--folding-offset)); transform: translateX(calc(var(--folding-offset)/2)); margin-right: auto; margin-left: auto; } .table-100 .is-live-preview.is-readable-line-width .dataview.list-view-ul, .table-100 .is-live-preview.is-readable-line-width .dataview > h4, .table-100 .is-live-preview.is-readable-line-width .dataview .contains-task-list, .table-100.is-live-preview.is-readable-line-width .dataview.list-view-ul, .table-100.is-live-preview.is-readable-line-width .dataview > h4, .table-100.is-live-preview.is-readable-line-width .dataview .contains-task-list { max-width: calc(var(--max-width) - var(--folding-offset)); } .markdown-preview-view.is-readable-line-width .dataview.list-view-ul, .markdown-preview-view.is-readable-line-width .dataview .contains-task-list, .markdown-preview-view.is-readable-line-width .block-language-dataviewjs > p, .markdown-preview-view.is-readable-line-width .block-language-dataviewjs > h1, .markdown-preview-view.is-readable-line-width .block-language-dataviewjs > h2, .markdown-preview-view.is-readable-line-width .block-language-dataviewjs > h3, .markdown-preview-view.is-readable-line-width .block-language-dataviewjs > h4, .markdown-preview-view.is-readable-line-width .block-language-dataviewjs h4, .markdown-preview-view.is-readable-line-width .block-language-dataview > h4, .markdown-preview-view.is-readable-line-width .block-language-dataview h4, .markdown-preview-view.is-readable-line-width .dataview.result-group, .markdown-preview-view.is-readable-line-width .dataview.dataview-error { --folding-offset:10px; width: calc(var(--line-width-adaptive) - var(--folding-offset)); max-width: calc(var(--max-width) - var(--folding-offset)); margin-left: auto; margin-right: max(calc(50% - var(--line-width-adaptive)/2), calc(50% - var(--max-width)/2)); } /* 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; } /* 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; } .workspace > .workspace-split:not(.mod-root) .cm-editor { --folding-offset: 0px; } .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; } /* Hidden tabs Needs some work .mod-right-split { .workspace-tab-header-container:not(:hover) { height:0; opacity:0; z-index:999; width:100%; transition:height 0.1s linear, opacity 0.1s linear; &::after { width:100%; content:" "; background-color:transparent; height:20px; position:absolute; z-index:99; top:0; } } } .workspace-tab-header-container { transition:height 0.1s linear, opacity 0.1s linear; } */ /* Underline */ .tab-style-2 .workspace-tab-header-container .workspace-tab-header { flex-grow: 1; height: var(--header-height); } .tab-style-2 .workspace-tab-container-inner { padding: 0; } .tab-style-2 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner { justify-content: center; align-items: center; border-bottom: 1px solid var(--background-divider); border-radius: 0; transition: none; } .tab-style-2 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner:hover { background-color: var(--bg3); } .tab-style-2 .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner { border-bottom: 2px solid var(--ax3); padding-top: 1px; color: var(--ax3); } .tab-style-2 .workspace-tab-header-inner-icon:hover { background-color: transparent; } /* Wide */ .tab-style-3 .workspace-sidedock-empty-state + .workspace-tabs .workspace-tab-header-container, .tab-style-3 .mod-right-split .workspace-sidedock-empty-state + .workspace-tabs .workspace-tab-header-container { border-bottom: none; } .tab-style-3 .workspace-tab-header-container { padding-left: 7px; padding-right: 7px; border: none; } .tab-style-3 .workspace-tab-header-container .workspace-tab-header { flex-grow: 1; } .tab-style-3 .workspace-tab-container-inner { padding: 3px; background: var(--bg3); border-radius: 6px; } .tab-style-3 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner { justify-content: center; align-items: center; transition: none; border: 1px solid transparent; } .tab-style-3 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner:hover { background-color: transparent; } .tab-style-3:not(.minimal-dark-tonal) .mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner { background: var(--bg2); } .tab-style-3 .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner { background: var(--bg1); box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.1); border-radius: 4px; } .tab-style-3.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner { background-color: transparent; } .tab-style-3 .workspace-tab-header-inner-icon { height: 18px; padding: 0; } .tab-style-3 .workspace-tab-header-inner-icon:hover { background-color: transparent; } /* Index */ .tab-style-4 .workspace-sidedock-empty-state + .workspace-tabs .workspace-tab-header-container { border: none; } .tab-style-4 .workspace-tab-header-container .workspace-tab-header { flex-grow: 1; height: var(--header-height); } .tab-style-4 .workspace-tab-container-inner { background-color: var(--background-secondary); padding: 0; } .tab-style-4 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner { justify-content: center; align-items: center; border-bottom: none; border-radius: 0; transition: none; border-top: 1px solid transparent; } .tab-style-4 .workspace-tab-header-container .workspace-tab-header { border-bottom: 1px solid var(--background-modifier-border); opacity: 1; } .tab-style-4 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner-icon { opacity: var(--icon-muted); } .tab-style-4 .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner-icon { opacity: 1; } .tab-style-4.hider-frameless:not(.labeled-nav) .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner { border-top: 1px solid var(--background-modifier-border); } .tab-style-4 .workspace-tab-header-container .workspace-tab-header.is-active { border-bottom: 1px solid transparent; } .tab-style-4 .workspace-tab-header-container .workspace-tab-header.is-active { background-color: var(--background-primary); border-radius: 0; } .tab-style-4 .mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active { background-color: var(--background-secondary); } .tab-style-4 .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner { box-shadow: 1px 0 var(--background-modifier-border), -1px 0 var(--background-modifier-border); border-bottom: none; } .tab-style-4 .workspace-tab-header-inner-icon:hover { background-color: transparent; } /* 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, .nav-file-title-content.is-being-renamed { text-overflow: unset; white-space: normal; line-height: 1.35; } .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; margin-block-end: 0.6em; } .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; margin-block-end: 0.6em; } .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; margin-block-end: 0.6em; } .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; margin-block-end: 0.6em; } .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; margin-block-end: 0.6em; } .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; margin-block-end: 0.6em; } /* 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:38px; --radius-m:8px; } @media (min-width: 400pt) { .is-mobile { --input-height:36px; --radius-m:6px; } } .hider-tooltips .follow-link-popover { display: none; } .is-mobile .follow-link-popover { font-family: var(--font-interface); } /* Padding reset */ body.is-mobile { padding: 0 !important; } .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: transparent; } .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-container > * { padding: 0; } .is-mobile .workspace-drawer-tab-option-item-title, .is-mobile .workspace-drawer-active-tab-title { font-size: var(--font-adaptive-small); } .is-mobile .workspace-drawer-tab-option-item:hover .workspace-drawer-tab-option-item-title, .is-mobile .workspace-drawer-active-tab-header:hover .workspace-drawer-active-tab-title { color: var(--text-normal); } .is-mobile .workspace-drawer-active-tab-header:hover .workspace-drawer-active-tab-back-icon { color: var(--text-normal); } .is-mobile .nav-file-title, .is-mobile .nav-folder-title, .is-mobile .outline, .is-mobile .tree-item-self, .is-mobile .tag-container, .is-mobile .tag-pane-tag { font-size: var(--font-adaptive-small); line-height: 1.5; margin-bottom: 4px; } .is-mobile .backlink-pane > .tree-item-self, .is-mobile .outgoing-link-pane > .tree-item-self { font-size: var(--font-adaptive-smallest); } .is-mobile .tree-item-flair { font-size: var(--font-adaptive-small); } .is-mobile .nav-files-container { padding: 5px 5px 5px 5px; } .is-mobile .search-result-container { padding-bottom: 20px; } .is-mobile .search-result-file-match-replace-button { background-color: var(--background-tertiary); color: var(--text-normal); } .is-mobile .search-result-file-matches, .is-mobile .search-result-file-title { font-size: var(--font-adaptive-small); } .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 .setting-item-control .search-input-container input { display: inline-block; width: 100%; margin-bottom: 0; } .is-mobile .search-input-container input, .is-mobile .search-input-container input:hover, .is-mobile .search-input-container input:focus, .is-mobile .search-input-container input[type='text'], .is-mobile .workspace-leaf-content[data-type='search'] .search-input-container input { -webkit-appearance: none; border-radius: 6px; height: 36px; padding: 6px 20px 6px 34px; 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 .search-input-clear-button { right: 6px; } .is-mobile .search-input-clear-button:before { height: 16px; width: 16px; } .is-mobile .view-header-title { font-size: var(--title-size); } .is-mobile .view-header-title:-webkit-autofill:focus { font-family: var(--font-interface); color: red; } .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); } .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-container { margin-left: 0; } .is-mobile .view-header-title { max-width: calc(100vw - 90px); padding-right: 20px; padding-left: calc(50% - var(--max-width)/2 + var(--folding-offset)) !important; 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; } } /* --------------- */ /* 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); } .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 button, .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-input-radius:8px; --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; /* .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); .modal-title { text-align:center; display:none; } .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; p { margin-block-start:0; margin-block-end:0; } } .setting-item { margin-top: 15px; border-top: 0; flex-direction: column; .setting-item-info { padding-bottom:5px; } .setting-item-control { margin:0; flex-direction: column; button { backdrop-filter: none; -webkit-backdrop-filter: none; background: transparent; padding: 20px 0 10px; border-top: 0; } } } 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; border-top:1px solid var(--ios-border); } button:hover { background-color:transparent; border:none; box-shadow:none; border-top:1px solid var(--ios-border); } .modal-button-container { gap:0; } .modal-button-container>.mod-warning:nth-last-child(3), 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; } .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); } .modal-button-container>button:nth-last-child(2), .modal-button-container>.mod-warning:nth-last-child(2) { border-bottom-left-radius:var(--ios-radius); border-bottom-right-radius:var(--ios-radius); } .modal-button-container>button:last-child:hover { background-color:var(--ios-bg-translucent); } } */ } .is-ios .search-input-container input, .is-ios .workspace-leaf-content[data-type='search'] .search-input-container input, .is-ios .document-search-container input[type='text'] { border-radius: var(--ios-input-radius); border: 0px; background-color: var(--background-tertiary); } .is-ios .search-input-container input:active, .is-ios .search-input-container input:hover, .is-ios .search-input-container input:focus, .is-ios .workspace-leaf-content[data-type='search'] .search-input-container input:active, .is-ios .workspace-leaf-content[data-type='search'] .search-input-container input:hover, .is-ios .workspace-leaf-content[data-type='search'] .search-input-container input:focus, .is-ios .document-search-container input[type='text']:active, .is-ios .document-search-container input[type='text']:hover, .is-ios .document-search-container input[type='text']:focus { border-radius: var(--ios-input-radius); border: 0px; background-color: var(--background-tertiary); } .is-ios .search-input-container input::placeholder, .is-ios .workspace-leaf-content[data-type='search'] .search-input-container input::placeholder, .is-ios .document-search-container input[type='text']::placeholder { color: var(--text-muted); } /* iPad tablet */ @media (min-width: 400pt) { .is-ios .mobile-toolbar { height: 70px; } .is-ios .mobile-toolbar-options-container { margin: 0 auto; display: inline-flex; width: auto; } } .mobile-toolbar-off .mobile-toolbar { display: none; } .mobile-toolbar { width: 100%; display: flex; overflow: scroll; background-color: var(--background-primary); border-top: 1px solid var(--background-modifier-border); } @media (min-width: 400pt) { .mobile-toolbar-option { border-radius: 8px; margin: 6px 0; } .mobile-toolbar-option:hover { background-color: var(--background-tertiary); } } /* 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); } /* 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 .tree-item-self { cursor: var(--cursor); line-height: 1.4; margin-bottom: 4px; font-size: var(--font-adaptive-small); padding-left: 15px; } .tree-item-collapse { opacity: 1; left: -5px; color: var(--text-faint); } .outline .tree-item-inner:hover { color: var(--text-normal); } .tree-item-self.is-clickable:hover .tree-item-collapse { color: var(--text-normal); } .outline > .tree-item > .tree-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: var(--shadow-m); 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: 0; } .prompt-results .suggestion-item:last-child, .prompt-results .suggestion-empty { margin-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; } .is-mobile .suggestion-container .suggestion-item:first-child { margin-top: 0; } .is-mobile .suggestion-container .suggestion-item:last-child { margin-bottom: 10px; } .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; height: 4.5ex; 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: 8px 5px 8px 8px; 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,"); -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 */ .modal.mod-sync-history .modal-content { padding: 0; } .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); } .is-mobile .modal.mod-sync-log .mod-toggle, .is-mobile .modal.mod-sync-log .modal-button-container { flex: 0; } /* --------------- */ /* Phone */ @media (max-width: 400pt) { .is-mobile .modal.mod-sync-log { width: 100vw; height: 100vh; max-height: calc(100vh - 32px); box-shadow: 0 -32px 0 32px var(--background-primary); bottom: 0; padding-bottom: 10px; } } /* Community plugins */ /* Banner plugin */ /* .markdown-source-view.mod-cm6 .cm-line.has-banner { width:100% !important; max-width:100% !important; transform:none !important; .cm-fold-indicator, .cm-def.cm-hmd-frontmatter { margin-left:max( calc(50% + var(--folding-offset) - var(--line-width-adaptive)/2), calc(50% - var(--max-width)/2) + var(--folding-offset)) !important; } .obsidian-banner-icon { width:calc(var(--line-width-adaptive) - var(--folding-offset)); max-width:var(--max-width); margin-left:auto; margin-right:auto; transform:translateX(calc(var(--folding-offset)/2)); } } */ .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; } /* Breadcrumbs plugin body .BC-trail { border-width: 0 0 1px 0; border-radius: 0; } */ /* 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; letter-spacing: 0.1em; font-size: var(--font-adaptive-smallest); } #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-small); 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; font-size: calc(var(--font-adaptive-normal) - 2px); } #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-chart canvas, .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-lang-dataviewjs, .el-ul + .el-lang-dataviewjs, .el-p:not(.el-lang-dataviewjs) + .el-lang-dataviewjs, .el-ol + .el-table, .el-ul + .el-table, .el-p + .el-table, .el-lang-dataviewjs + .el-p, .el-lang-dataview + .el-p { margin-top: var(--spacing-p); } .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: var(--table-font-size); color: var(--text-muted); border-bottom: 1px solid var(--background-modifier-border); cursor: var(--cursor); } table.dataview ul.dataview-ul { list-style: none; padding-inline-start: 0; margin-block-start: 0em !important; margin-block-end: 0em !important; } .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); } body .dataview.small-text { color: var(--text-faint); } /* Remove hover effect */ body .dataview.task-list-item:hover, body .dataview.task-list-basic-item:hover, body .table-view-table > tbody > tr:hover { background-color: transparent; box-shadow: none; } body .dataview-error { margin-top: 16px; background-color: transparent; } .markdown-source-view.mod-cm6 .cm-content .dataview.dataview-error, .dataview.dataview-error { color: var(--text-muted); } /* New error box as of 2022-05 */ body div.dataview-error-box { min-height: 0; border: none; background-color: transparent; font-size: var(--table-font-size); border-radius: var(--radius-m); padding: 15px 0; } body div.dataview-error-box p { margin-block-start: 0; margin-block-end: 0; color: var(--text-faint); } .markdown-source-view div.dataview-error-box { margin-top: 15px; } /* 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; } body .dataview.result-group { padding-left: 0; } /* Inline fields */ body .dataview.inline-field-key, body .dataview.inline-field-value, body .dataview .inline-field-standalone-value { font-family: var(--font-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-interface); --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-interface); 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 { padding-left: var(--folding-offset) !important; } .embedded-note-titles .is-readable-line-width.markdown-preview-view > h1 { max-width: var(--max-width) !important; width: var(--line-width-adaptive) !important; } .mod-cm6 .cm-editor h1.cm-line.embedded-note-title { padding-top: var(--embedded-note-title-padding-top); padding-bottom: var(--embedded-note-title-padding-bottom); } /* 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: var(--top-left-padding-y); 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(var(--top-left-padding-y) + 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(var(--top-left-padding-y) + 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 + popout */ .mod-macos.is-popout-window.hider-ribbon.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header) .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; } /* Hover Editor */ .popover.hover-editor { --folding-offset:10px; } .theme-light, .theme-dark { --he-title-bar-inactive-bg:var(--background-secondary); --he-title-bar-inactive-pinned-bg:var(--background-secondary); --he-title-bar-active-pinned-bg:var(--background-secondary); --he-title-bar-active-bg:var(--background-secondary); --he-title-bar-inactive-fg:var(--text-muted); --he-title-bar-active-fg:var(--text-normal); --he-title-bar-font-size:14px; } .theme-light { --popover-shadow: 0px 2.7px 3.1px rgba(0, 0, 0, 0.032), 0px 5.9px 8.7px rgba(0, 0, 0, 0.052), 0px 10.4px 18.1px rgba(0, 0, 0, 0.071), 0px 20px 40px rgba(0, 0, 0, 0.11) ; } .theme-dark { --popover-shadow: 0px 2.7px 3.1px rgba(0, 0, 0, 0.081), 0px 5.9px 8.7px rgba(0, 0, 0, 0.131), 0px 10.4px 18.1px rgba(0, 0, 0, 0.18), 0px 20px 40px rgba(0, 0, 0, 0.28) ; } .popover.hover-editor:not(.snap-to-viewport) { --max-width:92%; } .popover.hover-editor:not(.snap-to-viewport) .markdown-preview-view, .popover.hover-editor:not(.snap-to-viewport) .markdown-source-view .cm-content { font-size: 90%; } body .popover.hover-editor:not(.is-loaded) { box-shadow: var(--popover-shadow); } body .popover.hover-editor:not(.is-loaded) .markdown-preview-view { padding: 15px 0 0 0; } body .popover.hover-editor:not(.is-loaded) .view-content { height: 100%; background-color: var(--background-primary); } body .popover.hover-editor:not(.is-loaded) .view-actions { height: auto; } body .popover.hover-editor:not(.is-loaded) .popover-content { border: 1px solid var(--background-modifier-border-hover); } body .popover.hover-editor:not(.is-loaded) .popover-titlebar { padding: 0 4px; } body .popover.hover-editor:not(.is-loaded) .popover-titlebar .popover-title { padding-left: 4px; letter-spacing: -.02em; font-weight: var(--title-weight); } body .popover.hover-editor:not(.is-loaded) .markdown-embed { height: auto; font-size: unset; line-height: unset; } body .popover.hover-editor:not(.is-loaded) .markdown-embed .markdown-preview-view { padding: 0; } body .popover.hover-editor:not(.is-loaded).show-navbar .popover-titlebar { border-bottom: var(--border-width) solid var(--background-modifier-border); } body .popover.hover-editor:not(.is-loaded) .popover-action, body .popover.hover-editor:not(.is-loaded) .popover-header-icon { cursor: var(--cursor); margin: 4px 0; padding: 4px 3px; border-radius: var(--radius-m); color: var(--icon-color); } body .popover.hover-editor:not(.is-loaded) .popover-action.mod-pin-popover, body .popover.hover-editor:not(.is-loaded) .popover-header-icon.mod-pin-popover { padding: 4px 2px; } body .popover.hover-editor:not(.is-loaded) .popover-action svg, body .popover.hover-editor:not(.is-loaded) .popover-header-icon svg { opacity: var(--icon-muted); } body .popover.hover-editor:not(.is-loaded) .popover-action:hover, body .popover.hover-editor:not(.is-loaded) .popover-header-icon:hover { background-color: var(--background-tertiary); color: var(--icon-color-hover); } body .popover.hover-editor:not(.is-loaded) .popover-action:hover svg, body .popover.hover-editor:not(.is-loaded) .popover-header-icon:hover svg { opacity: 1; transition: opacity 0.1s ease-in-out; } body .popover.hover-editor:not(.is-loaded) .popover-action.is-active, body .popover.hover-editor:not(.is-loaded) .popover-header-icon.is-active { color: var(--icon-color); } /* 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-postfix-button-wrapper { align-self: flex-start; } 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; flex-grow: 1; } 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; } } /* Lapel */ body .cm-heading-marker { cursor: var(--cursor); padding-left: 10px; } /* 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); font-family: var(--font-interface); } .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; user-select: 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; } body .block-language-leaflet .leaflet-marker-link-popup > .leaflet-popup-content-wrapper > * { font-size: var(--font-adaptive-small); font-family: var(--font-interface); } body .block-language-leaflet .leaflet-marker-link-popup > .leaflet-popup-content-wrapper { padding: 4px 10px !important; } .leaflet-marker-icon svg path { stroke: var(--background-primary); stroke-width: 18px; } /* 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-interface); --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); } /* NL tables */ body .NLT__header-menu-header-container { font-size: 85%; } body .NLT__button { background: transparent; box-shadow: none; color: var(--text-muted); } body .NLT__button:hover, body .NLT__button:active, body .NLT__button:focus { background: transparent; color: var(--text-normal); box-shadow: none; } .NLT__app .NLT__button { background: transparent; border: 1px solid var(--background-modifier-border); box-shadow: 0 0.5px 1px 0 var(--btn-shadow-color); color: var(--text-muted); padding: 2px 8px; } .NLT__app .NLT__button:hover, .NLT__app .NLT__button:active, .NLT__app .NLT__button:focus { background: transparent; border-color: var(--background-modifier-border-hover); color: var(--text-normal); box-shadow: 0 0.5px 1px 0 var(--btn-shadow-color); } /* .NLT__header-content { position:relative; } th.NLT__selectable .NLT__header-content:after { content:" "; width:16px; height:16px; position:absolute; z-index:999999; top:50%; transform:translateY(-50%); display:inline-block; -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='M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z' 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 d='M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z' /%3E%3C/svg%3E"); -webkit-mask-size:16px 16px; margin:0 0 0 6px; background-color:var(--text-faint); }*/ .NLT__td:nth-last-child(2), .NLT__th:nth-last-child(2) { border-right: 0; } .NLT__app { /* Remove Sortable plugin background icons */ } .NLT__app .NLT__td:last-child, .NLT__app .NLT__th:last-child { padding-right: 0; } .NLT__app .NLT__th { background-image: none !important; } .NLT__app th.NLT__selectable:hover { background-color: transparent; cursor: var(--cursor); } .NLT__menu .NLT__menu-container { background-color: var(--background-secondary); } .NLT__menu .NLT__header-menu-item { font-size: var(--font-adaptive-small); } .NLT__menu .NLT__header-menu { padding: 6px 4px; } .NLT__menu .NLT__drag-menu { font-size: var(--font-adaptive-small); padding: 6px 4px; } .NLT__menu svg { color: var(--text-faint); margin-right: 6px; } .NLT__menu .NLT__selected, .NLT__menu .NLT__selectable:hover { background: transparent; } .NLT__menu .NLT__selected > .NLT__selectable { background-color: var(--background-tertiary); } .NLT__menu .NLT__selectable { cursor: var(--cursor); } .NLT__menu div.NLT__selectable { min-width: 110px; border-radius: var(--radius-m); padding: 3px 8px 3px 4px; margin: 1px 2px 1px; cursor: var(--cursor); height: auto; line-height: 20px; } .NLT__menu div.NLT__selectable:hover { background-color: var(--background-tertiary); } .NLT__menu .NLT__textarea { font-size: var(--table-font-size); } .NLT__tfoot tr:hover td { background-color: transparent; } /* 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-text-size) 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); } /* Obsidian Tabs plugin */ .workspace-leaf-content[data-type="recent-files"] .view-content { padding-top: 10px; } /* Reminder Plugin */ .mod-root .workspace-leaf-content[data-type="reminder-list"] main { max-width: var(--max-width); margin: 0 auto; padding: 0; } /* Popup */ .modal .reminder-actions .later-select { font-size: var(--font-settings-small); vertical-align: bottom; margin-left: 3px; } .modal .reminder-actions .icon { line-height: 1; } /* In sidebar */ :not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main { margin: 0 auto; padding: 15px; } :not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .group-name { font-weight: 500; color: var(--text-muted); font-size: var(--font-adaptive-small); padding-bottom: 0.5em; border-bottom: 1px solid var(--background-modifier-border); } :not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .reminder-group .reminder-list-item { line-height: 1.3; font-size: var(--font-adaptive-small); } :not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .reminder-group .no-reminders { color: var(--text-faint); } :not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .reminder-group .reminder-time { font-family: var(--font-text); font-size: var(--font-adaptive-small); } :not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .reminder-group .reminder-file { color: var(--text-faint); } /* Calendar picker */ body .modal .dtchooser { background-color: transparent; } body .modal .dtchooser .reminder-calendar .year-month { font-weight: 400; font-size: var(--font-adaptive-normal); padding-bottom: 10px; } body .modal .dtchooser .reminder-calendar .year-month .month, body .modal .dtchooser .reminder-calendar .year-month .year { color: var(--text-normal); } body .modal .dtchooser .reminder-calendar .year-month .month-nav:first-child { background-color: currentColor; -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.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E"); } body .modal .dtchooser .reminder-calendar .year-month .month-nav:last-child { background-color: currentColor; -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='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E"); } body .modal .dtchooser .reminder-calendar .year-month .month-nav { -webkit-mask-size: 20px 20px; -webkit-mask-repeat: no-repeat; -webkit-mask-position: 50% 50%; color: var(--text-faint); cursor: var(--cursor); border-radius: var(--radius-m); padding: 0; width: 30px; display: inline-block; } body .modal .dtchooser .reminder-calendar .year-month .month-nav:hover { color: var(--text-muted); } body .modal .dtchooser .reminder-calendar th { padding: 0.5em 0; font-size: var(--font-adaptive-smallest); font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; } body .modal .dtchooser .reminder-calendar .calendar-date { transition: background-color 0.1s ease-in; padding: 0.3em 0; border-radius: var(--radius-m); } body .modal .dtchooser .reminder-calendar .calendar-date:hover, body .modal .dtchooser .reminder-calendar .calendar-date.is-selected { transition: background-color 0.1s ease-in; background-color: var(--background-tertiary) !important; } body .modal .dtchooser .reminder-calendar .calendar-date.is-selected { font-weight: var(--bold-weight); color: var(--text-accent) !important; } /* 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 .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.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .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 { border: none; text-orientation: sideways; } body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-icon { padding: 4px 1px; margin: 5px 0 0 0; left: 0; width: 26px; } body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-actions { padding-bottom: 33px; margin-left: 0; height: auto; } 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.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; } .workspace > .mod-root .view-header-title-container body.plugin-sliding-panes.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt .workspace > .mod-root .view-header-title { margin-top: 0; } body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header-title-container { margin-left: 0; padding-top: 0; } body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .view-header-title-container { position: static; } body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .app-container .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > div { margin-left: 0; margin-right: 0; bottom: 0; } body.plugin-sliding-panes.plugin-sliding-panes-rotate-header.show-grabber .view-header-icon { opacity: var(--icon-muted); } body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .view-header-icon:hover { opacity: 1; } body:not(.plugin-sliding-panes-header-alt).plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container > .view-header-title, body:not(.plugin-sliding-panes-header-alt).plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header > .view-header-title-container > .view-header-title { padding-top: 5px; } 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.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; } /* 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 .mod-root .graph-controls { top: 20px; left: 30px; } /* Sortable plugin */ body .markdown-preview-view th, body .table-view-table > thead > tr > th, body .markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th { cursor: var(--cursor); background-image: none; } /* Live preview */ .markdown-source-view.mod-cm6 th { background-repeat: no-repeat; background-position: right; } /* Style Settings preferences */ .style-settings-container[data-level="2"] { background: var(--background-secondary); border: 1px solid var(--ui1); border-radius: 5px; padding: 10px 20px; margin: 2px 0 2px -20px; } .workspace-leaf-content[data-type="style-settings"] .view-content { padding: 0 0 20px var(--folding-offset); } .workspace-leaf-content[data-type="style-settings"] .view-content > div { width: var(--line-width-adaptive); max-width: var(--max-width); margin: 0 auto; } .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: 100%; 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; } .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; } .setting-item.setting-item-heading.style-settings-heading.is-collapsed { border-bottom: 1px solid var(--background-modifier-border); } .setting-item.setting-item-heading.style-settings-heading { border: 0; padding: 10px 0 5px; margin-bottom: 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; } ul.todoist-task-list > li.task-list-item .task-list-item-checkbox { margin: 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-interface); } .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; } /* Everforest */ .theme-light.minimal-everforest-light { --red:#f85552; --orange:#f57d26; --yellow:#dfa000; --green:#8da101; --purple:#df69ba; --pink:#df69ba; --cyan:#35a77c; --blue:#7fbbb3; } .theme-dark.minimal-everforest-dark { --red:#e67e80; --orange:#e69875; --yellow:#dbbc7f; --green:#a7c080; --purple:#d699b6; --pink:#d699b6; --cyan:#83c092; --blue:#7fbbb3; } .theme-light.minimal-everforest-light { --base-h:46; --base-s:87%; --base-l:94%; --accent-h:81; --accent-s:37%; --accent-l:52%; --bg1:#FDF7E3; --bg2:#EEEAD5; --bg3:rgba(206,207,182,.5); --ui1:#dfdbc8; --ui2:#bdc3af; --ui3:#bdc3af; --tx1:#5C6A72; --tx2:#829181; --tx3:#a6b0a0; --ax1:#93b259; --ax2:#738555; --ax3:#93b259; --hl1:rgba(198,214,152,.4); --hl2:rgba(222,179,51,.3); } .theme-light.minimal-everforest-light.minimal-light-tonal { --bg2:#EEEAD5; } .theme-light.minimal-everforest-light.minimal-light-white { --bg3:#f3efda; --ui1:#edead5; } .theme-light.minimal-everforest-light.minimal-light-contrast .titlebar, .theme-light.minimal-everforest-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar, .theme-light.minimal-everforest-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed), .theme-light.minimal-everforest-light.minimal-light-contrast .mod-left-split, .theme-light.minimal-everforest-light.minimal-light-contrast.minimal-status-off .status-bar, .theme-light.minimal-everforest-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left, .theme-dark.minimal-everforest-dark { --base-h:203; --base-s:15%; --base-l:23%; --accent-h:81; --accent-s:34%; --accent-l:63%; --bg1:#323D44; --bg2:#2A343A; --bg3:#414C54; --bg3:rgba(78,91,100,0.5); --ui1:#404c51; --ui2:#4A555C; --ui3:#525c62; --tx1:#d3c6aa; --tx2:#9da9a0; --tx3:#7a8478; --ax1:#A7C080; --ax2:#c7cca3; --ax3:#93b259; --hl1:rgba(134,70,93,.5); --hl2:rgba(147,185,96,.3); } .theme-dark.minimal-everforest-dark.minimal-dark-black { --hl1:rgba(134,70,93,.4); --ui1:#2b3339; } /* 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%; --accent-h:24; --accent-s:88%; --accent-l:45%; --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 { --accent-h:24; --accent-s:88%; --accent-l:45%; --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%; --accent-h:212; --accent-s:100%; --accent-l:50%; --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%; --accent-h:212; --accent-s:100%; --accent-l:50%; --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%; --accent-h:197; --accent-s:65%; --accent-l:71%; --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:197; --accent-s:48%; --accent-l:43%; --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:#FF306C; --yellow:#FFD500; --green:#4BBF5E; --orange:#ff9502; --purple:#b051de; --pink:#ff2e55; --cyan:#49AEA4; } .theme-light.minimal-things-light { --blue:#1b61c2; } .theme-dark.minimal-things-dark { --blue:#4d95f7; } .theme-light.minimal-things-light { --accent-h:215; --accent-s:76%; --accent-l:43%; --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%; --accent-h:215; --accent-s:91%; --accent-l:64%; --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-hover-editor - 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 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. Visit minimal.guide for documentation. - 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 in more granular settings type: variable-themed-color format: hsl-split default-light: '#' default-dark: '#' - id: accent title: Accent color description: Defines link and checkbox colors unless overridden in more granular settings type: variable-themed-color format: hsl-split default-light: '#' default-dark: '#' - id: bg1 title: Primary background description: Background color for the main window type: variable-themed-color format: hex default-light: '#' default-dark: '#' - id: bg2 title: Secondary background description: Background color for left sidebar and menus type: variable-themed-color format: hex default-light: '#' default-dark: '#' - id: bg3 title: Active background description: Background color for hovered buttons and currently selected file type: variable-themed-color opacity: true format: hex default-light: '#' default-dark: '#' - id: ui1 title: Border color type: variable-themed-color description: For buttons, divider lines, and outlined elements opacity: true format: hex default-light: '#' default-dark: '#' - id: ui2 title: Highlighted border color description: Used when hovering over buttons, dividers, and outlined elements type: variable-themed-color opacity: true format: hex default-light: '#' default-dark: '#' - id: ui3 title: Active border color description: Used when clicking buttons and outlined elements type: variable-themed-color opacity: true format: hex default-light: '#' default-dark: '#' - id: extended-palette title: Interface 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: active-line title: Active line type: heading level: 2 collapsed: true - id: active-line-on title: Highlight active line description: Adds a background to current line in editor type: class-toggle default: false - id: active-line-bg title: Active line background description: Using a low opacity color is recommended to avoid conflicting with highlights type: variable-themed-color opacity: true format: hex default-light: '#' default-dark: '#' - 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: code-blocks title: Code blocks type: heading level: 2 collapsed: true - id: text-code title: Code text color description: Color of code when 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: embed-blocks title: Embeds and transclusions type: heading level: 2 collapsed: true - id: embed-strict title: Use strict embed style globally description: Transclusions appear seamlessly in the flow of text. Can be enabled per file using the embed-strict helper class type: class-toggle default: false - 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: 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-font title: H1 font description: Name of the font as it appears on your system type: variable-text default: '' - 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 type: variable-number-slider default: 600 min: 100 max: 900 step: 100 - id: h1-color title: H1 text 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-font title: H2 font description: Name of the font as it appears on your system type: variable-text default: '' - 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 type: variable-number-slider default: 600 min: 100 max: 900 step: 100 - id: h2-color title: H2 text 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-font title: H3 font description: Name of the font as it appears on your system type: variable-text default: '' - 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 type: variable-number-slider default: 600 min: 100 max: 900 step: 100 - id: h3-color title: H3 text 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-font title: H4 font description: Name of the font as it appears on your system type: variable-text default: '' - 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 type: variable-number-slider default: 500 min: 100 max: 900 step: 100 - id: h4-color title: H4 text 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-font title: H5 font description: Name of the font as it appears on your system type: variable-text default: '' - 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 type: variable-number-slider default: 500 min: 100 max: 900 step: 100 - id: h5-color title: H5 text 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-font title: H6 font description: Name of the font as it appears on your system type: variable-text default: '' - 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 type: variable-number-slider default: 400 min: 100 max: 900 step: 100 - id: h6-color title: H6 text 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: 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: images title: Images type: heading level: 2 collapsed: true - id: image-muted title: Image opacity in dark mode description: Level of fading for images in dark mode. Hover over images to display at full brightness. type: variable-number-slider default: 0.7 min: 0.25 max: 1 step: 0.05 - id: zoom-off title: Disable image zoom description: Turns off click + hold to zoom images type: class-toggle - id: indentation-guides title: Indentation guides type: heading level: 2 collapsed: true - id: ig-adjust-reading title: Horizontal adjustment in reading mode type: variable-number-slider default: -0.65 min: -1.2 max: 0 step: 0.05 format: em - id: ig-adjust-edit title: Horizontal adjustment in edit mode type: variable-number-slider default: -1 min: -10 max: 10 step: 1 format: px - 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 type: variable-number-slider default: 400 min: 100 max: 900 step: 100 - id: lists title: Lists and tasks type: heading level: 2 collapsed: true - id: ax3 title: Checkbox color description: Background color for completed tasks 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: Adds strikethrough line and greyed text for completed tasks type: class-toggle default: false - id: list-spacing title: List item spacing description: Vertical 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: list-indent title: Nested list indentation description: Horizontal space from left in em units type: variable-number-slider default: 2 min: 1 max: 3.5 step: 0.1 format: em - id: sidebars title: Sidebars type: heading level: 2 collapsed: true - id: tab-style title: Tab style description: See documentation for screenshots type: class-select allowEmpty: false default: tab-style-1 options: - label: Compact value: tab-style-1 - label: Pill value: tab-style-3 - label: Underlined value: tab-style-2 - label: Index value: tab-style-4 - id: sidebar-lines-off title: Disable sidebar relationship lines description: Turns off lines in file navigation type: class-toggle - 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 - id: tables title: Tables type: heading level: 2 collapsed: true - id: table-font-size title: Table font size description: All of the following settings apply to all tables globally. To turn on these features on a per-note basis use helper classes. See documentation. type: variable-text default: 1em - id: row-lines title: Row lines description: Display borders between table rows globally type: class-toggle default: false - id: col-lines title: Column lines description: Display borders between table columns globally type: class-toggle default: false - id: table-lines title: Cell lines description: Display borders around all table cells globally type: class-toggle default: false - id: row-alt title: Striped rows description: Display striped background in alternating table rows globally type: class-toggle default: false - id: col-alt title: Striped columns description: Display striped background in alternating table columns globally type: class-toggle default: false - id: table-tabular title: Tabular figures description: Use fixed width numbers in tables globally type: class-toggle default: false - id: table-numbers title: Row numbers description: Display row numbers in tables globally type: class-toggle default: false - id: table-nowrap title: Disable line wrap description: Turn off line wrapping in table cells globally type: class-toggle default: false - id: row-hover title: Highlight active row description: Highlight rows on hover type: class-toggle default: false - id: row-color-hover title: Active row background description: Background color for hovered tables rows type: variable-themed-color format: hex opacity: true default-light: '#' default-dark: '#' - id: tags title: Tags type: heading level: 2 collapsed: true - id: minimal-unstyled-tags title: Plain tags description: Tags will render as normal text, overrides settings below type: class-toggle default: false - 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: text title: Text type: heading level: 2 collapsed: true - id: tx1 title: Normal text color type: variable-themed-color description: Primary text color used by default across all elements 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 description: Secondary text such as sidebar note titles and table headings type: variable-themed-color opacity: true format: hex default-light: '#' default-dark: '#' - id: tx3 title: Faint text color description: tertiary text such as input placeholders, empty checkboxes, and disabled statuses 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 type: variable-number-slider default: 600 min: 100 max: 900 step: 100 - id: spacing-p title: Paragraph spacing description: Space between paragraphs in reading mode type: variable-text default: 0.75em - id: titlebar title: Title bar type: heading level: 2 collapsed: true - id: title-alignment title: Title alignment description: Position of the text within the title bar 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: Make the dragging handle always visible in the top left corner of a pane 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 type: variable-number-slider default: 600 min: 100 max: 900 step: 100 - id: title-color title: Title text color (active) type: variable-themed-color format: hex default-light: '#' default-dark: '#' - id: title-color-inactive title: Title text color (inactive) type: variable-themed-color 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 Mobile id: minimal-mobile settings: - id: mobile-toolbar-off title: Disable toolbar description: Turns off mobile toolbar type: class-toggle */ /* @settings name: Minimal Advanced Settings id: minimal-advanced settings: - id: window-title-on title: Display window title description: Display title in the window frame type: class-toggle - id: styled-scrollbars title: Styled scrollbars description: Use styled scrollbars (replaces native scrollbars) 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: folding-offset title: Folding offset description: Width of the left margin used for folding indicators type: variable-number-slider default: 10 min: 0 max: 30 step: 1 format: px */