/*─────────────────────────────────────────────────────── THINGS Version 1.8.1 Created by @colineckert Readme: https://github.com/colineckert/obsidian-things Support my work: https://www.buymeacoffee.com/colineckert Support @kepano https://www.buymeacoffee.com/kepano ---------------------------------------------------------------- MIT License Copyright (c) 2020-2021 Stephan Ango (@kepano) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ---------------------------------------------------------------- For help and/or CSS snippets, thanks to: - @kepano - @chetachiezikeuzor ────────────────────────────────────────────────────── */ @charset "UTF-8"; :root { /*---------------------------------------------------------------- COLORS ----------------------------------------------------------------*/ --base-h: 212; /* Base hue */ --base-s: 15%; /* Base saturation */ --base-d: 13%; /* Base lightness Dark Mode - 0 is black */ --base-l: 97%; /* Base lightness Light Mode - 100 is white */ --accent-h: 215; /* Accent hue */ --accent-s: 75%; /* Accent saturation */ --accent-d: 70%; /* Accent lightness Dark Mode */ --accent-l: 60%; /* Accent lightness Light Mode */ --blue: #2e80f2; --pink: #ff82b2; --green: #3eb4bf; --yellow: #e5b567; --orange: #e87d3e; --red: #e83e3e; --purple: #9e86c8; --light-yellow-highlighter: #fff3a3a6; --dark-yellow-highlighter: #dbce7e77; --pink-highlighter: #ffb8eba6; --red-highlighter: #db3e606e; --blue-highlighter: #adccffa6; --dark-blue-highlighter: #adccff5b; --green-highlighter: #bbfabba6; --purple-highlighter: #d2b3ffa6; --orange-highlighter: #ffb86ca6; --grey-highlighter: #cacfd9a6; /* Colors, sizes, weights, padding */ --h1-color: var(--text-normal); --h2-color: var(--blue); --h3-color: var(--blue); --h4-color: var(--yellow); --h5-color: var(--red); --h6-color: var(--text-muted); --strong-color: var(--pink); --em-color: var(--pink); --font-normal: 16px; --font-small: 13px; --font-smaller: 11px; --font-smallest: 10px; --font-settings: 15px; --font-settings-small: 13px; --font-inputs: 14px; --h1: 1.5em; --h2: 1.3em; --h3: 1.1em; --h4: 0.9em; --h5: 0.85em; --h6: 0.85em; --h1-weight: 700; --h2-weight: 700; --h3-weight: 600; --h4-weight: 500; --h5-weight: 500; --h6-weight: 400; --normal-weight: 400; /* Switch to 300 if you want thinner default text */ --bold-weight: 700; /* Switch to 700 if you want thicker bold text */ --icon-muted: 0.4; --line-width: 45rem; /* Maximum characters per line */ --line-height: 1.5; --border-width: 1px; --border-width-alt: 1px; --max-width: 90%; /* Amount of padding around the text, use 90% for narrower padding */ --nested-padding: 3.5%; /* Amount of padding for quotes and transclusions */ --input-height: 36px; --list-indent: 2em; --font-todoist-title-size: 1em; --font-todoist-metadata-size: small; --cursor: default; --h4-transform: uppercase; } /* Desktop fonts */ body { /* Font families */ --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: 'JetBrains', 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); /* Font sizes */ --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); } /* 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%; } } /*---------------------------------------------------------------- THEMES ---------------------------------------------------------------- */ .theme-light { --text-normal: hsl(var(--base-h), var(--base-s), calc(var(--base-l) - 80%)); --text-muted: hsl( var(--base-h), calc(var(--base-s) - 5%), calc(var(--base-l) - 45%) ); --text-faint: hsl( var(--base-h), calc(var(--base-s) - 5%), calc(var(--base-l) - 25%) ); --text-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); --text-accent-hover: hsl( var(--accent-h), var(--accent-s), calc(var(--accent-l) - 10%) ); --text-on-accent: white; --text-selection: hsla(var(--accent-h), 50%, calc(var(--base-l) - 20%), 30%); --text-highlight-bg: var(--light-yellow-highlighter); --text-highlight-bg-active: rgba(0, 0, 0, 0.1); --background-primary: white; --background-primary-alt: hsl(var(--base-h), var(--base-s), var(--base-l)); --background-secondary: hsl(var(--base-h), var(--base-s), var(--base-l)); --background-secondary-alt: hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 2%) ); --background-tertiary: hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 7%) ); --background-modifier-border: hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 4%) ); --background-modifier-border-hover: hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 12%) ); --background-modifier-border-focus: hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 20%) ); --background-modifier-form-field: hsl( var(--base-h), var(--base-s), calc(var(--base-l) + 6%) ); --background-modifier-form-field-highlighted: hsl( var(--base-h), var(--base-s), calc(var(--base-l) + 8%) ); --background-button: white; --background-transparent: hsla( var(--base-h), var(--base-s), var(--base-l), 0 ); /* --background-translucent: rgba(255, 255, 255, 0.85); */ --background-translucent: hsla( var(--base-h), var(--base-s), calc(var(--base-l) + 0%), 0.8 ); --opacity-translucency: 1; --icon-color: var(--text-muted); --icon-hex: 000; --background-match-highlight: hsla(var(--accent-h), 40%, 62%, 0.2); --background-modifier-accent: hsl( var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%) ); --interactive-accent: hsl( var(--accent-h), var(--accent-s), calc(var(--accent-l) + 10%) ); --interactive-accent-hover: hsl( var(--accent-h), var(--accent-s), calc(var(--accent-l) - 0%) ); --interactive-accent-rgb: 220, 220, 220; --quote-opening-modifier: hsl( var(--base-h), var(--base-s), calc(var(--base-l) - 10%) ); --background-modifier-cover: hsla( var(--base-h), var(--base-s), calc(var(--base-l) - 5%), 0.7 ); --shadow-color: rgba(0, 0, 0, 0.1); /* --tag-background-color: rgb(189, 225, 211); */ --tag-background-color-l: #bde1d3; /* --tag-font-color: rgb(29, 105, 75); */ --tag-font-color-l: #1d694b; --code-color-l: #5c5c5c; --code-color: var(--code-color-l); --atom-gray-1: #383a42; --atom-gray-2: #383a42; --atom-red: #e75545; --atom-green: #4ea24c; --atom-blue: #3d74f6; --atom-purple: #a625a4; --atom-aqua: #0084bc; --atom-yellow: #e35649; --atom-orange: #986800; } .theme-dark { --text-normal: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 70%)); --text-muted: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 45%)); --text-faint: hsl(var(--base-h), var(--base-s), calc(var(--base-d) + 20%)); --text-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-d)); --text-accent-hover: hsl( var(--accent-h), var(--accent-s), calc(var(--accent-d) + 12%) ); --text-on-accent: white; --text-selection: hsla(var(--accent-h), 70%, 40%, 30%); --text-highlight-bg: var(--dark-blue-highlighter); --text-highlight-bg-active: rgba(255, 255, 255, 0.1); --background-primary: hsl(var(--base-h), var(--base-s), var(--base-d)); --background-primary-alt: hsl( var(--base-h), var(--base-s), calc(var(--base-d) - 2%) ); --background-secondary: hsl( var(--base-h), var(--base-s), calc(var(--base-d) - 2%) ); --background-secondary-alt: hsl(var(--base-h), var(--base-s), var(--base-d)); --background-tertiary: hsl( var(--base-h), var(--base-s), calc(var(--base-d) + 2%) ); --background-modifier-border: hsl( var(--base-h), var(--base-s), calc(var(--base-d) + 4%) ); --background-modifier-border-hover: hsl( var(--base-h), var(--base-s), calc(var(--base-d) + 10%) ); --background-modifier-border-focus: hsl( var(--base-h), var(--base-s), calc(var(--base-d) + 20%) ); --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); --background-button: hsl( var(--base-h), var(--base-s), calc(var(--base-d) + 2%) ); --background-transparent: hsla( var(--base-h), var(--base-s), var(--base-d), 0 ); --background-translucent: hsla( var(--base-h), var(--base-s), var(--base-d), 0.8 ); --opacity-translucency: 1; --background-match-highlight: hsla(var(--accent-h), 40%, 62%, 0.2); --background-modifier-accent: hsl( var(--accent-h), var(--accent-s), calc(var(--accent-d) - 10%) ); --icon-color: var(--text-muted); --icon-hex: FFF; --interactive-accent: hsl( var(--accent-h), var(--accent-s), calc(var(--accent-d) - 20%) ); --interactive-accent-hover: hsl( var(--accent-h), var(--accent-s), calc(var(--accent-d) - 15%) ); --quote-opening-modifier: hsl( var(--base-h), var(--base-s), calc(var(--base-d) + 10%) ); --interactive-accent-rgb: 66, 66, 66; --background-modifier-cover: hsla( var(--base-h), var(--base-s), calc(var(--base-d) - 12%), 0.8 ); --shadow-color: rgba(0, 0, 0, 0.3); --tag-background-color-d: rgb(29, 105, 75); --tag-font-color-d: var(--text-normal); --code-color-d: #a6a6a6; --code-color: var(--code-color-d); --atom-gray-1: #5c6370; --atom-gray-2: #abb2bf; --atom-red: #e06c75; --atom-orange: #d19a66; --atom-green: #98c379; --atom-aqua: #56b6c2; --atom-purple: #c678dd; --atom-blue: #61afef; --atom-yellow: #e5c07b; } /* ---------------------------------------------------------------- Desktop Styling ---------------------------------------------------------------- */ /* ---------------------- */ /* Better Live Preview */ /* ---------------------- */ .is-live-preview { padding: 0 0.5em !important; } /* Quote blocks */ .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote { border: 0 solid var(--quote-opening-modifier); border-left-width: 2px; background-color: var(--background-primary); } /* Live Preview list bullets */ body:not(.is-mobile) .markdown-source-view.mod-cm6 .list-bullet:after { left: -3px; } .mod-cm6 .HyperMD-list-line .list-bullet::after, .mod-cm6 span.list-bullet::after { line-height: 0.95em; font-size: 1.4em; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; vertical-align: middle; color: var(--text-faint); } .is-live-preview .HyperMD-header-2 { border-bottom: 2px solid var(--background-modifier-border); width: 100%; padding-bottom: 2px; } /* Temp fix to match Live Preview checkbox color */ .is-live-preview input[type='checkbox']:checked { background-color: #00a7c4 !important; } /* Align checkboxes */ .markdown-source-view.mod-cm6 .task-list-item-checkbox { vertical-align: sub !important; } /* Align collapse-indicators */ .is-live-preview .collapse-indicator.collapse-icon { top: 2px !important; } .cm-strong, strong { font-weight: var(--bold-weight) !important; } h1, h2, h3, h4 { letter-spacing: -0.02em; } h2 { border-bottom: 2px solid var(--background-modifier-border); width: 100%; padding-bottom: 2px; } .popover, .vertical-tab-content-container, .workspace-leaf-content[data-type='markdown'] { font-family: var(--text); } body, input, button, .markdown-preview-view, .cm-s-obsidian .cm-formatting-hashtag, .cm-s-obsidian { font-size: var(--font-adaptive-normal); font-weight: var(--normal-weight); line-height: var(--line-height); -webkit-font-smoothing: subpixel-antialiased; } .markdown-source-view.mod-cm6 .cm-scroller, .markdown-source-view, .cm-s-obsidian .cm-formatting-hashtag, .cm-s-obsidian, .cm-s-obsidian span.cm-formatting-task { 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-monospace); /* Editor task is monospace */ line-height: var(--line-height); } .cm-formatting-strong, .cm-formatting-em, .cm-formatting.cm-formatting-quote { color: var(--text-faint) !important; font-weight: var(--normal-weight); opacity: 0.8; letter-spacing: -0.02em; } .cm-formatting-header, .cm-s-obsidian .cm-formatting-header.cm-header-1, .cm-s-obsidian .cm-formatting-header.cm-header-2, .cm-s-obsidian .cm-formatting-header.cm-header-3, .cm-s-obsidian .cm-formatting-header.cm-header-4, .cm-s-obsidian .cm-formatting-header.cm-header-5, .cm-s-obsidian .cm-formatting-header.cm-header-6 { color: var(--text-faint); font-weight: var(--bold-weight); opacity: 0.8; letter-spacing: -0.02em; } .view-header-title, .file-embed-title, .markdown-embed-title { letter-spacing: -0.02em; text-align: left; font-size: 1.125em; padding: 10px; } .empty-state-title, .markdown-preview-view h1, .HyperMD-header-1 .cm-header-1, .cm-s-obsidian .cm-header-1 { letter-spacing: -0.02em; line-height: 1.3; font-size: var(--h1) !important; color: var(--h1-color); font-weight: var(--h1-weight) !important; } .markdown-preview-view h2, .HyperMD-header-2 .cm-header-2, .cm-s-obsidian .cm-header-2 { letter-spacing: -0.02em; line-height: 1.3; font-size: var(--h2) !important; color: var(--h2-color); font-weight: var(--h2-weight) !important; } .markdown-preview-view h3, .HyperMD-header-3 .cm-header-3, .cm-s-obsidian .cm-header-3 { letter-spacing: -0em; line-height: 1.4; font-size: var(--h3) !important; color: var(--h3-color); font-weight: var(--h3-weight) !important; } .markdown-preview-view h4, .HyperMD-header-4 .cm-header-4, .cm-s-obsidian .cm-header-4 { letter-spacing: 0.02em; font-size: var(--h4) !important; color: var(--h4-color); font-weight: var(--h4-weight) !important; text-transform: var(--h4-transform); } .markdown-preview-view h5, .HyperMD-header-5 .cm-header-5, .cm-s-obsidian .cm-header-5 { letter-spacing: 0.02em; font-size: var(--h5) !important; color: var(--h5-color); font-weight: var(--h5-weight) !important; } .markdown-preview-view h6, .HyperMD-header-6 .cm-header-6, .cm-s-obsidian .cm-header-6 { letter-spacing: 0.02em; font-size: var(--h6) !important; color: var(--h6-color); font-weight: var(--h6-weight) !important; } .markdown-preview-view mark { margin: 0 -0.05em; padding: 0.125em 0.15em; border-radius: 0.2em; -webkit-box-decoration-break: clone; box-decoration-break: clone; } /* --------------- */ /* Highlight styles */ /* --------------- */ span.cm-highlight { padding: 0.1em 0; border-radius: 0.2em; -webkit-box-decoration-break: clone; box-decoration-break: clone; } span.cm-formatting-highlight { /*margin: 0 0 0 -0.4em;*/ padding-left: 0.15em; padding-right: 0em; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .cm-highlight + span.cm-formatting-highlight { padding-left: 0em; padding-right: 0.15em; -webkit-box-decoration-break: clone; box-decoration-break: clone; } /* --------------- */ /* Tags */ /* --------------- */ .theme-light .frontmatter-container .tag, .theme-light a.tag { background-color: var(--tag-background-color-l); color: var(--tag-font-color-l); font-size: var(--font-adaptive-small); font-weight: 500; padding: 3px 8px; text-align: center; text-decoration: none; border-radius: 20px; } .theme-light a.tag:hover { color: var(--text-normal); border-color: var(--background-modifier-border-hover); } .theme-dark .frontmatter-container .tag, .theme-dark a.tag { background-color: var(--tag-background-color-d); color: var(--tag-font-color-d); font-size: var(--font-adaptive-small); font-weight: 500; padding: 3px 8px; text-align: center; text-decoration: none; border-radius: 20px; } .theme-dark a.tag:hover { color: var(--text-normal); border-color: var(--background-modifier-border-hover); } .theme-light .cm-s-obsidian span.cm-hashtag { background-color: var(--tag-background-color-l); color: var(--tag-font-color-l); font-size: var(--font-adaptive-small); font-weight: 500; text-align: center; text-decoration: none; padding-top: 3px; padding-bottom: 3px; border-left: none; border-right: none; cursor: text; } .theme-dark .cm-s-obsidian span.cm-hashtag { background-color: var(--tag-background-color-d); color: var(--tag-font-color-d); font-size: var(--font-adaptive-small); font-weight: 500; text-align: center; text-decoration: none; padding-top: 3px; padding-bottom: 3px; border-left: none; border-right: none; cursor: text; } span.cm-hashtag.cm-hashtag-begin { border-top-left-radius: 14px; border-bottom-left-radius: 14px; padding-top: 2px !important; padding-bottom: 2px !important; padding-left: 8px; border-right: none; border-left: 1px solid var(--background-modifier-border); } span.cm-hashtag.cm-hashtag-end { border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-left: none; padding-right: 8px; border-right: 1px solid var(--background-modifier-border); } /* --------------- */ /* Image zoom */ /* --------------- */ /* Image cards */ img { border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); background-color: var(--background-secondary); /* Background color so PNGs with transparent backgrounds don't look weird */ } .full-width-media .markdown-preview-view .image-embed img:not([width]), .full-width-media .markdown-preview-view audio, .full-width-media .markdown-preview-view video { width: 100%; } .view-content .markdown-preview-view img { max-width: 100%; cursor: zoom-in; } body:not(.is-mobile) .view-content .markdown-preview-view img[referrerpolicy='no-referrer']:active, body:not(.is-mobile) .view-content .image-embed:active { cursor: zoom-out; display: block; z-index: 100; position: fixed; max-height: calc(100% + 1px); max-width: calc(100% - 20px); height: calc(100% + 1px); width: 100%; object-fit: contain; margin: -0.5px auto 0; text-align: center; padding: 0; left: 0; right: 0; bottom: 0; background: var(--background-translucent); } body:not(.is-mobile) .view-content .markdown-preview-view img[referrerpolicy='no-referrer']:active { padding: 2.5%; } body:not(.is-mobile) .view-content .markdown-preview-view .image-embed:active img { top: 50%; transform: translateY(-50%); padding: 0; margin: 0 auto; width: auto; max-height: 95vh; left: 0; right: 0; bottom: 0; position: absolute; opacity: 1; } .theme-dark span[src$='#invert'] img { filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; } /* --------------- */ /* Modals */ /* --------------- */ .modal { border: none; background: var(--background-primary); border-radius: 10px; overflow: hidden; padding: 20px 20px 10px; } .modal.mod-settings .vertical-tab-content-container { border-left: 1px solid var(--background-modifier-border); padding-bottom: 0; padding-right: 0; } .modal.mod-settings, .modal.mod-settings .vertical-tab-container { max-width: 1000px; width: 60vw; min-height: 20vh; width: 90vw; height: 100vh; max-height: 80vh; overflow-y: hidden; border: 1px solid var(--background-modifier-border) !important; } .modal.mod-settings .vertical-tab-content-container, .modal.mod-settings .vertical-tab-header { height: 80vh; } body .modal.mod-community-theme { max-width: 1000px; border: 1px solid var(--background-modifier-border); overflow: hidden; } .modal.mod-community-theme { padding: 0; } body:not(.is-mobile) .theme-list .community-theme { width: 100%; padding: 18px; border: 1px solid var(--background-modifier-border); } .modal.mod-community-theme .modal-content { padding: 30px; } .modal-title { text-align: left; font-size: var(--h2); line-height: 1.4; padding-bottom: 0; } .modal-content { margin-top: 0px; padding: 0; } .modal-content .u-center-text { text-align: left; font-size: 13px; } .community-plugin-name, .modal.mod-settings .vertical-tab-content-container, .setting-item-name { font-size: var(--font-settings); line-height: 1.4; } .community-plugin-downloads, .community-plugin-item .community-plugin-author, .community-plugin-item .community-plugin-desc, .community-plugin-search-summary, .setting-item-description { font-size: var(--font-settings-small); line-height: 1.4; font-weight: 400; } .setting-item-description { padding-top: 4px; } .setting-item-control button, button { font-size: var(--font-inputs); font-weight: 400; } .modal button, .modal button.mod-cta a, button.mod-cta { font-size: var(--font-settings-small); margin-right: 3px; margin-left: 3px; } .dropdown, body .addChoiceBox #addChoiceTypeSelector { font-size: var(--font-settings-small); } .progress-bar-message { color: var(--text-faint); } input.prompt-input { border: 0; background: var(--background-primary); box-shadow: none !important; padding-left: 10px; height: 40px; line-height: 4; font-size: var(--font-adaptive-normal); } input.prompt-input:hover { border: 0; background: var(--background-primary); padding-left: 10px; line-height: 4; } .suggestion-item { cursor: var(--cursor); padding-left: 10px; } .suggestion-flair { left: auto; right: 16px; opacity: 0.25; } .prompt-results .suggestion-flair .filled-pin { display: none; } .theme-light .modal-container .suggestion-item.is-selected { border-radius: 6px; background: var(--background-tertiary); } .theme-dark .modal-container .suggestion-item.is-selected { border-radius: 6px; background: var(--blue); } .menu-item { margin-bottom: 1px; } .suggestion-item.is-selected, .menu-item:hover:not(.is-disabled):not(.is-label), .menu-item:hover { background: var(--background-tertiary); } .suggestion-item, .suggestion-empty { font-size: var(--font-adaptive-normal); } .modal, .prompt, .suggestion-container { box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); } .prompt-instructions { color: var(--text-muted); padding: 10px; } .prompt-instruction-command { font-weight: 600; } .prompt { padding-bottom: 0; } .prompt-results { padding-bottom: 10px; } .menu { padding: 6px; } .menu-item { font-size: var(--font-adaptive-small); border-radius: 5px; padding: 2px 12px 3px 10px; height: 26px; cursor: var(--cursor); line-height: 20px; } .menu-separator { margin: 6px -5px; } .menu-item-icon svg { width: 12px; height: 12px; } .menu-item-icon { width: 24px; } /* --------------- */ /* Sync */ /* --------------- */ .sync-history-content { font-size: var(--font-adaptive-small); border: none; padding: 20px 40px 20px 20px; } .sync-history-content-container { padding: 0; } .sync-history-content-container .modal-button-container { margin: 0; padding: 10px 5px; border-top: 1px solid var(--background-modifier-border); background-color: var(--background-primary); text-align: center; } .sync-history-list-container { flex-basis: 220px; } .sync-history-list { padding: 10px; border-right: 1px solid var(--background-modifier-border); background-color: var(--background-secondary); } .sync-history-list-item { border-radius: 4px; padding: 4px 8px; margin-bottom: 4px; font-size: var(--font-adaptive-small); cursor: var(--cursor); } .sync-history-list-item.is-active, .sync-history-list-item:hover { background-color: var(--background-tertiary); } /* --------------- */ /* YAML Front matter */ /* --------------- */ .theme-dark pre.frontmatter[class*='language-yaml'], .theme-light pre.frontmatter[class*='language-yaml'] { padding: 0 0 0px 0; background: transparent; font-family: var(--text); line-height: 1.2; border-radius: 0; border-bottom: 0px solid var(--background-modifier-border); } .markdown-preview-view .table-view-table > thead > tr > th { border-color: var(--background-modifier-border); } .theme-dark .frontmatter .token, .theme-light .frontmatter .token, .markdown-preview-section .frontmatter code { font-family: var(--text); } .markdown-source-view .cm-s-obsidian .cm-hmd-frontmatter { font-family: var(--font-monospace); } /* --------------- */ /* Drag ghost */ /* --------------- */ body.is-dragging { cursor: grabbing; cursor: -webkit-grabbing; } .workspace-drop-overlay:before, .mod-drag, .drag-ghost { opacity: 100; border-radius: 0 !important; } .mod-drag { opacity: 0; border: 2px solid var(--text-accent); background-color: var(--background-primary); } .view-header.is-highlighted:after { background-color: var(--text-selection); } .view-header.is-highlighted .view-actions { background: transparent; } /* --------------- */ /* Workspace */ /* --------------- */ .empty-state { background-color: var(--background-primary); text-align: center; } .workspace-split.mod-vertical > .workspace-split { padding: 0; } .workspace-split .workspace-tabs { background: var(--background-primary); } .workspace-split:not(.mod-right-split) .workspace-tabs { background: var(--background-secondary); } .workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content, .workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content { border-top-right-radius: 0px; border-top-left-radius: 0px; } .workspace-split.mod-root.mod-horizontal .workspace-leaf-resize-handle, .workspace-split.mod-root.mod-vertical .workspace-leaf-resize-handle { border-width: 1px; } .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle { height: 2px; background: transparent; border-bottom: var(--border-width-alt) solid var(--background-modifier-border); } .workspace-split.mod-right-split > .workspace-leaf-resize-handle { background: transparent; border-left: var(--border-width-alt) solid var(--background-modifier-border); width: 3px !important; } .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle { border-right: var(--border-width) solid var(--background-modifier-border); width: 2px !important; background: transparent; } .workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover, .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:hover, .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:hover, .workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover { border-color: var(--background-modifier-border-hover); transition: border-color 0.1s ease-in-out 0.05s, border-width 0.1s ease-in-out 0.05s; border-width: 3px; } .workspace-split.mod-right-split > .workspace-leaf-resize-handle:active, .workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active, .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active, .workspace-split.mod-left-split > .workspace-leaf-resize-handle:active { border-color: var(--background-modifier-border-focus); border-width: 3px; } .workspace-tab-container-before, .workspace-tab-container-after { width: 0; } .workspace-leaf { border-left: 0px; } .mod-horizontal .workspace-leaf { border-bottom: 0px; background-color: transparent; box-shadow: none !important; } .workspace-tab-header.is-before-active .workspace-tab-header-inner, .workspace-tab-header.is-active, .workspace-tab-header.is-after-active, .workspace-tab-header.is-after-active .workspace-tab-header-inner, .workspace-tab-header.is-before-active, .workspace-tab-header.is-after-active { background: transparent; } .workspace-tabs { border: 0; padding-right: 0; font-size: 100%; } .workspace-tab-header-container { border: 0 !important; height: 40px; background-color: transparent; } /* --------------- */ /* Workspace Icons */ /* --------------- */ .nav-action-button svg { width: 25px; height: 15px; } .workspace-ribbon-collapse-btn svg path { stroke-width: 3px; } .nav-action-button svg path { stroke-width: 2px; } .clickable-icon { cursor: var(--cursor); } .view-header-icon, .workspace-tab-header, .nav-action-button, .side-dock-ribbon-tab, .view-action { background: transparent; color: var(--text-muted); opacity: var(--icon-muted); transition: opacity 0.1s ease-in-out; cursor: var(--cursor); } .view-header-icon { opacity: 0; } .is-mobile.show-mobile-hamburger .view-header-icon { opacity: 1; transform: scale(1.4); padding: 0px 15px; top: 5px; } .workspace-leaf-content[data-type='search'] .nav-action-button.is-active, .workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active, .workspace-leaf-content[data-type='tag'] .nav-action-button.is-active, .workspace-tab-header.is-active, .workspace-leaf-content[data-type='search'] .nav-action-button.is-active { background: transparent; color: var(--text-muted); opacity: 1; transition: opacity 0.1s ease-in-out; } .view-action:hover, .view-header-icon:hover, .nav-action-button:hover, .workspace-tab-header:hover, .side-dock-ribbon-tab:hover, .side-dock-ribbon-action:hover { background: transparent; color: var(--text-muted); opacity: 1; transition: opacity 0 ease-in-out; } .workspace-leaf-content[data-type='search'] .nav-action-button.is-active { background: transparent; } .nav-action-button, .workspace-leaf-content[data-type='search'] .nav-action-button, .workspace-leaf-content[data-type='backlink'] .nav-action-button { padding: 0 4px 0 8px; margin: 0; } /* --------------- */ /* Workspace Tabs */ /* --------------- */ .workspace-tab-header-container { height: unset; padding: 5px 10px 0px 10px; margin: 5px 0; } .theme-light .workspace-tab-header.is-active { box-shadow: 0px 0px 1px 1px inset var(--background-tertiary); background-color: var(--background-primary); border-radius: 6px; } .theme-dark .workspace-tab-header.is-active { box-shadow: 0px 0px 0px 1px inset var(--background-secondary); background-color: var(--background-tertiary); border-radius: 6px; } .workspace-tab-container-before.is-before-active, .workspace-tab-container-after.is-after-active, .workspace-tab-header.is-before-active, .workspace-tab-header.is-after-active { background: transparent; } /* --------------- */ /* Workspace slider */ /* --------------- */ .theme-light .workspace-tab-container-inner { border-radius: 10px; background-color: var(--background-secondary-alt) !important; border: 1px solid var(--background-tertiary); display: flex; justify-content: center; align-items: center; stroke-width: 0; } .theme-dark .workspace-tab-container-inner { border-radius: 10px; background-color: var(--background-secondary) !important; border: 1px solid var(--background-tertiary); display: flex; justify-content: center; align-items: center; stroke-width: 0; } .workspace-tab-header { background-color: transparent; border-radius: 10px !important; } .workspace-tab-header-inner { padding: 6px 15px; } .workspace-tab-header-inner-icon { display: flex; justify-content: center; align-items: center; } /* --------------- */ /* Window frame */ /* --------------- */ body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) { --titlebar-height: 28px; padding-top: var(--titlebar-height) !important; } body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) .titlebar { background: var(--background-secondary); border-bottom: var(--border-width) solid var(--background-modifier-border); height: var(--titlebar-height) !important; top: 0 !important; padding-top: 0 !important; } body.hider-frameless .titlebar { border-bottom: none; } .mod-windows .titlebar-button:hover { background-color: var(--background-primary-alt); } .mod-windows .titlebar-button.mod-close:hover { background-color: var(--background-modifier-error); } .mod-windows .mod-close:hover svg { fill: white !important; stroke: white !important; } .titlebar-button-container { height: var(--titlebar-height); top: 0; display: flex; align-items: center; } .titlebar:hover .titlebar-button-container.mod-left { opacity: 1; } .titlebar-text { display: none; padding-top: 5px; color: var(--text-faint); letter-spacing: inherit; } .titlebar-button:hover { opacity: 1; transition: opacity 100ms ease-out; } .titlebar-button { opacity: 1; cursor: var(--cursor); color: var(--text-muted); padding: 2px 4px; border-radius: 3px; line-height: 1; display: flex; } .titlebar-button:hover { background-color: var(--background-tertiary); } .titlebar-button-container.mod-left .titlebar-button { margin-right: 5px; } .titlebar-button-container.mod-right .titlebar-button { margin-left: 0; border-radius: 0; height: 100%; align-items: center; padding: 2px 15px; } /* --------------- */ /* Title Bar */ /* --------------- */ .view-actions { margin-right: 10px; z-index: 15; background: var(--background-primary); } .view-header { height: 40px; } .view-header-title { padding: 0; } .workspace-leaf-header, .view-header { background-color: var(--background-primary) !important; border: none !important; } .view-header-title-container:after { display: none; } /* --------------- */ /* Full borders */ /* --------------- */ body.full-borders .view-header { border-bottom: 1px solid var(--background-modifier-border) !important; } body.full-borders .side-dock-ribbon { border-right: 1px solid var(--background-modifier-border) !important; } /* --------------- */ /* Custom line width */ /* --------------- */ .markdown-preview-view.is-readable-line-width .markdown-preview-sizer { max-width: var(--max-width); width: var(--line-width-adaptive); } .is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-content { max-width: var(--line-width-adaptive); } .markdown-source-view.is-readable-line-width .CodeMirror { padding-left: 0; padding-right: 0; margin: 0 auto 0 auto; width: var(--line-width-adaptive); max-width: var(--max-width); } .view-header-title-container { padding-left: 0; padding-right: 0; position: absolute; max-width: var(--max-width); width: var(--line-width-adaptive); margin: 0 auto; left: 0; right: 0; } /* --------------- */ /* EDITOR MODE */ /* --------------- */ /* Fancy cursor */ /* .CodeMirror-cursor, .cm-s-obsidian .cm-cursor { border: none; border-right: 2px solid var(--text-accent); } */ .markdown-source-view.mod-cm6, .markdown-source-view.mod-cm5, .markdown-source-view { padding: 0; } .cm-s-obsidian .CodeMirror-code { padding-right: 0; } .CodeMirror-lines { padding-bottom: 170px; } .cm-s-obsidian pre.HyperMD-list-line { padding-top: 0; } .workspace .markdown-preview-view { padding: 0; } .workspace .markdown-preview-view .markdown-embed { margin: 0; } .workspace .markdown-preview-view .markdown-embed-content { max-height: none; } .markdown-embed-title, .internal-embed .markdown-preview-section { max-width: 100%; } .cm-s-obsidian .HyperMD-header, .cm-s-obsidian pre.HyperMD-header { /* Commenting to better align header and content */ /* padding-left: 0 !important; */ font-size: 1em !important; } .CodeMirror-linenumber { font-size: var(--font-adaptive-small) !important; font-feature-settings: 'tnum'; color: var(--text-faint); padding-top: 3px; } .cm-s-obsidian span.cm-url, .cm-s-obsidian span.cm-url:hover { color: var(--text-accent); } .cm-s-obsidian span.cm-link { color: var(--text-muted); } .cm-s-obsidian span.cm-hmd-internal-link { color: var(--text-accent) !important; } .cm-s-obsidian span.cm-formatting-link { color: var(--text-faint) !important; } /* Mermaid */ .mermaid svg { width: 100%; } /* Transcluded notes and embeds */ .markdown-preview-view.is-readable-line-width .markdown-embed .markdown-preview-sizer { max-width: 100%; width: 100%; } .markdown-embed h1:first-child { margin-block-start: 0em; } .markdown-preview-view .markdown-embed { margin-top: var(--nested-padding); padding: 0 calc(var(--nested-padding) / 2) 0 var(--nested-padding); } .markdown-embed-title { /* Remove height to fix cutoff bug */ /* height: 24px; */ line-height: 18px; } .markdown-embed .markdown-preview-sizer:first-child ul { margin-block-start: 2px; } .markdown-embed .markdown-preview-section:last-child p, .markdown-embed .markdown-preview-section:last-child ul { margin-block-end: 2px; } .internal-embed:not([src*='#^']) .markdown-embed-link { left: 0; width: 100%; } .markdown-embed-link, .file-embed-link { top: 0px; right: 0; text-align: right; } .file-embed-link svg, .markdown-embed-link svg { width: 20px; opacity: 0; } .markdown-embed:hover .file-embed-link svg, .markdown-embed:hover .markdown-embed-link svg { opacity: 1; } .markdown-preview-view .markdown-embed-content > .markdown-preview-view { max-height: none !important; } .markdown-embed .markdown-preview-view { padding: 0; } .internal-embed .markdown-embed { border: 0; border-left: 2px solid var(--quote-opening-modifier); border-radius: 0; } /* Embedded Searches */ .markdown-preview-view .internal-query.is-embed { border-top: none; border-bottom: none; } .markdown-preview-view .internal-query.is-embed .internal-query-header { justify-content: start; } .markdown-preview-view .internal-query.is-embed .internal-query-header-title { font-weight: 500; color: var(--text-normal); font-size: var(--h2); } .internal-query.is-embed .search-result-file-matches { border-bottom: 0; } /* Editor Mode Footnotes */ .cm-s-obsidian span.cm-footref { font-size: var(--font-adaptive-normal); } .cm-s-obsidian pre.HyperMD-footnote { font-size: var(--font-adaptive-small); padding-left: 20px; } /* Editor Mode Tables */ .CodeMirror pre.HyperMD-table-row { font-size: calc(var(--font-adaptive-normal) - 1px); font-family: var(--font-monospace) !important; } /* Editor Mode Lists */ .cm-formatting-list { color: var(--text-faint) !important; } /* Editor Mode Quotes */ span.cm-formatting.cm-formatting-quote { color: var(--text-faint) !important; } /* --------------- */ /* Internal search */ /* --------------- */ .is-flashing { border-radius: 2px; box-shadow: 0 2px 0 8px var(--text-highlight-bg); transition: all 0s ease-in-out; } .is-flashing .tag { border-color: var(--text-highlight-bg-active); } .suggestion-container.mod-search-suggestion { max-width: 280px; } .mod-search-suggestion .suggestion-item { font-size: var(--font-adaptive-small); } .mod-search-suggestion .clickable-icon { margin: 0; } .search-suggest-item.mod-group { font-size: var(--font-adaptive-smaller); } .cm-s-obsidian span.obsidian-search-match-highlight { background: inherit; background: var(--text-highlight-bg); padding-left: 0; padding-right: 0; } .markdown-preview-view .search-highlight > div { box-shadow: 0 0 0px 2px var(--text-normal); border-radius: 2px; background: transparent; } .markdown-preview-view .search-highlight > div { opacity: 0.4; } .markdown-preview-view .search-highlight > div.is-active { background: transparent; border-radius: 2px; opacity: 1; mix-blend-mode: normal; box-shadow: 0 0 0px 3px var(--text-accent); } .document-search-container.mod-replace-mode { height: 90px; } .document-search-button, .document-search-close-button { cursor: var(--cursor); } .document-search-close-button:before { font-weight: 200; } body .document-search-container { margin-top: 12px; padding: 0; height: 38px; background-color: var(--background-primary); border-top: none; width: 100%; } .markdown-reading-view.is-searching, .markdown-source-view.is-replacing, .markdown-source-view.is-searching { flex-direction: column-reverse; } input.document-search-input, input.document-replace-input { margin-top: 2px; font-size: var(--font-adaptive-small) !important; border: 1px solid var(--background-modifier-border); border-radius: 5px; height: 28px !important; background: var(--background-primary); transition: border-color 0.1s ease-in-out; } input.document-search-input:hover, input.document-replace-input:hover { border: 1px solid var(--background-modifier-border-hover); background: var(--background-primary); transition: border-color 0.1s ease-in-out; } input.document-search-input:focus, input.document-replace-input:focus { border: 1px solid var(--background-modifier-border-focus); background: var(--background-primary); transition: all 0.1s ease-in-out; } .document-search-button { font-size: var(--font-adaptive-small); } /* --------------- */ /* Sidebar documents */ /* --------------- */ .workspace > .workspace-split:not(.mod-root) .CodeMirror, .workspace > .workspace-split:not(.mod-root) .markdown-preview-view { font-size: var(--font-adaptive-small); line-height: 1.2; } .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type='markdown'] .markdown-preview-view { padding: 0 15px; } .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type='markdown'] .markdown-embed .markdown-preview-view { padding: 0; } .workspace > .workspace-split:not(.mod-root) .CodeMirror, .workspace > .workspace-split:not(.mod-root) .markdown-preview-section, .workspace > .workspace-split:not(.mod-root) .markdown-preview-sizer { max-width: 100%; padding: 0; width: auto; } /* Hide embed styling for sidebar documents */ .workspace > .workspace-split:not(.mod-root) .internal-embed .markdown-embed { border: none; padding: 0; } .workspace > .workspace-split:not(.mod-root) .CodeMirror-sizer { padding-left: 10px; } /* --------------- */ /* Turn off file name trimming */ /* --------------- */ .full-file-names .tree-item-inner, .full-file-names .nav-file-title-content, .full-file-names .search-result-file-title { text-overflow: unset; white-space: normal; line-height: 1.4; } .full-file-names .nav-file-title { margin-bottom: 3px; } /* --------------- */ /* Form inputs */ /* --------------- */ input[type='email'], input[type='number'], input[type='password'], input[type='search'], /* input[type='text'], */ textarea { font-size: var(--font-inputs); } textarea { padding: 5px 10px; transition: all 0.1s linear; line-height: 1.3; -webkit-appearance: none; } input[type='text'], input[type='search'], input[type='email'], input[type='password'], input[type='number'] { padding: 5px 10px; transition: all 0.1s linear; height: var(--input-height); -webkit-appearance: none; } textarea:hover, select:hover, input:hover { border-color: var(--background-modifier-border-hover); transition: all 0.1s linear; } textarea:active, textarea:focus, button:active, button:focus, .dropdown:focus, .dropdown:active, select:focus, select:active, input[type='text']:active, input[type='search']:active, input[type='email']:active, input[type='password']:active, input[type='number']:active, input[type='text']:focus, input[type='search']:focus, input[type='email']:focus, input[type='password']:focus, input[type='number']:focus { -webkit-appearance: none; border-color: var(--background-modifier-border-hover); } body:not(.is-mobile) textarea:active, body:not(.is-mobile) textarea:focus, body:not(.is-mobile) button:active, body:not(.is-mobile) button:focus, body:not(.is-mobile) .dropdown:focus, body:not(.is-mobile) .dropdown:active, body:not(.is-mobile) select:focus, body:not(.is-mobile) select:active, body:not(.is-mobile) input:focus { box-shadow: 0 0 0px 2px var(--background-modifier-border-hover); } .modal.mod-settings button:not(.mod-cta):not(.mod-warning), .modal button:not(.mod-warning), .modal.mod-settings button:not(.mod-warning) { background-color: var(--background-button); color: var(--text-normal); border: 1px solid var(--background-modifier-border); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05); cursor: var(--cursor); height: var(--input-height); line-height: 0; white-space: nowrap; } button:hover, .modal button:not(.mod-warning):hover, .modal.mod-settings button:not(.mod-warning):hover { box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05); background-color: var(--background-button); border-color: var(--background-modifier-border-hover); } .dropdown, select { box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05); background-color: var(--background-button); border-color: var(--background-modifier-border); transition: border-color 0.1s linear; } .dropdown:hover, select:hover { background-color: var(--background-button); box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.05); } /* --------------- */ /* Checkboxes */ /* --------------- */ input[type='checkbox'] { -webkit-appearance: none; appearance: none; border-radius: 30%; border: 2px solid var(--background-modifier-border-hover); padding: 0; } input[type='checkbox']:focus, input[type='checkbox']:hover { outline: 0; border-color: var(--text-faint); } .checklist-plugin-main .group .compact > .toggle .checked, .is-flashing input[type='checkbox']:checked, input[type='checkbox']:checked { background-color: var(--blue) !important; /* border: 2px solid var(--blue); */ border: none; background-position: center; background-size: 70%; background-repeat: no-repeat; background-image: url('data:image/svg+xml; utf8, '); } .markdown-preview-section > .contains-task-list { padding-bottom: 0.5em; } .markdown-preview-view ul > li.task-list-item.is-checked, .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='x'], .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task='X'] { text-decoration: none; } .markdown-preview-view .task-list-item-checkbox { width: 16px; height: 16px; position: relative; top: 6px; line-height: 0; margin-left: -1.5em; margin-right: 6px; filter: none; } .markdown-preview-view ul > li.task-list-item { text-indent: 0; line-height: 1.4; } .markdown-preview-view .task-list-item { padding-inline-start: 0; } .side-dock-plugin-panel-inner { padding-right: 6px; padding-left: 6px; } /* --------------- */ /* Toggle switches */ /* --------------- */ .checkbox-container { background-color: var(--background-modifier-border-hover); box-shadow: inset 0 0px 1px 0px rgba(0, 0, 0, 0.2); border: none; width: 40px; height: 24px; cursor: var(--cursor); } .checkbox-container:after { background: white; border: none; margin: 3px 0 0 0; height: 18px; width: 18px; border-radius: 26px; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1); transition: all 0.1s linear; } .checkbox-container:hover:after { box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1); transition: all 0.1s linear; } .checkbox-container.is-enabled { border-color: var(--interactive-accent); } /* --------------- */ /* File browser */ /* --------------- */ .nav-header { padding: 0; } .nav-buttons-container { padding: 10px 5px 0px 5px; margin-bottom: 0px !important; justify-content: flex-start; border: 0; } .nav-files-container { overflow-x: hidden; padding-bottom: 50px; padding-left: 5px; } .nav-folder-title { margin: 0 0 0 8px; min-width: auto; width: calc(100% - 16px); padding: 0 10px 0 16px; line-height: 1.5; cursor: var(--cursor); } .nav-folder-children .nav-folder-children { margin-left: 20px; padding-left: 0; border-left: 1px solid var(--background-modifier-border); } .nav-folder.mod-root > .nav-folder-title.is-being-dragged-over { background-color: var(--text-selection); } .nav-folder-title.is-being-dragged-over { background-color: var(--text-selection); border-color: var(--text-selection); border-radius: 6px; border: 1px solid transparent; } .nav-folder-title-content { padding: 0px 4px 1px 0; font-weight: 600; } .nav-folder-collapse-indicator { top: 1px; margin-left: -10px; } .nav-file { margin-left: 12px; padding-right: 4px; } .workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title, .workspace-leaf.mod-active .nav-file.has-focus { border: 1px solid transparent; } .nav-file-title { width: calc(100% - 30px); margin: 0 8px 0 -4px; padding: 2px 2px; border-width: 0; line-height: 1.6; border-color: var(--background-secondary); border-radius: 6px; cursor: var(--cursor); } .nav-file-title.is-being-dragged, .nav-file-title.is-active, body:not(.is-grabbing) .nav-file-title.is-active:hover { background-color: var(--background-tertiary); color: var(--text-normal); } .nav-file-title-content { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; vertical-align: middle; cursor: var(--cursor); } .drop-indicator { border-width: 1px; } .nav-file-icon { margin: 1px 0 0 0; vertical-align: bottom; padding: 0 0 0 5px; } .workspace-leaf-content[data-type='starred'] .nav-file-title-content { width: calc(100% - 15px); } body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator, body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator, body:not(.is-grabbing) .nav-file-title:hover, body:not(.is-grabbing) .nav-folder-title:hover { background: transparent; } /* Tooltip */ .tooltip { font-size: var(--font-adaptive-small); line-height: 1.2; padding: 4px 8px; border-radius: 4px; } /* Sidebar font size */ .nav-file-title, .tree-item-self, .nav-folder-title, .is-collapsed .search-result-file-title, .tag-pane-tag { font-size: var(--font-adaptive-small); color: var(--text-muted); } .search-result-file-title { font-size: var(--font-adaptive-small); color: var(--text-normal); font-weight: var(--normal-weight); } .side-dock-collapsible-section-header { font-size: var(--font-adaptive-small); color: var(--text-muted); cursor: var(--cursor); margin-right: 0; margin-left: 0; } .side-dock-collapsible-section-header:hover, .side-dock-collapsible-section-header:not(.is-collapsed) { color: var(--text-muted); background: transparent; } .tree-view-item-self:hover .tree-view-item-collapse, .collapsible-item-self.is-clickable:hover { color: var(--text-muted); background: transparent; cursor: var(--cursor); } .collapsible-item-self.is-clickable { cursor: var(--cursor); } .search-result-collapse-indicator svg, .search-result-file-title:hover .search-result-collapse-indicator svg, .side-dock-collapsible-section-header-indicator:hover svg, .side-dock-collapsible-section-header:hover .side-dock-collapsible-section-header-indicator svg, .markdown-preview-view .collapse-indicator svg, .tree-view-item-collapse svg, .is-collapsed .search-result-collapse-indicator svg, .nav-folder-collapse-indicator svg, .side-dock-collapsible-section-header-indicator svg, .is-collapsed .side-dock-collapsible-section-header-indicator svg { color: var(--text-faint); cursor: var(--cursor); } .search-result-collapse-indicator, .search-result-file-title:hover .search-result-collapse-indicator, .side-dock-collapsible-section-header-indicator:hover, .side-dock-collapsible-section-header:hover .side-dock-collapsible-section-header-indicator, .markdown-preview-view .collapse-indicator, .tree-view-item-collapse, .is-collapsed .search-result-collapse-indicator, .nav-folder-collapse-indicator, .side-dock-collapsible-section-header-indicator, .is-collapsed .side-dock-collapsible-section-header-indicator { color: var(--text-faint); cursor: var(--cursor); } .nav-folder-title.is-being-dragged-over .nav-folder-collapse-indicator svg { color: var(--text-normal); } /* --------------- */ /* Relationship lines */ /* --------------- */ /* Relationship lines in Preview */ ul { position: relative; } .markdown-preview-view ul ul::before { content: ''; border-right: 1px solid var(--background-modifier-border); position: absolute; left: -0.85em !important; top: 0; bottom: 0; } .markdown-preview-view ul.contains-task-list::before { top: 5px; } .markdown-preview-view .task-list-item-checkbox { margin-left: -1.3em; } /* Relationship lines in Edit mode */ .cm-hmd-list-indent > .cm-tab { display: inline-block; } .cm-hmd-list-indent > .cm-tab:after { content: ' '; display: block; width: 1px; position: absolute; top: 1px; border-right: 1px solid var(--background-modifier-border); height: 100%; } /* --------------- */ /* Folding offset */ /* --------------- */ /* Add padding to account for gutter in Edit mode when folding is on */ body:not(.plugin-sliding-panes-rotate-header) .view-header-title, .allow-fold-headings.markdown-preview-view .markdown-preview-sizer, .allow-fold-lists.markdown-preview-view .markdown-preview-sizer { padding: 0 8px 0 16px; } .allow-fold-lists.markdown-preview-view .markdown-embed .markdown-preview-sizer { padding-left: 0; } .is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-gutters, .is-mobile .markdown-source-view.mod-cm6.is-readable-line-width .cm-content { transform: translateX(-10px) !important; } .CodeMirror-sizer { padding-right: 12px !important; } /* Folding icons in Preview */ .markdown-preview-view .heading-collapse-indicator.collapse-indicator svg, .markdown-preview-view ol > li .collapse-indicator svg, .markdown-preview-view ul > li .collapse-indicator svg { opacity: 0; } h1:hover .heading-collapse-indicator.collapse-indicator svg, h2:hover .heading-collapse-indicator.collapse-indicator svg, h3:hover .heading-collapse-indicator.collapse-indicator svg, h4:hover .heading-collapse-indicator.collapse-indicator svg, h5:hover .heading-collapse-indicator.collapse-indicator svg, .markdown-preview-view .is-collapsed .collapse-indicator svg, .markdown-preview-view .collapse-indicator:hover svg { opacity: 1; } .markdown-preview-view div.is-collapsed h1::after, .markdown-preview-view div.is-collapsed h2::after, .markdown-preview-view div.is-collapsed h3::after, .markdown-preview-view div.is-collapsed h4::after, .markdown-preview-view div.is-collapsed h5::after, .markdown-preview-view ol .is-collapsed::after, .markdown-preview-view ul .is-collapsed::after { content: '...'; padding: 5px; color: var(--text-faint); } .markdown-preview-view ol > li.task-list-item .collapse-indicator, .markdown-preview-view ul > li.task-list-item .collapse-indicator { position: absolute; margin-left: -42px; margin-top: 5px; } .markdown-preview-view ol > li .collapse-indicator { padding-right: 20px; } .markdown-preview-view .heading-collapse-indicator.collapse-indicator { margin-left: -25px; padding-right: 7px 8px 7px 0; } .markdown-preview-view .collapse-indicator { position: absolute; margin-left: -42px; padding-bottom: 10px; padding-top: 0px; } .markdown-preview-view ul > li:not(.task-list-item) .collapse-indicator { padding-right: 20px; } .markdown-preview-view ul > li:not(.task-list-item)::marker { font-size: 0.9em; } .markdown-preview-view ul > li:not(.task-list-item).is-collapsed::before { background: var(--background-modifier-border); box-shadow: 3px 0 0px 4px var(--background-modifier-border); } .list-collapse-indicator .collapse-indicator .collapse-icon { opacity: 0; } .markdown-preview-view ul > li h1, .markdown-preview-view ul > li h2, .markdown-preview-view ul > li h3, .markdown-preview-view ul > li h4 { display: inline; } /* Folding icons in Edit mode */ span[title='Fold line'], span[title='Unfold line'] { margin: 0 0 0 0; padding: 0 0 1em 0; } .CodeMirror-foldmarker { color: var(--text-faint); cursor: default; margin-left: 5px; } .CodeMirror-foldgutter-folded { cursor: var(--cursor); margin-top: -3px; transform: rotate(-90deg); } .CodeMirror-foldgutter-open { cursor: var(--cursor); margin-top: -1px; width: 16px; height: 20px; } span[title='Fold line'], span[title='Unfold line'], .CodeMirror-foldgutter-folded:after, .CodeMirror-foldgutter-open:after { background-repeat: no-repeat; background-position: 50% 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' class='right-triangle'%3E%3Cpath fill='currentColor' stroke='currentColor' d='M94.9,20.8c-1.4-2.5-4.1-4.1-7.1-4.1H12.2c-3,0-5.7,1.6-7.1,4.1c-1.3,2.4-1.2,5.2,0.2,7.6L43.1,88c1.5,2.3,4,3.7,6.9,3.7 s5.4-1.4,6.9-3.7l37.8-59.6C96.1,26,96.2,23.2,94.9,20.8L94.9,20.8z'%3E%3C/path%3E%3C/svg%3E"); color: transparent; } span[title='Unfold line'] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' class='right-triangle'%3E%3Cpath fill='currentColor' stroke='currentColor' transform='rotate(-90,50,50)' d='M94.9,20.8c-1.4-2.5-4.1-4.1-7.1-4.1H12.2c-3,0-5.7,1.6-7.1,4.1c-1.3,2.4-1.2,5.2,0.2,7.6L43.1,88c1.5,2.3,4,3.7,6.9,3.7 s5.4-1.4,6.9-3.7l37.8-59.6C96.1,26,96.2,23.2,94.9,20.8L94.9,20.8z'%3E%3C/path%3E%3C/svg%3E"); } .theme-dark span[title='Fold line'], .theme-dark span[title='Unfold line'], .theme-dark .CodeMirror-foldgutter-folded:after, .theme-dark .CodeMirror-foldgutter-open:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='8' height='8' class='right-triangle'%3E%3Cpath fill='%23FFFFFF' stroke='%23FFFFFF' d='M94.9,20.8c-1.4-2.5-4.1-4.1-7.1-4.1H12.2c-3,0-5.7,1.6-7.1,4.1c-1.3,2.4-1.2,5.2,0.2,7.6L43.1,88c1.5,2.3,4,3.7,6.9,3.7 s5.4-1.4,6.9-3.7l37.8-59.6C96.1,26,96.2,23.2,94.9,20.8L94.9,20.8z'%3E%3C/path%3E%3C/svg%3E"); } span[title='Fold line'], .CodeMirror-foldgutter-open:after { opacity: 0; } span[title='Fold line']:hover, span[title='Unfold line'], .CodeMirror-foldgutter-folded:after, .CodeMirror-code > div:hover .CodeMirror-foldgutter-open:after { opacity: 0.3; } span[title='Unfold line']:hover, .CodeMirror-code > div:hover .CodeMirror-foldgutter-open:hover:after, .CodeMirror-code > div:hover .CodeMirror-foldgutter-folded:hover:after { opacity: 1; } /* --------------- */ /* Outline */ /* --------------- */ .outline { padding: 15px 10px 20px 5px; font-size: var(--font-adaptive-small); } .outline .pane-empty { font-size: var(--font-adaptive-small); color: var(--text-faint); padding: 0 0 0 15px; width: 100%; } .outline .collapsible-item-self { cursor: var(--cursor); line-height: 1.4; margin-bottom: 4px; font-size: var(--font-adaptive-small); padding-left: 15px; } .collapsible-item-collapse { opacity: 1; left: -5px; color: var(--text-faint); } .outline .collapsible-item-inner:hover { color: var(--text-normal); } .collapsible-item-self.is-clickable:hover .collapsible-item-collapse { color: var(--text-normal); } .outline > .collapsible-item > .collapsible-item-self .right-triangle { opacity: 0; } /* --------------- */ /* Search */ /* --------------- */ .search-result-container.mod-global-search .search-empty-state { padding-left: 15px; } .search-result-file-match { cursor: var(--cursor) !important; } .search-result-file-match:hover { color: var(--text-normal); background: transparent; } .search-result-container:before { height: 1px; } .search-result-container.is-loading:before { background-color: var(--background-modifier-accent); } .search-result { margin-bottom: 0; } .search-result-count { opacity: 1; color: var(--text-faint); padding: 0 0 0 5px; } .search-result-file-match:before { top: 0; } .search-result-file-match:not(:first-child) { margin-top: 0px; } .search-result-file-match { margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 5px; } .search-input-container input, .search-input-container input:hover, .search-input-container input:focus { font-size: var(--font-adaptive-small); padding: 5px 10px; background-color: var(--background-secondary); } .search-input-container { width: calc(100% - 20px); margin: 0 0 5px 10px; } /* .search-result-file-matched-text { background-color: var(--text-selection); } */ .workspace-leaf-content .setting-item { padding: 5px 0; border: none; } .workspace-leaf-content .setting-item-control { flex-shrink: 0; flex: 1; } .search-input-clear-button { cursor: var(--cursor); top: 0px; bottom: 0px; border-radius: 15px; line-height: 0px; height: 15px; width: 15px; margin: auto; padding: 6px 0 0 0; text-align: center; vertical-align: middle; align-items: center; color: var(--text-faint); } .search-input-clear-button:hover { color: var(--text-normal); } .search-input-clear-button:before { font-size: 22px; font-weight: 200; } .search-input { max-width: 100%; margin-left: 0; width: 500px; } input.search-input:focus { border-color: var(--background-modifier-border); } .workspace-leaf-content[data-type='search'] .search-result-file-matches { border-left: 0; padding-left: 0; } .search-empty-state { font-size: var(--font-adaptive-small); color: var(--text-faint); padding-left: 5px; margin: 0; } .search-result-container { padding: 5px 10px 50px 0px; } .search-result-file-title { line-height: 1.3; padding: 4px 4px 4px 24px; vertical-align: middle; cursor: var(--cursor) !important; } .tree-item-inner, .search-result-file-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .search-result-collapse-indicator { left: 0px; } .search-result-file-match:before { height: 0.5px; } .search-result-file-matches { font-size: var(--font-adaptive-small); line-height: 1.4; margin-bottom: 8px; padding: 0 0 6px 0; color: var(--text-muted); border-bottom: 1px solid var(--background-modifier-border-focus); } .search-info-container { font-size: var(--font-adaptive-smaller); color: var(--text-faint); padding-top: 5px; padding-bottom: 5px; } .search-info-more-matches { font-size: var(--font-adaptive-smaller); padding-top: 4px; padding-bottom: 4px; color: var(--text-normal); } .side-dock-collapsible-section-header-indicator { display: none; } .search-result-file-title:hover { color: var(--text-normal); background: transparent; } .workspace-leaf-content .search-input, .workspace-leaf-content .search-input:hover, .workspace-leaf-content .search-input:focus { font-size: var(--font-adaptive-small); padding: 7px 10px; height: 28px; border-radius: 5px; background: var(--background-primary); border: 1px solid var(--background-modifier-border); transition: border-color 0.1s ease-in-out; } .workspace-leaf-content .search-input:hover { border-color: var(--background-modifier-border-hover); transition: border-color 0.1s ease-in-out; } .workspace-leaf-content .search-input:focus { background: var(--background-primary); border-color: var(--background-modifier-border-focus); transition: all 0.1s ease-in-out; } .search-input-container input::placeholder { color: var(--text-faint); font-size: var(--font-adaptive-small); } .workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content { padding-right: 0; } .workspace-split.mod-horizontal.mod-right-split { width: 0; } .workspace-split.mod-vertical > .workspace-leaf { padding-right: 1px; } .workspace-leaf-content[data-type='starred'] .item-list { padding-top: 5px; } .workspace-leaf-content .view-content, .workspace-split.mod-right-split .view-content { padding: 0; } /* --------------- */ /* Nested items */ /* --------------- */ .nav-folder-collapse-indicator, .tree-item-self .collapse-icon { color: var(--background-modifier-border-hover); } .tree-item-self .collapse-icon { padding-left: 0; width: 15px; margin-left: -15px; } .outline .tree-item-self .collapse-icon { margin-left: -20px; } .tag-container .collapse-icon { margin-left: -20px; } .tree-item-self:hover .collapse-icon { color: var(--text-normal); } .tree-item { padding-left: 5px; } .tree-item-flair { font-size: var(--font-adaptive-smaller); right: 0; background: transparent; color: var(--text-faint); } .tree-item-flair-outer:after { content: ''; } .tree-item-self.is-clickable { cursor: var(--cursor); } .tree-item-self.is-clickable:hover { background: transparent; } .tree-item-self:hover .tree-item-flair { background: transparent; color: var(--text-muted); } .tree-item-children { margin-left: 5px; } /* --------------- */ /* Backlink pane */ /* --------------- */ .outgoing-link-pane, .backlink-pane { padding-bottom: 30px; } .outgoing-link-pane .search-result-container, .backlink-pane .search-result-container { padding: 5px 5px 5px 5px; margin-left: 0; } .outgoing-link-pane .search-result-file-title, .backlink-pane .search-result-file-title { padding-left: 15px; } .outgoing-link-pane .tree-item-icon, .outgoing-link-pane > .tree-item-self .collapse-icon, .backlink-pane > .tree-item-self .collapse-icon { display: none; } .tree-item-self.outgoing-link-item { padding: 0; margin-left: 5px; } .outgoing-link-pane > .tree-item-self:hover, .outgoing-link-pane > .tree-item-self, .backlink-pane > .tree-item-self:hover, .backlink-pane > .tree-item-self { padding-left: 15px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; font-size: var(--font-adaptive-smaller); font-weight: 500; padding: 10px 7px 5px 10px; background: transparent; } .outgoing-link-pane > .tree-item-self.is-collapsed, .backlink-pane > .tree-item-self.is-collapsed { color: var(--text-faint); } .outgoing-link-pane .search-result-file-match { padding: 5px 0; border: 0; } .outgoing-link-pane .search-result-file-match-destination-file { background: transparent; } .search-result-file-match:hover .search-result-file-match-destination-file:hover { background: transparent; color: var(--text-normal); } /* --------------- */ /* Tag pane */ /* --------------- */ .tag-container { padding: 10px 15px; } .tag-pane-tag-count { margin-right: 10px; color: var(--text-faint); } .pane-list-item-ending-flair { background: transparent; } .tag-pane-tag { padding: 2px 5px 2px 5px; cursor: var(--cursor); } .tag-pane-tag:hover { background: transparent; } .nav-file.is-active .nav-file-title:hover { background: var(--background-tertiary) !important; } .nav-file.is-active > .nav-file-title { background: var(--background-tertiary); } /* --------------- */ /* Status bar */ /* --------------- */ .status-bar { transition: color 0.2s linear; color: var(--text-faint); font-size: var(--font-adaptive-smaller); border-top: var(--border-width) solid var(--background-divider); line-height: 1; max-height: 24px; } .minimal-status-off .status-bar { background-color: var(--background-secondary); border-width: var(--border-width); padding: 2px 6px 4px; } .status-bar { background-color: var(--background-primary); z-index: 30; border-top-left-radius: 5px; width: auto; position: absolute; left: auto; border: 0; bottom: 0; right: 0; max-height: 26px; padding: 2px 8px 6px 3px; } .sync-status-icon.mod-success, .sync-status-icon.mod-working { color: var(--text-faint); cursor: var(--cursor); } .status-bar:hover, .status-bar:hover .sync-status-icon.mod-success, .status-bar:hover .sync-status-icon.mod-working { color: var(--text-muted); transition: color 0.2s linear; } .status-bar .plugin-sync:hover .sync-status-icon.mod-success, .status-bar .plugin-sync:hover .sync-status-icon.mod-working { color: var(--text-normal); } .status-bar-item-segment { margin-right: 10px; } .status-bar-item { cursor: var(--cursor) !important; } /* .status-bar-item.cMenu-statusbar-button:hover, .status-bar-item.mod-clickable:hover, .status-bar-item.plugin-sync:hover { text-align: center; background-color: var(--background-tertiary) !important; border-radius: 4px; } */ .status-bar-item { padding: 7px 4px; margin: 0; } .status-bar-item, .sync-status-icon { display: flex; align-items: center; } .status-bar-item.plugin-sync svg { height: 15px; width: 15px; } /* --------------- */ /* Workplace ribbon & sidedock icons */ /* --------------- */ .workspace-ribbon { flex: 0 0 42px; padding-top: 7px; } .workspace-ribbon.mod-right { right: 4px; bottom: 0; height: 32px; padding-top: 6px; position: absolute; background: 0 0; border: 0; } .workspace-ribbon-collapse-btn { margin: 0; padding: 5px 4px; border-radius: 5px; } .mod-right .workspace-ribbon-collapse-btn { background-color: var(--background-primary); } .mod-right .workspace-ribbon-collapse-btn:hover { background-color: var(--background-tertiary); } .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn, .workspace-ribbon.mod-right .workspace-ribbon-collapse-btn { opacity: 1; position: fixed; width: 26px; display: flex; align-items: center; top: auto; text-align: center; bottom: 42px; right: 15px; z-index: 9; } .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn { left: 8px; } .side-dock-settings { padding-bottom: 30px; } .workspace-ribbon-collapse-btn, .view-action, .side-dock-ribbon-tab, .side-dock-ribbon-action { cursor: var(--cursor); } .workspace-ribbon { border-width: var(--border-width-alt); border-color: var(--background-modifier-border); background: var(--background-secondary); } .mod-right:not(.is-collapsed) ~ .workspace-split.mod-right-split { margin-right: 0; } .side-dock-ribbon-action { padding: 6px 0; } body.hider-frameless:not(.hider-ribbon):not(.is-fullscreen) .side-dock-actions { padding-top: 24px; } body.hider-frameless:not(.hider-ribbon):not(.is-fullscreen) .workspace-ribbon-collapse-btn { margin: 0; padding-top: 40px; } .workspace-ribbon.mod-right { right: 7px; /* DO NOT CHANGE */ } /* --------------- */ /* Preview mode */ /* --------------- */ .markdown-preview-view hr { height: 1px; border-width: 2px 0 0 0; } a[href*="obsidian://search"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='black' stroke='black' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E"); } .theme-dark a[href*="obsidian://search"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'%3E%3Cpath fill='white' stroke='white' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'%3E%3C/path%3E%3C/svg%3E"); } /* Style settings to toggle link underlines */ body:not(.links-int-on) a[href*="obsidian://"], body:not(.links-int-on) .markdown-preview-view .internal-link, body:not(.links-int-on) .markdown-source-view.mod-cm6 .cm-hmd-internal-link .cm-underline, body:not(.links-ext-on) .external-link, body:not(.links-ext-on) .markdown-source-view.mod-cm6 .cm-link .cm-underline { text-decoration: none; } .footnotes-list { margin-block-start: -10px; padding-inline-start: 20px; font-size: var(--font-adaptive-small); } .footnotes-list p { display: inline; margin-block-end: 0; margin-block-start: 0; } .footnote-ref a { text-decoration: none; } .footnote-backref { color: var(--text-faint); } iframe { border: 0; } .markdown-preview-view .mod-highlighted { transition: background-color 0.3s ease; background-color: var(--text-selection); color: inherit; } /* Metadata */ .frontmatter-collapse-indicator.collapse-indicator { display: none; } .frontmatter-container .tag { font-size: var(--font-adaptive-smaller); } .frontmatter-container .frontmatter-alias { color: var(--text-muted); } .frontmatter-container { border: 1px solid var(--background-modifier-border); font-size: 14px; color: var(--text-muted); padding: 6px 14px; border-radius: 4px; background-color: var(--background-primary-alt); position: relative; margin-top: 16px; } /* Blockquotes */ .markdown-preview-view blockquote { border-radius: 0; border: solid var(--quote-opening-modifier); border-width: 0px 0px 0px 2px; background-color: transparent; font-style: italic; padding: 0 0 0 calc(var(--nested-padding) / 2); margin-inline-start: var(--nested-padding); } .cm-s-obsidian span.cm-quote { font-style: italic; } body:not(.default-font-color) .cm-s-obsidian span.cm-quote, body:not(.default-font-color) .markdown-preview-view blockquote { color: var(--green); } /* --------------- TEXT MARKINGS --------------- */ /* Hashes */ span.cm-formatting { color: var(--text-faint); } /* Italics */ body:not(.default-font-color) em, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-1, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-2, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-3, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-4, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-5, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-6, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-1, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-2, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-3, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-4, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-5, body:not(.default-font-color) .cm-s-obsidian .cm-em.cm-header.cm-header-6, body:not(.default-font-color) .markdown-preview-section em, body:not(.default-font-color) .cm-s-obsidian .cm-em { font-style: italic; color: var(--em-color); } /* Bold */ body:not(.default-font-color) strong, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-1, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-2, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-3, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-4, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-5, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-6, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-1, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-2, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-3, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-4, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-5, body:not(.default-font-color) .cm-s-obsidian .cm-strong.cm-header.cm-header-6, body:not(.default-font-color) .cm-header.cm-header-3.cm-hmd-internal-link, body:not(.default-font-color) .markdown-preview-section strong, body:not(.default-font-color) .cm-s-obsidian .cm-strong { color: var(--strong-color); } /* Strikethrough */ del, .cm-strikethrough { text-decoration-color: var(--text-muted); text-decoration-thickness: 2px !important; } /* Tables */ .markdown-preview-view th { font-weight: var(--bold-weight); text-align: left; border-top: none; } .markdown-preview-view th:last-child, .markdown-preview-view td:last-child { border-right: none; } .markdown-preview-view th:first-child, .markdown-preview-view td:first-child { border-left: none; padding-left: 0; } .markdown-preview-view tr:last-child td { border-bottom: none; } /* Number Tables */ .numbertable table { counter-reset: section; } .numbertable table > tbody > tr > td:first-child::before { counter-increment: section; content: counter(section) '. '; } /* Color rows */ .color-rows tr:nth-child(even) { background: var(--background-primary); } .color-rows tr:nth-child(odd) { background: var(--background-secondary); } /* Lists */ ul { padding-inline-start: var(--list-indent); } ol { padding-inline-start: var(--list-indent); margin-left: 0; list-style: default; } .is-mobile ul > li:not(.task-list-item)::marker { font-size: 0.8em; } .is-mobile .markdown-rendered ol, .is-mobile .markdown-rendered ul { 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; } .cm-line:not(.HyperMD-codeblock) { tab-size: var(--list-indent); } ul > li { min-height: 1.4em; } ul > li::marker, ol > li::marker { color: var(--text-faint); } ol > li { margin-left: 0em; } /* --------------- */ /* Code */ /* --------------- */ .markdown-preview-view code { color: var(--code-color); } .cm-inline-code { color: var(--code-color) !important; } .theme-light :not(pre) > code[class*='language-'], .theme-light pre[class*='language-'] { background-color: var(--background-primary-alt); } .theme-light code[class*='language-'], .theme-light pre[class*='language-'] { text-shadow: none; } /* Horizontal scroll */ code[class*='language-'], pre[class*='language-'] { text-align: left !important; white-space: pre !important; word-spacing: normal !important; word-break: normal !important; word-wrap: normal !important; line-height: 1.5 !important; -moz-tab-size: 4 !important; -o-tab-size: 4 !important; tab-size: 4 !important; -webkit-hyphens: none !important; -moz-hyphens: none !important; -ms-hyphens: none !important; hyphens: none !important; } pre[class*='language-'] { overflow: auto !important; } /* ------------------ */ pre .copy-code-button { border-radius: 5px; background-color: var(--background-secondary-alt); } pre .copy-code-button:hover { background-color: var(--background-tertiary); } .markdown-preview-section .frontmatter code { color: var(--text-muted); font-size: var(--font-adaptive-small); } .cm-s-obsidian .hmd-fold-html-stub, .cm-s-obsidian .hmd-fold-code-stub, .cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code, .cm-s-obsidian .cm-formatting-hashtag, .cm-s-obsidian .cm-inline-code, .cm-s-obsidian .HyperMD-codeblock, .cm-s-obsidian .HyperMD-hr, .cm-s-obsidian .cm-hmd-frontmatter, .cm-s-obsidian .cm-hmd-orgmode-markup, .cm-s-obsidian .cm-formatting-code, .cm-s-obsidian .cm-math, .cm-s-obsidian span.hmd-fold-math-placeholder, .cm-s-obsidian .CodeMirror-linewidget kbd, .cm-s-obsidian .hmd-fold-html kbd .CodeMirror-code { font-family: var(--font-monospace); } .cm-s-obsidian .cm-hmd-frontmatter { font-size: var(--font-adaptive-small); color: var(--text-muted); } .markdown-source-view.mod-cm6 .code-block-flair { color: var(--text-muted); } /* ------------------- */ /* Atom coloring */ /* Source: https://github.com/AGMStudio/prism-theme-one-dark */ /* ------------------- */ .token.comment, .token.prolog, .token.doctype, .token.cdata { color: var(--atom-gray-1) !important; } .token.punctuation, .cm-hmd-codeblock, .cm-bracket { color: var(--atom-gray-2) !important; } code[class*='language-'], .token.selector, .token.tag, code .cm-property, .cm-def { color: var(--atom-red) !important; } .token.property, .token.boolean, .token.number, .token.constant, .token.symbol, .token.attr-name, .token.deleted, .cm-number { color: var(--atom-orange) !important; } .token.string, .token.char, .token.attr-value, .token.builtin, .token.inserted, .cm-hmd-codeblock.cm-string { color: var(--atom-green) !important; } .token.operator, .cm-operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: var(--atom-aqua) !important; } .token.atrule, .token.keyword, .cm-keyword { color: var(--atom-purple) !important; } .token.function, .token.macro.property, .cm-variable { color: var(--atom-blue) !important; } .token.class-name, .cm-atom, code .cm-tag, .cm-type, .theme-dark .cm-variable-2 { color: var(--atom-yellow) !important; } .token.regex, .token.important, .token.variable { color: var(--atom-purple) !important; } .token.important, .token.bold { font-weight: bold !important; } .token.italic { font-style: italic !important; } .token.entity { cursor: help !important; } pre.line-numbers { position: relative !important; padding-left: 3.8em !important; counter-reset: linenumber !important; } pre.line-numbers > code { position: relative !important; } .line-numbers .line-numbers-rows { position: absolute !important; pointer-events: none !important; top: 0 !important; font-size: 100% !important; left: -3.8em !important; width: 3em !important; letter-spacing: -1px !important; border-right: 0 !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .line-numbers-rows > span { pointer-events: none !important; display: block !important; counter-increment: linenumber !important; } .line-numbers-rows > span:before { content: counter(linenumber) !important; color: var(--syntax-gray-1) !important; display: block !important; padding-right: 0.8em !important; text-align: right !important; } .cm-s-obsidian .HyperMD-codeblock { line-height: 1.5 !important; } .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; } .markdown-source-view.mod-cm6 .code-block-flair { font-size: var(--font-smaller); padding: 5px 0; color: var(--text-muted); } /* --------------- */ /* Popovers */ /* --------------- */ .popover, .popover.hover-popover { min-height: 40px; box-shadow: 0 20px 40px var(--background-modifier-box-shadow); pointer-events: auto !important; border: 1px solid var(--background-modifier-border); } .popover.hover-popover { max-height: 40vh; } .popover .markdown-embed-link { display: none; } .popover .markdown-embed .markdown-preview-view { padding: 10px 20px 30px; } .popover.hover-popover .markdown-embed .markdown-embed-content { max-height: none; } .popover.hover-popover.mod-empty { padding: 20px 20px 20px 20px; color: var(--text-muted); } .popover.hover-popover .markdown-preview-view .table-view-table, .popover.hover-popover .markdown-embed .markdown-preview-view { font-size: 1.05em; } .popover.hover-popover .markdown-embed h1, .popover.hover-popover .markdown-embed h2, .popover.hover-popover .markdown-embed h3, .popover.hover-popover .markdown-embed h4 { margin-top: 1rem; } /* --------------- */ /* Graphs */ /* Fill color for nodes */ .graph-view.color-fill { color: var(--text-muted); } /* Fill color for nodes on hover */ .graph-view.color-fill-highlight { color: var(--text-accent); } /* Stroke color for nodes */ .graph-view.color-circle { color: var(--text-accent); } /* Line color */ .graph-view.color-line { color: var(--background-modifier-border); } /* Line color on hover */ .graph-view.color-line-highlight { color: var(--text-accent); border: 0; } /* Text color */ .graph-view.color-text { color: var(--text-normal); } .graph-view.color-fill-unresolved { color: var(--text-faint); } /* Full bleed (takes up full height) */ body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-header, body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-header { position: fixed; background: transparent !important; width: 100%; } body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-content, body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-content { height: 100%; } body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-header-title, body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-header-title { display: none; } body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-actions, body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-actions { background: transparent; } .mod-root .workspace-leaf-content[data-type='localgraph'] .graph-controls, .mod-root .workspace-leaf-content[data-type='graph'] .graph-controls { top: 30px; } .mod-root .workspace-leaf-content[data-type='localgraph'] .graph-controls, .mod-root .workspace-leaf-content[data-type='graph'] .graph-controls { top: 30px; } /* Graph controls */ .graph-control-section .tree-item-children { padding-bottom: 15px; } .graph-control-section-header { font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; font-size: var(--font-adaptive-smallest); color: var(--text-muted); } .graph-controls .search-input-container { width: 100%; } .setting-item.mod-search-setting.has-term-changed .graph-control-search-button, .graph-controls .graph-control-search-button { display: none; } .graph-controls .setting-item-name { font-size: var(--font-adaptive-small); } .graph-controls { background: var(--background-primary); border: none; min-width: 240px; left: 0; top: 10px; margin-bottom: 0; padding: 10px 20px 10px 10px; border-radius: 0; } .graph-controls input[type='text'], .graph-controls input[type='range'] { font-size: var(--font-adaptive-small); } .graph-controls .mod-cta { width: 100%; font-size: var(--font-adaptive-small); padding: 5px; } .mod-left-split .graph-controls { background: var(--background-secondary); } input[type='range'] { background-color: var(--background-modifier-border-hover); height: 2px; padding: 0 0px; -webkit-appearance: none; cursor: default; margin: 0; border-radius: 0px; } input[type='range']::-webkit-slider-runnable-track { background: var(--background-modifier-border-hover); height: 2px; margin-top: 0px; } input[type='range']::-webkit-slider-thumb { background: white; border: 1px solid var(--background-modifier-border-hover); height: 18px; width: 18px; border-radius: 16px; margin-top: -5px; transition: all 0.1s linear; cursor: default; box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05), 0 2px 4px 0px rgba(0, 0, 0, 0.1); } input[type='range']::-webkit-slider-thumb:hover, input[type='range']::-webkit-slider-thumb:active { background: white; border-width: 1; border: 1px solid var(--background-modifier-border-focus); box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05), 0 2px 3px 0px rgba(0, 0, 0, 0.2); transition: all 0.1s linear; } .local-graph-jumps-slider-container, .workspace-split.mod-left-split .local-graph-jumps-slider-container, .workspace-split.mod-right-split .local-graph-jumps-slider-container, .workspace-fake-target-overlay .local-graph-jumps-slider-container { background: transparent; opacity: 0.6; padding: 0; left: 12px; transition: opacity 0.2s linear; height: auto; } .mod-root .local-graph-jumps-slider-container { right: 0; left: 0; width: var(--line-width-adaptive); max-width: var(--max-width); margin: 0 auto; top: 30px; } .workspace-split.mod-left-split .local-graph-jumps-slider-container:hover, .workspace-split.mod-right-split .local-graph-jumps-slider-container:hover, .workspace-fake-target-overlay .local-graph-jumps-slider-container:hover, .local-graph-jumps-slider-container:hover { opacity: 0.8; transition: opacity 0.2s linear; } /* --------------- */ /* Settings */ /* --------------- */ .horizontal-tab-content, .vertical-tab-content { background: var(--background-primary); padding-bottom: 100px; } .vertical-tab-header, .vertical-tab-content { padding-bottom: 100px; } .plugin-list-plugins { overflow: visible; } .community-theme-container, .hotkey-settings-container { height: auto; overflow: visible; } .modal.mod-settings .vertical-tab-header { background: var(--background-secondary); padding-top: 5px; padding-bottom: 25px; } .vertical-tab-header-group-title { color: var(--text-faint); font-size: 12px; letter-spacing: 0.05em; font-weight: var(--bold-weight); } .vertical-tab-nav-item { padding: 4px 10px 4px 17px; color: var(--text-muted); border: none; background: var(--background-secondary); cursor: var(--cursor); font-size: var(--font-small); line-height: 1.4; } .vertical-tab-nav-item:hover, .vertical-tab-nav-item.is-active { color: var(--text-normal); } .setting-hotkey { background-color: var(--background-modifier-border); padding: 3px 10px 3px 10px; } .setting-hotkey.mod-empty { background: transparent; } .dropdown { border-color: var(--background-modifier-border); background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); } .theme-dark .dropdown { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); } /* --------------- */ /* Publish */ /* --------------- */ .modal.mod-publish { max-width: 600px; padding-left: 0; padding-right: 0; padding-bottom: 0; } .modal.mod-publish .modal-title { padding-left: 20px; padding-bottom: 10px; } .mod-publish .modal-content { padding-left: 20px; padding-right: 20px; } .mod-publish p { font-size: var(--font-small); } .mod-publish .button-container, .modal.mod-publish .modal-button-container { margin-top: 0px; padding: 10px; border-top: 1px solid var(--background-modifier-border); bottom: 0px; background-color: var(--background-primary); position: absolute; width: 100%; margin-left: -20px; text-align: center; } .publish-changes-info { padding: 0 0 15px; margin-bottom: 0; border-bottom: 1px solid var(--background-modifier-border); } .modal.mod-publish .modal-content .publish-sections-container { max-height: none; height: auto; padding: 10px 20px 30px 0; margin-top: 10px; margin-right: -20px; margin-bottom: 80px; } .publish-site-settings-container { max-height: none; height: auto; margin-right: -20px; margin-bottom: 80px; overflow-x: hidden; } .publish-section-header { padding-bottom: 15px; border-width: 1px; } .password-item { padding-left: 0; padding-right: 0; } .publish-section-header-text { font-weight: 600; color: var(--text-normal); cursor: var(--cursor); } .publish-section-header-text, .publish-section-header-toggle-collapsed-button, .publish-section-header-action, .file-tree-item-header { cursor: var(--cursor); } .publish-section-header-text:hover, .publish-section-header-toggle-collapsed-button:hover, .publish-section-header-action:hover { color: var(--text-normal); cursor: var(--cursor); } .mod-publish .u-pop { color: var(--text-normal); } .publish-section-header-toggle-collapsed-button { padding: 7px 0 0 3px; width: 18px; } .mod-publish .file-tree-item { margin-left: 20px; } .mod-publish .file-tree-item { padding: 0; margin-bottom: 2px; font-size: var(--font-small); } .mod-publish .file-tree-item-checkbox { filter: hue-rotate(0); } .mod-publish .file-tree-item.mod-deleted .flair, .mod-publish .file-tree-item.mod-to-delete .flair { background: transparent; color: #ff3c00; font-weight: 500; } .mod-publish .file-tree-item.mod-new .flair { background: transparent; font-weight: 500; color: #13c152; } .mod-publish .site-list-item { padding-left: 0; padding-right: 0; } /* --------------- */ /* Scroll bars */ /* --------------- */ ::-webkit-scrollbar { width: 7px !important; } ::-webkit-scrollbar-track { background-color: var(--background-primary); } ::-webkit-scrollbar-thumb { border-width: 0px 4px 6px 0px; border-style: solid; border-radius: 0 !important; border-color: var(--background-primary); background-color: var(--background-modifier-border); min-height: 40px; } .modal .vertical-tab-header::-webkit-scrollbar-track, .mod-left-split .workspace-tabs ::-webkit-scrollbar-track { background-color: var(--background-secondary); } .modal .vertical-tab-header::-webkit-scrollbar-track-piece, .mod-left-split .workspace-tabs ::-webkit-scrollbar-track-piece { background-color: var(--background-secondary); } .modal .vertical-tab-header::-webkit-scrollbar-thumb, .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb { border-color: var(--background-secondary); background-color: var(--background-modifier-border); } .modal .vertical-tab-header::-webkit-scrollbar-thumb:hover, .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:hover { background-color: var(--background-modifier-border-hover); } .modal .vertical-tab-header::-webkit-scrollbar-thumb:active, .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:active { background-color: var(--background-modifier-border-focus); } /* -------------------------------------------------------------------------------- Mobile styling -------------------------------------------------------------------------------- */ .is-mobile { --font-settings-title: 18px; --font-settings: 16px; --font-settings-small: 13px; --input-height: 40px; } body.is-mobile { padding: 0 !important; } .hider-tooltips .follow-link-popover { display: none; } .is-mobile .workspace-drawer-tab-container > *, body.is-mobile .view-header-title, .is-mobile .allow-fold-headings.markdown-preview-view .markdown-preview-sizer, .is-mobile .allow-fold-lists.markdown-preview-view .markdown-preview-sizer { padding: 0; } .is-mobile .titlebar { height: 0 !important; padding: 0 !important; position: relative !important; border-bottom: none; } .is-mobile .horizontal-main-container { background-color: var(--background-primary); } .is-mobile .safe-area-top-cover { background-color: var(--background-primary); } .is-mobile .workspace { border-radius: 0 !important; transform: none !important; } .is-mobile .workspace-drawer:not(.is-pinned) { width: 100vw; max-width: 360pt; border: none; box-shadow: 0 5px 50px 5px rgba(0, 0, 0, 0.05); } .is-mobile .workspace-drawer.mod-left.is-pinned { max-width: 280pt; } .is-mobile .workspace-drawer.mod-right.is-pinned { max-width: 240pt; } .is-mobile .workspace-drawer.mod-right.is-pinned { border-right: none; } .is-mobile .workspace-leaf-content[data-type='starred'] .item-list { padding-left: 5px; } .is-mobile .workspace-drawer-tab-option-item-title, .is-mobile .workspace-drawer-active-tab-title { font-size: var(--font-adaptive-small); } .is-mobile .workspace-drawer-tab-option-item:hover .workspace-drawer-tab-option-item-title, .is-mobile .workspace-drawer-active-tab-header:hover .workspace-drawer-active-tab-title { color: var(--text-normal); } .is-mobile .workspace-drawer-active-tab-header:hover .workspace-drawer-active-tab-back-icon { color: var(--text-normal); } .is-mobile .nav-file-title, .is-mobile .nav-folder-title, .is-mobile .outline, .is-mobile .tree-item-self, .is-mobile .tag-container, .is-mobile .tag-pane-tag { font-size: var(--font-adaptive-small); line-height: 1.5; margin-bottom: 4px; } .is-mobile .backlink-pane > .tree-item-self, .is-mobile .outgoing-link-pane > .tree-item-self { font-size: var(--font-adaptive-smallest); } .is-mobile .tree-item-flair { font-size: var(--font-adaptive-small); } .is-mobile .nav-files-container { padding: 5px 5px 5px 5px; } .is-mobile .search-result-container { padding-bottom: 20px; } .is-mobile .search-result-file-match-replace-button { background-color: var(--background-tertiary); color: var(--text-normal); } .is-mobile .search-result-file-matches, .is-mobile .search-result-file-title { font-size: var(--font-adaptive-small); } /* Modal close button */ .modal-close-button { top: 2px; padding: 0; cursor: var(--cursor); font-size: 24px; color: var(--text-faint); } .modal-close-button:hover { color: var(--text-normal); } .modal-close-button:before { font-family: Inter, sans-serif; font-weight: 200; } .is-mobile .modal-close-button { display: block; z-index: 2; top: 0; right: 12px; padding: 4px; font-size: 34px; width: 34px; height: 34px; } .is-mobile .modal-close-button:before { font-weight: 300; color: var(--text-muted); } /* Folding on mobile */ .is-mobile .empty-state-action { border-radius: 6px; font-size: var(--font-adaptive-small); } .is-mobile .workspace-drawer-header { padding: 5px 10px 0 20px; } body:not(.is-ios).is-mobile .workspace-drawer-ribbon { padding: 5px; } .is-mobile .workspace-drawer-header-name { font-weight: var(--bold-weight); color: var(--text-normal); font-size: 1.125em; margin-top: 3px; } .is-mobile .workspace-drawer-header-info { color: var(--text-faint); font-size: var(--font-adaptive-smaller); margin-bottom: 0; } .is-mobile .mod-left .workspace-drawer-header-info, .is-mobile.hider-status .workspace-drawer-header-info { display: none; } .is-mobile .workspace-drawer-active-tab-header { margin: 2px 12px 2px; padding: 8px 0 8px 8px; } .is-mobile .workspace-leaf-content .item-list, .is-mobile .tag-container, .is-mobile .backlink-pane { padding-top: 10px; } .is-mobile .outgoing-link-pane, .is-mobile .backlink-pane { padding-left: 10px; } .workspace-drawer.mod-left .workspace-drawer-inner { padding-left: 0; } .is-mobile .workspace-drawer-ribbon { background: var(--background-secondary); border-right: 1px solid var(--background-modifier-border); z-index: 3; flex-direction: column; width: 70px; padding: 15px 0; margin-right: 0px; } .is-ios .is-pinned .workspace-drawer-ribbon { padding: 30px 0 20px 0; } .is-mobile .side-dock-actions, .is-mobile .side-dock-settings { flex-direction: column; border-radius: 15px; } .is-mobile .mod-left .workspace-drawer-header, .is-mobile .mod-left .workspace-drawer-tab-container { margin-left: 70px; } .is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action { padding: 9px 5px 2px 5px; margin: 0 12px 4px; border-radius: 8px; } .is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action svg { width: 22px; height: 22px; } .is-mobile .workspace-drawer-ribbon .side-dock-ribbon-action:hover { background-color: var(--background-tertiary); box-shadow: 0 0 0px 1px var(--background-tertiary); } .is-mobile .workspace-drawer-active-tab-container { z-index: 9999; background-color: var(--background-primary); } .is-mobile .side-dock-actions, .is-mobile .side-dock-settings { display: flex; align-content: center; justify-content: center; padding: 0; } .is-mobile .workspace-drawer.mod-left:not(.is-pinned) { border-right: none; } .is-mobile .modal.mod-publish, .is-mobile .modal.mod-community-plugin, .is-mobile .modal.mod-settings { width: 100vw; max-height: 90vh; padding: 0; } .is-mobile .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 .nav-buttons-container { padding: 0 0 10px 15px; } .is-mobile .workspace-leaf-content:not([data-type='search']) .nav-buttons-container { border-bottom: var(--border-width) solid var(--background-modifier-border); } .is-mobile input[type='text'] { font-size: 14px; height: var(--input-height); } .is-mobile .search-input-container input[type='text'] { border-radius: 50px; height: 40px; padding: 10px 20px; font-size: 14px; -webkit-appearance: none; } .is-mobile .search-input-clear-button { right: 15px; } .is-mobile .modal, .is-mobile .prompt, .is-mobile .suggestion-container { width: 100%; max-width: 100%; padding: 10px; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .is-mobile .suggestion-container { margin: 0 auto; border: none; left: 0; right: 0; } .is-mobile .suggestion-item { font-size: var(--font-adaptive-normal); padding-left: 10px; letter-spacing: 0.001px; } .is-mobile .prompt-results .suggestion-flair { display: none; } .is-mobile input[type='text'].prompt-input, .is-mobile input[type='text'].prompt-input:hover { line-height: 2; padding: 8px; font-size: var(--font-adaptive-normal); } .is-mobile .search-input-container input::placeholder { font-size: 14px; } .is-mobile .modal-setting-back-button { padding: 20px; background-color: var(--color-background); box-shadow: none; } .is-mobile .hotkey-list-container .setting-command-hotkeys { flex: unset; } .is-mobile .markdown-preview-view input[type='checkbox'].task-list-item-checkbox { top: 6px; } .is-mobile .workspace-drawer { border-width: var(--border-width); } .is-mobile .workspace-drawer-inner, .is-mobile .workspace-drawer-active-tab-container { background-color: var(--background-secondary); } .is-mobile .menu { border: none; width: 100%; max-width: 100%; left: 0 !important; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .is-ios .is-pinned .workspace-drawer-ribbon { padding: 30px 0 20px 0; } .is-ios .workspace-drawer.is-pinned .workspace-drawer-header { padding-top: 26px; } .is-mobile .workspace-split.mod-root { background-color: var(--background-primary); } .is-ios .mod-root .workspace-leaf { padding-top: 20px; } .is-ios .mod-root .workspace-split.mod-horizontal .workspace-leaf:not(:first-of-type) { padding-top: 0; } .is-mobile.focus-mode .view-actions { opacity: 1; } .is-mobile .workspace-drawer-header-icon { align-self: start; } .is-mobile .workspace-drawer-header-icon svg { width: 22px; height: 100%; } .is-mobile .workspace-drawer-tab-options { padding-top: 10px; } .is-mobile .workspace-drawer-tab-option-item { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; margin: 0 10px; padding: 8px 10px; border-radius: 6px; } .is-mobile .nav-action-button svg { width: 22px; margin: 0; } .is-mobile .menu-item { padding: 5px 10px; } .is-mobile .menu-item-icon { margin-right: 10px; } .is-mobile .menu-item-icon svg { width: 18px; height: 18px; } .is-mobile .view-header-title { font-size: 125%; } .is-mobile .view-action svg { width: 22px; } .is-mobile .view-action { padding: 5px 5px 4px; margin: 0; border-radius: 8px; } .is-mobile .workspace-leaf-content[data-type='search'] .nav-action-button, .is-mobile .nav-action-button, .is-mobile .workspace-drawer-header-icon { padding: 5px 7px 0 !important; margin: 5px 2px 2px 0; text-align: center; border-radius: 8px; cursor: var(--cursor); } .is-mobile .nav-file-title.is-active { box-shadow: 0 0 0px 3px var(--background-tertiary); } .pull-down-action { top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; padding: 50px 0 20px; text-align: center; border-radius: 0; border: none; box-shadow: 0 5px 200px var(--background-modifier-box-shadow); } .is-mobile .menu-item.is-label { color: var(--text-normal); font-weight: var(--bold-weight); } .is-mobile .menu-item.is-label .menu-item-icon { display: none; } .mobile-toolbar { width: 100%; text-align: center; display: flex; overflow: scroll; background-color: var(--background-primary); border-top: 1px solid var(--background-modifier-border); } .is-mobile .modal.mod-settings .vertical-tab-content-container { border: 0; } .is-mobile .modal, .is-mobile .modal-bg { transition: none !important; transform: none !important; } .is-mobile .document-search-container { height: 56px; padding: 10px 15px; } .is-mobile .document-search-container input[type='text'] { width: auto; margin: 0 5px 0 0; height: 32px; padding: 5px 7px; border-radius: 6px; border: 1px solid var(--background-modifier-border); background-color: var(--background-primary); } .is-mobile .document-search-container button { width: auto; margin: 0px; background: transparent; font-size: 14px; height: 32px; } .is-mobile .modal .vertical-tab-header-group:last-child, .is-mobile .modal .vertical-tab-content { padding-bottom: 70px !important; } .pull-out-action { top: 0; height: 100vh; padding: 30px 10px; background: transparent; display: flex; justify-content: center; align-content: center; flex-direction: column; } .is-mobile .markdown-preview-view pre { overflow-x: scroll; } /* Sync */ .is-mobile .sync-history-list { padding: 10px; background-color: var(--background-primary); } .is-mobile .sync-history-list-item { font-size: var(--font-adaptive-small); padding: 8px 10px; } .is-mobile .sync-history-content-container .modal-button-container { padding: 5px 10px 30px 10px; } .is-mobile .sync-history-content { outline: none; -webkit-appearance: none; border: 0; background-color: var(--background-secondary); } .is-mobile.show-mobile-hamburger .view-header-icon .three-horizontal-bars { opacity: 1; } .is-mobile.show-mobile-hamburger .view-header .view-header-title-container { left: 50px; } .is-mobile.plugin-sliding-panes .view-header-title { mask-image: unset; -webkit-mask-image: unset; } .is-mobile.plugin-sliding-panes-rotate-header .view-header-title { line-height: 1.2; } .is-mobile .workspace-drawer-header-name-text { white-space: nowrap; margin-right: 10px; } .is-mobile .mod-community-theme .modal-title { padding: 10px 20px; } .is-mobile .mod-publish .modal-content { display: unset; padding: 10px 10px 10px; margin-bottom: 120px; overflow-x: hidden; } .is-mobile .mod-publish .button-container, .is-mobile .modal.mod-publish .modal-button-container { padding: 10px 15px 30px; margin-left: 0px; left: 0; } .is-mobile .modal.mod-publish .modal-title { padding: 10px 20px; margin: 0 -10px; border-bottom: 1px solid var(--background-modifier-border); } .is-mobile .publish-site-settings-container { margin-right: 0; padding: 0; } .is-mobile .modal.mod-publish .modal-content .publish-sections-container { margin-right: 0; padding-right: 0; } /* --------------- */ /* Phone styling */ /* --------------- */ @media (max-width: 400pt) { .is-mobile.show-mobile-hamburger .view-header-icon { display: block; } .is-mobile .suggestion-hotkey { display: none; } .is-mobile .modal, .is-mobile .menu, .is-mobile .prompt { border-radius: 0; } .is-mobile .suggestion-flair { right: 0; left: auto; position: absolute; padding: 5px 5px 0 0; } .is-mobile .prompt { border-radius: 0; padding-top: 5px; padding-bottom: 0; max-height: calc(100vh - 120px); top: 120px; } .is-mobile .suggestion-container { max-height: 200px; border-top: 1px solid var(--background-modifier-border); border-radius: 0; padding-top: 0; box-shadow: none; } .is-mobile .suggestion-container .suggestion { padding-top: 10px; } .workspace-drawer-header-icon .pin { display: none; } /* .is-mobile .markdown-source-view .cm-scroller > .cm-content { margin-top:15px; } */ .is-ios .workspace-drawer .workspace-drawer-header { padding-top: 40px; } .is-ios .mod-root .workspace-leaf { padding-top: 40px; } .is-mobile .workspace .workspace-drawer-backdrop { margin-top: -40px; height: calc(100vh + 50px); z-index: 9; } .is-mobile .modal .vertical-tab-header-group-title { padding: 20px 20px 10px; } .is-mobile .modal .vertical-tab-nav-item { padding: 3px 20px; } .is-ios .workspace-drawer-ribbon { padding: 40px 0 20px 0; } .is-mobile .view-header-title { max-width: 80vw; } .is-mobile .view-header-title { padding-right: 20px; font-size: 18px; } .is-mobile .workspace-drawer-header-name-text { font-size: var(--font-settings-title); letter-spacing: -0.015em; } .is-mobile .menu-item.is-label { font-size: 18px; } .is-mobile .view-header { border-bottom: var(--border-width) solid var(--background-modifier-border) !important; } .is-mobile .modal-setting-back-button { border-bottom: 1px solid var(--background-modifier-border); } .is-mobile .installed-plugins-container { max-width: 100%; overflow: hidden; } .is-mobile .setting-item-info { flex: 1 1 auto; } .is-mobile .kanban-plugin__board-settings-modal .setting-item-control, .is-mobile .setting-item-control { flex: 1 0 auto; margin-right: 0; min-width: auto; } .is-mobile .checkbox-container { flex: 1 0 40px; max-width: 40px; } .is-mobile .setting-item-description { word-break: break-word; white-space: pre-line; } .is-mobile .view-action { padding: 3px 0 0 4px; margin-top: -4px; } .is-mobile .menu { padding-bottom: 30px; } .is-mobile .frontmatter-container .tag, .is-mobile .cm-s-obsidian span.cm-hashtag, .is-mobile .tag { font-size: var(--font-adaptive-smaller); } .is-mobile .setting-item-control select, .is-mobile .setting-item-control input, .is-mobile .setting-item-control button { margin-bottom: 5px; } .is-mobile .setting-item-control input[type='range'] { margin-bottom: 10px; } .is-mobile .publish-section-header, .is-mobile .publish-changes-info { flex-wrap: wrap; border: none; } .is-mobile .publish-changes-info .publish-changes-add-linked-btn { flex-basis: 100%; margin-top: 10px; } .is-mobile .publish-section-header-text { flex-basis: 100%; margin-bottom: 10px; margin-left: 20px; margin-top: -8px; } .is-mobile .publish-section { background: var(--background-secondary); border-radius: 10px; padding: 12px 12px 1px; } .is-mobile .publish-changes-switch-site { flex-grow: 0; margin-right: 10px; } } /* ---------------- */ /* Mobile toolbar button */ /* ---------------- */ body.is-mobile:not(.floating-button-off):not(.advanced-toolbar) .view-action:nth-last-of-type(5), body.is-mobile:not(.floating-button-off):not(.advanced-toolbar) .view-action:nth-last-of-type(4) { color: white; background-color: var(--blue); opacity: 1; top: calc(100vh - 90px); display: flex; padding: 5px; position: fixed; left: 87vw; transform: translate(-40%, -18%); justify-content: center; align-items: center; width: 53px; height: 53px; border-radius: 50% !important; box-shadow: 0.9px 0.9px 3.6px rgba(0, 0, 0, 0.07), 2.5px 2.4px 10px rgba(0, 0, 0, 0.1), 6px 5.7px 24.1px rgba(0, 0, 0, 0.13), 20px 19px 80px rgba(0, 0, 0, 0.2); } body.is-mobile:not(.floating-button-off).advanced-toolbar .view-action:nth-last-of-type(5), body.is-mobile:not(.floating-button-off).advanced-toolbar .view-action:nth-last-of-type(4) { color: white; background-color: var(--blue); opacity: 1; position: fixed; top: calc(100vh - 138px); display: flex; padding: 5px; left: 87vw; transform: translate(-40%, -18%); justify-content: center; align-items: center; width: 53px; height: 53px; border-radius: 50% !important; box-shadow: 0.9px 0.9px 3.6px rgba(0, 0, 0, 0.07), 2.5px 2.4px 10px rgba(0, 0, 0, 0.1), 6px 5.7px 24.1px rgba(0, 0, 0, 0.13), 20px 19px 80px rgba(0, 0, 0, 0.2); } /* --------------- */ /* Tablet styling */ /* --------------- */ @media (min-width: 400pt) { .mobile-toolbar-option { border-radius: 8px; margin: 6px 0; } .mobile-toolbar-option:hover { background-color: var(--background-tertiary); } .is-mobile.is-ios .safe-area-top-cover { background-color: transparent; } .is-mobile .modal, .is-mobile .modal-container .modal.mod-settings { max-width: 800px; transform: translateZ(0); border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; margin-bottom: -15px; overflow: hidden; } .is-mobile .modal-container .modal.mod-settings .vertical-tabs-container { transform: translateZ(0); } .is-mobile .view-action { padding: 5px 5px 4px; border-radius: 8px; } .is-mobile .view-action:hover, .is-mobile .nav-action-button:hover, .is-mobile .workspace-leaf-content[data-type='search'] .nav-action-button.is-active:hover, .is-mobile .workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active:hover, .is-mobile .workspace-drawer-tab-option-item:hover, .is-mobile .workspace-drawer-header-icon:hover { background-color: var(--background-tertiary); box-shadow: 0 0 0 2px var(--background-tertiary); } .is-mobile .prompt { max-width: 600px; max-height: 600px; bottom: auto !important; border-radius: 20px; top: 100px !important; } .is-mobile .suggestion-container { max-width: 600px; max-height: 600px; border-radius: 20px; bottom: 80px; border: 1px solid var(--background-modifier-border); } .is-mobile .modal-container .suggestion-item { padding: 10px 5px 10px 10px; border-radius: 8px; } .is-mobile .suggestion-flair { right: 0; left: auto; position: absolute; padding: 10px; } .is-mobile .menu { top: 60px !important; right: 0 !important; bottom: auto; left: auto; margin: 0 auto; width: 360px; padding: 10px 10px 20px; border-radius: 15px; box-shadow: 0 0 100vh 100vh rgba(0, 0, 0, 0.5); } /* Animations */ .is-mobile .menu, .is-mobile .suggestion-container, .is-mobile .modal, .is-mobile .prompt { transition: unset !important; transform: unset !important; animation: unset !important; } .is-mobile .modal-container .modal-bg { opacity: 0.8 !important; } .is-mobile .modal-container .prompt { opacity: 1 !important; } .is-mobile .menu .menu-item:hover { background-color: var(--background-tertiary); } .is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) { flex-direction: row; align-items: center; } .is-mobile .setting-item-control select, .is-mobile .setting-item-control input, .is-mobile .setting-item-control button { width: auto; } .is-mobile .workspace-drawer:not(.is-pinned) { margin: 30px 16px 0; height: calc(100vh - 48px); border-radius: 15px; } .is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control { width: auto; margin-top: 0; } .is-mobile .modal .search-input-container input { width: 100%; } .pull-down-action { width: 400px; top: 15px; padding: 15px; border-radius: 15px; } } /*---------------------------------------------------------------- PLUGINS ----------------------------------------------------------------*/ /* --------------- */ /* Sliding Panes */ /* --------------- */ body.plugin-sliding-panes-rotate-header { --header-width: 40px; } body.plugin-sliding-panes-rotate-header .view-header-title:before { display: none; } body.plugin-sliding-panes .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: 0 0; } body.plugin-sliding-panes .view-header { background: 0 0; } 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; } 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; } 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, body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container:before { background: 0 0 !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; bottom: 0; } body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .view-header-icon { opacity: var(--icon-muted); } body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .view-header-icon:hover { opacity: 1; } body.plugin-sliding-panes .workspace-split.mod-vertical > .workspace-leaf, body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-leaf { box-shadow: 0 0 0 1px var(--background-modifier-border), 1px 0 15px 0 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; } 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; } /* --------------- */ /* Hider */ /* --------------- */ .hider-ribbon:not(.is-mobile) .workspace-ribbon-collapse-btn { display: none; } .hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-right { pointer-events: none; } .hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left { position: absolute; border-right: 0px; margin: 0; height: var(--header-height); overflow: visible; flex-basis: 0; bottom: 0; top: auto; display: flex !important; flex-direction: row; z-index: 17; opacity: 0; transition: opacity 0.25s ease-in-out; filter: drop-shadow(2px 10px 30px rgba(0, 0, 0, 0.2)); } .hider-ribbon:not(.is-mobile) .side-dock-actions, .hider-ribbon:not(.is-mobile) .side-dock-settings { display: flex; border-top: var(--border-width) solid var(--background-modifier-border); background: var(--background-secondary); margin: 0; position: relative; } .hider-ribbon:not(.is-mobile) .side-dock-actions { padding-left: 5px; } .hider-ribbon:not(.is-mobile) .side-dock-settings { border-right: var(--border-width) solid var(--background-modifier-border); border-top-right-radius: 5px; padding-right: 10px; } .hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left .side-dock-ribbon-action { display: flex; padding: 4px; margin: 6px 0px 5px 10px; } .hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left:hover { opacity: 1; transition: opacity 0.25s ease-in-out; } .hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn { border-top: 1px solid var(--background-modifier-border); } .hider-ribbon:not(.is-mobile) .workspace-split.mod-left-split { margin: 0; } .hider-ribbon:not(.is-mobile) .workspace-leaf-content .item-list { padding-bottom: 40px; } .hider-ribbon .workspace-ribbon { padding: 0; } /* --------------- */ /* View Headers & Actions */ /* --------------- */ .view-header { align-items: center; } .view-actions { margin-right: 0px; margin-left: auto; transition: opacity 0.25s ease-in-out; } .view-actions .view-action { margin-right: 8px; } .view-action.is-active { color: var(--text-faint); opacity: 1; } .view-actions .view-action:last-child { margin-left: 2px; } /* Frameless mode on macOS only */ .hider-frameless:not(.is-mobile) .workspace-split.mod-right-split > .workspace-tabs, .hider-frameless:not(.is-mobile) .workspace-split.mod-root .view-header { padding-top: 2px; } .hider-frameless:not(.is-mobile) .workspace-split.mod-left-split > .workspace-tabs { padding-top: 24px; } .hider-frameless:not(.is-mobile) .workspace-split.mod-right-split > .workspace-tabs ~ .workspace-tabs, .hider-frameless:not(.is-mobile) .workspace-split.mod-left-split > .workspace-tabs ~ .workspace-tabs { padding-top: 0px; } .hider-frameless.is-fullscreen:not(.is-mobile) .workspace-split.mod-left-split > .workspace-tabs, .hider-frameless.is-fullscreen:not(.is-mobile) .workspace-split.mod-root .view-header { padding-top: 0px; } /* Title bar / traffic light icons */ /* TODO: fix for Live Preview */ .mod-macos.hider-frameless.hider-ribbon:not(.plugin-sliding-panes-rotate-header) { --traffic-space: 80px; --traffic-padding: 60px; } .mod-macos.hider-frameless:not(.plugin-sliding-panes-rotate-header) { --traffic-space: 55px; --traffic-padding: 20px; } .mod-macos.hider-frameless.hider-ribbon:not(.plugin-sliding-panes-rotate-header) { --traffic-space: 95px; --traffic-padding: 60px; } .mod-macos.hider-frameless:not(.plugin-sliding-panes-rotate-header) { --traffic-space: 65px; --traffic-padding: 20px; } .mod-macos.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-left-split.is-collapsed + .mod-root .workspace-leaf:first-of-type .workspace-leaf-content:not([data-type='graph']) .view-header-icon { margin-left: var(--traffic-padding); } body:not(.plugin-sliding-panes-rotate-header) .app-container .workspace-split.mod-root > .workspace-leaf .view-header { transition: height linear 0.1s; } :root { --traffic-x-space: 0px; } .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); } .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; } .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; } .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; } .mod-macos.hider-frameless .workspace-ribbon { border: none; } /* --------------- */ /* Calendar */ /* --------------- */ .workspace-leaf-content[data-type='calendar'] .view-content { padding: 5px 0 0 0; } #calendar-container { padding: 5px 15px; --color-background-day-empty: var(--background-secondary-alt); --color-background-day-active: var(--background-tertiary); --color-background-day-hover: var(--background-tertiary); --color-dot: var(--text-faint); --color-text-title: var(--text-normal); --color-text-heading: var(--text-muted); --color-text-day: var(--text-normal); --color-text-today: var(--text-normal); --color-arrow: var(--text-faint); --color-background-day-empty: transparent; } #calendar-container .table { border-collapse: separate; table-layout: fixed; } #calendar-container h2 { font-size: var(--h2); font-weight: 400; } .mod-root #calendar-container { width: var(--line-width-adaptive); max-width: var(--max-width); margin: 0 auto; padding: 0; } #calendar-container h2 .arrow { color: var(--text-faint); cursor: var(--cursor); } #calendar-container .arrow:hover { fill: var(--text-muted); color: var(--text-muted); } #calendar-container tr th { padding: 2px 0; font-weight: 500; } #calendar-container tr td { padding: 2px 0 0; border-radius: 4px; cursor: var(--cursor); border: 2px solid transparent; transition: none; } #calendar-container .nav { padding: 0; margin: 10px 5px 10px 5px; } #calendar-container .dot { margin: 0; } #calendar-container .arrow { cursor: var(--cursor); } #calendar-container .arrow:hover svg { color: var(--text-muted); } #calendar-container .reset-button { font-size: var(--font-adaptive-smaller); } #calendar-container .reset-button:hover { color: var(--text-normal); } #calendar-container .title { font-size: var(--h1); } #calendar-container .month, #calendar-container .title { font-size: var(--font-adaptive-normal); font-weight: 600; } #calendar-container .today { color: var(--text-accent); font-weight: 600; } #calendar-container .today .dot { fill: var(--text-accent); } #calendar-container .active .task { stroke: var(--text-faint); } #calendar-container .active { color: var(--text-normal); } #calendar-container .reset-button, #calendar-container .day { cursor: var(--cursor); } #calendar-container .active, #calendar-container .active.today, #calendar-container .week-num:hover, #calendar-container .day:hover { background-color: var(--color-background-day-active); } #calendar-container .active .dot { fill: var(--text-faint); } #calendar-container .active .task { stroke: var(--text-faint); } #calendar-container .year { color: var(--text-normal); } /* --------------- */ /* Kanban */ /* --------------- */ body .kanban-plugin__markdown-preview-view { font-family: var(--text); } body .workspace-leaf-content[data-type='kanban'] .view-header-title-container { text-align: center; } body .kanban-plugin { --interactive-accent: var(--text-selection); --interactive-accent-hover: var(--background-tertiary); --text-on-accent: var(--text-normal); background-color: var(--background-primary); } body .kanban-plugin__board > div { margin: 0 auto; } body .kanban-plugin__checkbox-label { font-size: var(--font-adaptive-small); color: var(--text-muted); } body .kanban-plugin__item-markdown ul { margin: 0; } body .kanban-plugin__item-content-wrapper { box-shadow: none; } body .kanban-plugin__grow-wrap > textarea, body .kanban-plugin__grow-wrap::after { padding: 0; border: 0; } body .kanban-plugin__grow-wrap > textarea, body .kanban-plugin__grow-wrap::after, body .kanban-plugin__item-title p { font-size: calc(var(--preview-font-size) - 2px); } body:not(.is-mobile) .kanban-plugin__grow-wrap > textarea:focus { box-shadow: none; } .kanban-plugin__item-input-actions button, .kanban-plugin__lane-input-actions button { font-size: var(--font-adaptive-small); } body .kanban-plugin__item { background-color: var(--background-primary); } body .kanban-plugin__lane-header-wrapper { border-bottom: 0; } body .kanban-plugin__lane-header-wrapper .kanban-plugin__grow-wrap > textarea, body .kanban-plugin__lane-input-wrapper .kanban-plugin__grow-wrap > textarea { background: transparent; color: var(--text-normal); font-size: 0.875rem; font-weight: 600; } body .kanban-plugin__item-input-wrapper { border: 0; } body .kanban-plugin__item-input-wrapper .kanban-plugin__grow-wrap > textarea { padding: 6px 8px; border: 1px solid var(--background-modifier-border); } body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled, body .kanban-plugin__item .kanban-plugin__item-edit-archive-button, body .kanban-plugin__item button.kanban-plugin__item-edit-button, body .kanban-plugin__lane button.kanban-plugin__lane-settings-button, .kanban-plugin__item-settings-actions > button, .kanban-plugin__lane-action-wrapper > button { background: transparent; transition: color 0.1s ease-in-out; } body .kanban-plugin__item .kanban-plugin__item-edit-archive-button:hover, body .kanban-plugin__item button.kanban-plugin__item-edit-button.is-enabled, body .kanban-plugin__item button.kanban-plugin__item-edit-button:hover, body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled, body .kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover { color: var(--text-normal); transition: color 0.1s ease-in-out; background: transparent; } body .kanban-plugin__new-lane-button-wrapper { position: fixed; bottom: 30px; } body .kanban-plugin button { box-shadow: none; cursor: var(--cursor); } body .kanban-plugin__item-button-wrapper > button { font-size: var(--font-adaptive-small); color: var(--text-muted); background: transparent; } body .kanban-plugin__item-button-wrapper > button:hover { color: var(--text-normal); background: var(--background-tertiary); } body .kanban-plugin__item-button-wrapper { padding-top: 5px; border-top: none; } body .kanban-plugin__lane-setting-wrapper > div:last-child { border: none; margin: 0; } body .kanban-plugin__item.is-dragging { box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15), 0 0 0 2px var(--text-selection); } body .kanban-plugin__lane.is-dragging { box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15); border: 1px solid var(--background-modifier-border); } body .kanban-plugin__lane { background: var(--background-secondary); padding: 0; border-radius: 8px; border: 1px solid transparent; } body .kanban-plugin__lane-items { padding-bottom: 0; margin: 0; background-color: var(--background-secondary); } body .kanban-plugin__markdown-preview-view ol.contains-task-list .contains-task-list, body .kanban-plugin__markdown-preview-view ul.contains-task-list .contains-task-list, body .kanban-plugin__markdown-preview-view ul, .kanban-plugin__markdown-preview-view ol { padding-inline-start: 24px !important; } @media (max-width: 400pt) { .kanban-plugin__board { flex-direction: column !important; } .kanban-plugin__lane { width: 100% !important; margin-bottom: 1rem !important; } } /* --------------- */ /* Todoist */ /* --------------- */ .todoist-query-title { display: inline !important; } .todoist-refresh-spin { animation: spin 1s linear infinite; } .todoist-refresh-button { display: inline; float: right; margin-left: 8px; padding: 3px 10px; } .todoist-refresh-button:hover { background-color: var(--background-tertiary); } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } /* READER VIEW */ .markdown-preview-view ul > li.task-list-item .todoist-p1 > input[type='checkbox'] { border: 1px solid #ff757f !important; background-color: rgba(255, 117, 127, 0.25) !important; } .markdown-preview-view ul > li.task-list-item .todoist-p1 > input[type='checkbox']:hover { background-color: rgba(255, 117, 127, 0.5) !important; } .markdown-preview-view ul > li.task-list-item .todoist-p2 > input[type='checkbox'] { border: 1px solid #ffc777 !important; background-color: rgba(255, 199, 119, 0.25) !important; } .markdown-preview-view ul > li.task-list-item .todoist-p2 > input[type='checkbox']:hover { background-color: rgba(255, 199, 119, 0.5) !important; } .markdown-preview-view ul > li.task-list-item .todoist-p3 > input[type='checkbox'] { border: 1px solid #65bcff !important; background-color: rgba(101, 188, 255, 0.25) !important; } .markdown-preview-view ul > li.task-list-item .todoist-p3 > input[type='checkbox']:hover { background-color: rgba(101, 188, 255, 0.5) !important; } .markdown-preview-view ul > li.task-list-item .todoist-p4 > input[type='checkbox'] { border: 1px solid #b4c2f0 !important; background-color: rgba(180, 194, 240, 0.25) !important; } .markdown-preview-view ul > li.task-list-item .todoist-p4 > input[type='checkbox']:hover { background-color: rgba(180, 194, 240, 0.5) !important; } /* LIVE PREVIEW */ .is-live-preview ul > li.task-list-item .todoist-p1 > input[type='checkbox'] { border: 1px solid #ff75c6 !important; background-color: rgba(255, 117, 221, 0.25) !important; } .is-live-preview ul > li.task-list-item .todoist-p1 > input[type='checkbox']:hover { background-color: rgba(255, 117, 193, 0.5) !important; } .is-live-preview ul > li.task-list-item .todoist-p2 > input[type='checkbox'] { border: 1px solid #ffa3a3 !important; background-color: rgba(255, 139, 119, 0.25) !important; } .is-live-preview ul > li.task-list-item .todoist-p2 > input[type='checkbox']:hover { background-color: rgba(255, 154, 154, 0.5) !important; } .is-live-preview ul > li.task-list-item .todoist-p3 > input[type='checkbox'] { border: 1px solid #35bfff !important; background-color: rgba(67, 233, 255, 0.308) !important; } .is-live-preview ul > li.task-list-item .todoist-p3 > input[type='checkbox']:hover { background-color: rgba(53, 223, 253, 0.5) !important; } .is-live-preview ul > li.task-list-item .todoist-p4 > input[type='checkbox'] { border: 1px solid #89c6ffd5 !important; background-color: rgba(150, 170, 179, 0.192) !important; } .is-live-preview ul > li.task-list-item .todoist-p4 > input[type='checkbox']:hover { background-color: rgba(166, 182, 194, 0.418) !important; } .task-metadata { font-size: var(--font-todoist-metadata-size); color: #7a88cf; margin-left: unset !important; } .task-metadata > * { margin-right: 30px; } .task-date.task-overdue { color: rgba(255, 152, 164, 0.75) !important; } .task-calendar-icon, .task-project-icon, .task-labels-icon { vertical-align: middle; height: 17px; width: 17px; } .todoist-project .todoist-project { margin-left: 20px; } .todoist-section { margin-left: 20px; } .todoist-project .todoist-project-title { font-weight: 700; margin-block-end: 0px; } .todoist-section .todoist-section-title { font-size: var(--font-todoist-title-size); color: #7a88cf; font-weight: 700; margin-block-end: 0px; } .todoist-error { border: 1px solid #ff98a4; background-color: rgba(255, 152, 164, 0.05); padding: 1em 1em; margin: 1em 0px; } .todoist-error p { margin: 0 0 1em 0; font-weight: 600; } .todoist-error code { background-color: unset !important; padding: unset !important; margin: unset !important; } .todoist-success { border: 1px solid #c3e88d !important; background-color: rgba(195, 232, 141, 0.05); padding: 1em 1em !important; margin: 1em 0px; } .todoist-success p { margin: 0; font-weight: 600; } .priority-container .priority-1 { color: #ff98a4; } .priority-container .priority-2 { color: #ffc777; } .priority-container .priority-3 { color: #65bcff; } .priority-container .priority-4 { color: #b4c2f0; } /* --------------- */ /* Checklist */ /* --------------- */ .checklist-plugin-main .group .classic, .checklist-plugin-main .group .compact, .checklist-plugin-main .group svg, .checklist-plugin-main .group .page { cursor: var(--cursor); } .workspace .view-content .checklist-plugin-main { padding: 10px 10px 15px 15px; --todoList-togglePadding--compact: 2px; --todoList-listItemMargin--compact: 2px; } .checklist-plugin-main .title { font-weight: 400; color: var(--text-muted); font-size: var(--font-adaptive-small); } .checklist-plugin-main .group svg { fill: var(--text-faint); } .checklist-plugin-main .group svg:hover { fill: var(--text-normal); } .checklist-plugin-main .group .title:hover { color: var(--text-normal); } .checklist-plugin-main .group:not(:last-child) { border-bottom: 1px solid var(--background-modifier-border); } .checklist-plugin-main .group { padding: 0 0 4px 0; } .checklist-plugin-main .group .classic:last-child, .checklist-plugin-main .group .compact:last-child { margin-bottom: 10px; } .checklist-plugin-main .group .classic, .checklist-plugin-main .group .compact { font-size: var(--font-adaptive-small) !important; } .checklist-plugin-main .content { font-size: var(--font-adaptive-small) !important; } .checklist-plugin-main .group .classic, .checklist-plugin-main .group .compact { background: transparent; border-radius: 0; margin: 1px auto; padding: 0; } .checklist-plugin-main .group .classic .content { padding: 0; } .checklist-plugin-main .group .classic:hover, .checklist-plugin-main .group .compact:hover { background: transparent; } .markdown-preview-view.checklist-plugin-main ul > li:not(.task-list-item)::before { display: none; } .checklist-plugin-main .group .compact > .toggle .checked { background: var(--text-accent); top: -1px; left: -1px; height: 18px; width: 18px; } .checklist-plugin-main .compact .toggle:hover { opacity: 1 !important; } .checklist-plugin-main .group .count { font-size: var(--font-adaptive-smaller); background: transparent; font-weight: 400; color: var(--text-faint); } .checklist-plugin-main .group .group-header:hover .count { color: var(--text-muted); } .checklist-plugin-main .group .checkbox { border: 2px solid var(--background-modifier-border-focus); min-height: 18px; min-width: 18px; height: 18px; width: 18px; border-radius: 30%; } .checklist-plugin-main .group .checkbox:hover { border: 2px solid var(--background-modifier-border-focus); } .checklist-plugin-main .toggle:hover { box-shadow: none; } .checklist-plugin-main .container .search { font-size: var(--font-adaptive-small) !important; border: 1px solid var(--background-modifier-border) !important; } .checklist-plugin-main .container .settings-container > svg { width: 100%; } .checklist-plugin-main .checkbox .checked { border-radius: 30% !important; background-color: var(--background-modifier-border-focus) !important; top: calc( calc(var(--checklist-checkboxSize) - var(--checklist-checkboxCheckedSize)) / 6 ); left: calc( calc(var(--checklist-checkboxSize) - var(--checklist-checkboxCheckedSize)) / 6 ); } /* Checklist mobile styling */ .is-mobile .checklist-plugin-main .group-header { display: flex; margin-bottom: 12px; } .is-mobile .checklist-plugin-main .group-header .title { font-weight: 500; color: var(--text-muted); font-size: var(--font-adaptive-small); } .is-mobile .checklist-plugin-main .group-header button { width: fit-content !important; margin-left: 5px; } .is-mobile .checklist-plugin-main .group .classic { display: flex; align-items: center; padding: 5px 0; } .is-mobile .checklist-plugin-main .group .classic .content { padding: 0; display: inline-block; } .is-mobile .checklist-plugin-main .group .classic .toggle { padding: 0; margin-right: 1rem; width: fit-content !important; display: inline-block; } /* --------------- */ /* Dataview */ /* --------------- */ .markdown-preview-view .table-view-table { font-size: calc(var(--font-adaptive-normal) - 1px); } .markdown-preview-view .table-view-table > thead > tr > th { font-weight: 600; font-size: calc(var(--font-adaptive-normal) - 1px); color: var(--text-normal); border-bottom: 1px solid var(--text-faint); cursor: var(--cursor); font-family: var(--font-monospace); } /* --------------- */ /* Day Planner */ /* --------------- */ .plugin-obsidian-day-planner { display: flex !important; align-items: center; } .day-planner { position: relative; display: flex; align-items: center; } /* --------------- */ /* Style Settings */ /* --------------- */ .setting-item-heading.style-settings-heading, .style-settings-container .style-settings-heading { cursor: var(--cursor); } .modal.mod-settings .setting-item .pickr button.pcr-button { box-shadow: none; border-radius: 40px; height: 24px; width: 24px; } .setting-item .pickr .pcr-button:after, .setting-item .pickr .pcr-button:before { border-radius: 40px; box-shadow: none; border: none; } /* --------------- */ /* MacOs-like Translucency */ /* --------------- */ .is-translucent:not(.macOS-translucent).theme-light { --opacity-translucency: 0.6; } .is-translucent:not(.macOS-translucent).theme-dark { --opacity-translucency: 0.7; } .is-translucent .workspace-leaf-resize-handle { opacity: var(--opacity-translucency); background-color: transparent; } .macOS-translucent.is-translucent.is-translucent ::-webkit-scrollbar { display: none; } .macOS-translucent.is-translucent .titlebar, .macOS-translucent.is-translucent .status-bar { background-color: var(--background-translucent) !important; } .macOS-translucent.is-translucent .titlebar-button:hover { background-color: var(--background-primary); } .macOS-translucent.is-translucent .workspace { background-color: var(--background-translucent) !important; } .macOS-translucent.is-translucent .workspace-split .workspace-tabs { background: var(--background-primary) !important; } .macOS-translucent.is-translucent .workspace-tab-container-inner { background-color: transparent !important; border: transparent; } .macOS-translucent.is-translucent .workspace-split .workspace-tabs, .macOS-translucent.is-translucent .graph-controls, .macOS-translucent.is-translucent .nav-file-title.is-active { background-color: transparent !important; box-shadow: inset -10px 0 4px -10px rgba(0, 0, 0, 0.04); } .focus-mode.macOS-translucent.is-translucent .workspace { background-color: var(--background-primary) !important; } .macOS-translucent.is-translucent .workspace-ribbon.mod-right, .macOS-translucent.is-translucent .workspace-ribbon.mod-left { background: transparent; } .macOS-translucent.is-translucent .mod-horizontal .workspace-leaf { border-bottom: 0px; background-color: transparent; box-shadow: none !important; } .macOS-translucent.is-translucent.theme-light .workspace { --text-muted: hsl( var(--base-h), calc(var(--base-s) - 3%), calc(var(--base-l) - 50%) ); --svg-faint: hsl( var(--base-h), calc(var(--base-s) - 3%), calc(var(--base-l) - 38%) ); } /* -------------------------------------------------------------------------------- Icon replacement Thanks to Kepano, Matthew Meyers, and Chetachi Ezikeuzor -------------------------------------------------------------------------------- */ .tree-item-self .collapse-icon { width: 20px; } body:not(.minimal-icons-off) .view-action svg, body:not(.minimal-icons-off) .workspace-tab-header-inner-icon svg, body:not(.minimal-icons-off) .nav-action-button svg, body:not(.minimal-icons-off) .graph-controls-button svg { width: 18px; height: 18px; } body:not(.minimal-icons-off) .menu-item-icon svg { width: 16px; height: 16px; } body:not(.minimal-icons-off) .workspace-ribbon-collapse-btn svg { width: 18px; height: 18px; } body:not(.minimal-icons-off) svg.any-key, body:not(.minimal-icons-off) svg.blocks, body:not(.minimal-icons-off) svg.bar-graph, body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon, body:not(.minimal-icons-off) svg.audio-file, body:not(.minimal-icons-off) svg.bold-glyph, body:not(.minimal-icons-off) svg.italic-glyph, body:not(.minimal-icons-off) svg.bracket-glyph, body:not(.minimal-icons-off) svg.broken-link, body:not(.minimal-icons-off) svg.bullet-list-glyph, body:not(.minimal-icons-off) svg.bullet-list, body:not(.minimal-icons-off) svg.calendar-day, body:not(.minimal-icons-off) svg.calendar-with-checkmark, body:not(.minimal-icons-off) svg.check-in-circle, body:not(.minimal-icons-off) svg.check-small, body:not(.minimal-icons-off) svg.checkbox-glyph, body:not(.minimal-icons-off) svg.checkmark, body:not(.minimal-icons-off) svg.clock, body:not(.minimal-icons-off) svg.cloud, body:not(.minimal-icons-off) svg.code-glyph, body:not(.minimal-icons-off) svg.create-new, body:not(.minimal-icons-off) svg.cross-in-box, body:not(.minimal-icons-off) svg.cross, body:not(.minimal-icons-off) svg.crossed-star, body:not(.minimal-icons-off) svg.dice, body:not(.minimal-icons-off) svg.disk, body:not(.minimal-icons-off) svg.document, body:not(.minimal-icons-off) svg.documents, body:not(.minimal-icons-off) svg.dot-network, body:not(.minimal-icons-off) svg.double-down-arrow-glyph, body:not(.minimal-icons-off) svg.double-up-arrow-glyph, body:not(.minimal-icons-off) svg.down-arrow-with-tail, body:not(.minimal-icons-off) svg.down-chevron-glyph, body:not(.minimal-icons-off) svg.enter, body:not(.minimal-icons-off) svg.exit-fullscreen, body:not(.minimal-icons-off) svg.expand-vertically, body:not(.minimal-icons-off) svg.excalidraw-icon, body:not(.minimal-icons-off) svg.filled-pin, body:not(.minimal-icons-off) svg.folder, body:not(.minimal-icons-off) svg.fullscreen, body:not(.minimal-icons-off) svg.gear, body:not(.minimal-icons-off) svg.hashtag, body:not(.minimal-icons-off) svg.heading-glyph, body:not(.minimal-icons-off) svg.go-to-file, body:not(.minimal-icons-off) svg.help .widget-icon, body:not(.minimal-icons-off) svg.help, body:not(.minimal-icons-off) svg.highlight-glyph, body:not(.minimal-icons-off) svg.horizontal-split, body:not(.minimal-icons-off) svg.image-file, body:not(.minimal-icons-off) svg.image-glyph, body:not(.minimal-icons-off) svg.indent-glyph, body:not(.minimal-icons-off) svg.info, body:not(.minimal-icons-off) svg.install, body:not(.minimal-icons-off) svg.keyboard-glyph, body:not(.minimal-icons-off) svg.left-arrow-with-tail, body:not(.minimal-icons-off) svg.left-arrow, body:not(.minimal-icons-off) svg.left-chevron-glyph, body:not(.minimal-icons-off) svg.lines-of-text, body:not(.minimal-icons-off) svg.link-glyph, body:not(.minimal-icons-off) svg.link, body:not(.minimal-icons-off) svg.magnifying-glass, body:not(.minimal-icons-off) svg.microphone-filled, body:not(.minimal-icons-off) svg.microphone, body:not(.minimal-icons-off) svg.minus-with-circle, body:not(.minimal-icons-off) svg.note-glyph, body:not(.minimal-icons-off) svg.number-list-glyph, body:not(.minimal-icons-off) svg.open-vault, body:not(.minimal-icons-off) svg.pane-layout, body:not(.minimal-icons-off) svg.paper-plane, body:not(.minimal-icons-off) svg.paused, /*body:not(.minimal-icons-off) svg.pdf-file,*/ body:not(.minimal-icons-off) svg.pencil, body:not(.minimal-icons-off) svg.pin, body:not(.minimal-icons-off) svg.plus-with-circle, body:not(.minimal-icons-off) svg.popup-open, body:not(.minimal-icons-off) svg.presentation, body:not(.minimal-icons-off) svg.price-tag-glyph, body:not(.minimal-icons-off) svg.quote-glyph, body:not(.minimal-icons-off) svg.redo-glyph, body:not(.minimal-icons-off) svg.reset, body:not(.minimal-icons-off) svg.right-arrow-with-tail, body:not(.minimal-icons-off) svg.right-arrow, body:not(.minimal-icons-off) svg.right-chevron-glyph, body:not(.minimal-icons-off) svg.right-triangle, body:not(.minimal-icons-off) svg.run-command, body:not(.minimal-icons-off) svg.search, body:not(.minimal-icons-off) svg.sheets-in-box, body:not(.minimal-icons-off) svg.spreadsheet, body:not(.minimal-icons-off) svg.stacked-levels, body:not(.minimal-icons-off) svg.star-list, body:not(.minimal-icons-off) svg.star, body:not(.minimal-icons-off) svg.strikethrough-glyph, body:not(.minimal-icons-off) svg.switch, body:not(.minimal-icons-off) svg.sync-small, body:not(.minimal-icons-off) svg.sync, body:not(.minimal-icons-off) svg.tag-glyph, body:not(.minimal-icons-off) svg.three-horizontal-bars, body:not(.minimal-icons-off) svg.trash, body:not(.minimal-icons-off) svg.undo-glyph, body:not(.minimal-icons-off) svg.unindent-glyph, body:not(.minimal-icons-off) svg.up-and-down-arrows, body:not(.minimal-icons-off) svg.up-arrow-with-tail, body:not(.minimal-icons-off) svg.up-chevron-glyph, body:not(.minimal-icons-off) svg.vault, body:not(.minimal-icons-off) svg.vertical-split, body:not(.minimal-icons-off) svg.vertical-three-dots, body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph, body:not(.minimal-icons-off) svg.clock-glyph, body:not(.minimal-icons-off) svg.command-glyph, body:not(.minimal-icons-off) svg.add-note-glyph, body:not(.minimal-icons-off) svg.calendar-glyph, body:not(.minimal-icons-off) svg.duplicate-glyph, body:not(.minimal-icons-off) svg.file-explorer-glyph, body:not(.minimal-icons-off) svg.graph-glyph, body:not(.minimal-icons-off) svg.import-glyph, body:not(.minimal-icons-off) svg.languages, body:not(.minimal-icons-off) svg.links-coming-in, body:not(.minimal-icons-off) svg.links-going-out, body:not(.minimal-icons-off) svg.merge-files-glyph, body:not(.minimal-icons-off) svg.merge-files, body:not(.minimal-icons-off) svg.open-elsewhere-glyph, body:not(.minimal-icons-off) svg.paper-plane-glyph, body:not(.minimal-icons-off) svg.paste-text, body:not(.minimal-icons-off) svg.paste, body:not(.minimal-icons-off) svg.percent-sign-glyph, body:not(.minimal-icons-off) svg.play-audio-glyph, body:not(.minimal-icons-off) svg.plus-minus-glyph, body:not(.minimal-icons-off) svg.presentation-glyph, body:not(.minimal-icons-off) svg.question-mark-glyph, body:not(.minimal-icons-off) svg.restore-file-glyph, body:not(.minimal-icons-off) svg.scissors-glyph, body:not(.minimal-icons-off) svg.scissors, body:not(.minimal-icons-off) svg.search-glyph, body:not(.minimal-icons-off) svg.select-all-text, body:not(.minimal-icons-off) svg.split, body:not(.minimal-icons-off) svg.star-glyph, body:not(.minimal-icons-off) svg.stop-audio-glyph, body:not(.minimal-icons-off) svg.sweep, body:not(.minimal-icons-off) svg.two-blank-pages, body:not(.minimal-icons-off) svg.tomorrow-glyph, body:not(.minimal-icons-off) svg.yesterday-glyph, body:not(.minimal-icons-off) svg.workspace-glyph, body:not(.minimal-icons-off) svg.box-glyph, body:not(.minimal-icons-off) svg.wand, body:not(.minimal-icons-off) svg.longform, body:not(.minimal-icons-off) svg.changelog, body:not(.no-sanctum-icons) svg.reading-glasses { background-color: currentColor; } body:not(.minimal-icons-off) svg.any-key > path, body:not(.minimal-icons-off) svg.blocks > path, body:not(.minimal-icons-off) svg.bar-graph > path, body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon > path, body:not(.minimal-icons-off) svg.audio-file > path, body:not(.minimal-icons-off) svg.bold-glyph > path, body:not(.minimal-icons-off) svg.italic-glyph > path, body:not(.minimal-icons-off) svg.bracket-glyph > path, body:not(.minimal-icons-off) svg.broken-link > path, body:not(.minimal-icons-off) svg.bullet-list-glyph > path, body:not(.minimal-icons-off) svg.bullet-list > path, body:not(.minimal-icons-off) svg.calendar-day > path, body:not(.minimal-icons-off) svg.calendar-with-checkmark > path, body:not(.minimal-icons-off) svg.check-in-circle > path, body:not(.minimal-icons-off) svg.check-small > path, body:not(.minimal-icons-off) svg.checkbox-glyph > path, body:not(.minimal-icons-off) svg.checkmark > path, body:not(.minimal-icons-off) svg.clock > path, body:not(.minimal-icons-off) svg.cloud > path, body:not(.minimal-icons-off) svg.code-glyph > path, body:not(.minimal-icons-off) svg.command-glyph > path, body:not(.minimal-icons-off) svg.create-new > path, body:not(.minimal-icons-off) svg.cross-in-box > path, body:not(.minimal-icons-off) svg.cross > path, body:not(.minimal-icons-off) svg.crossed-star > path, body:not(.minimal-icons-off) svg.dice > path, body:not(.minimal-icons-off) svg.disk > path, body:not(.minimal-icons-off) svg.document > path, body:not(.minimal-icons-off) svg.documents > path, body:not(.minimal-icons-off) svg.dot-network > path, body:not(.minimal-icons-off) svg.double-down-arrow-glyph > path, body:not(.minimal-icons-off) svg.double-up-arrow-glyph > path, body:not(.minimal-icons-off) svg.down-arrow-with-tail > path, body:not(.minimal-icons-off) svg.down-chevron-glyph > path, body:not(.minimal-icons-off) svg.enter > path, body:not(.minimal-icons-off) svg.exit-fullscreen > path, body:not(.minimal-icons-off) svg.expand-vertically > path, body:not(.minimal-icons-off) svg.excalidraw-icon > path, body:not(.minimal-icons-off) svg.filled-pin > path, body:not(.minimal-icons-off) svg.folder > path, body:not(.minimal-icons-off) svg.fullscreen > path, body:not(.minimal-icons-off) svg.gear > path, body:not(.minimal-icons-off) svg.hashtag > path, body:not(.minimal-icons-off) svg.heading-glyph > path, body:not(.minimal-icons-off) svg.go-to-file > path, body:not(.minimal-icons-off) svg.help .widget-icon > path, body:not(.minimal-icons-off) svg.help > path, body:not(.minimal-icons-off) svg.highlight-glyph > path, body:not(.minimal-icons-off) svg.horizontal-split > path, body:not(.minimal-icons-off) svg.image-file > path, body:not(.minimal-icons-off) svg.image-glyph > path, body:not(.minimal-icons-off) svg.indent-glyph > path, body:not(.minimal-icons-off) svg.info > path, body:not(.minimal-icons-off) svg.install > path, body:not(.minimal-icons-off) svg.keyboard-glyph > path, body:not(.minimal-icons-off) svg.left-arrow-with-tail > path, body:not(.minimal-icons-off) svg.left-arrow > path, body:not(.minimal-icons-off) svg.left-chevron-glyph > path, body:not(.minimal-icons-off) svg.lines-of-text > path, body:not(.minimal-icons-off) svg.link-glyph > path, body:not(.minimal-icons-off) svg.link > path, body:not(.minimal-icons-off) svg.magnifying-glass > path, body:not(.minimal-icons-off) svg.microphone-filled > path, body:not(.minimal-icons-off) svg.microphone > path, body:not(.minimal-icons-off) svg.minus-with-circle > path, body:not(.minimal-icons-off) svg.note-glyph > path, body:not(.minimal-icons-off) svg.number-list-glyph > path, body:not(.minimal-icons-off) svg.open-vault > path, body:not(.minimal-icons-off) svg.pane-layout > path, body:not(.minimal-icons-off) svg.paper-plane > path, body:not(.minimal-icons-off) svg.paused > path, /*body:not(.minimal-icons-off) svg.pdf-file > path,*/ body:not(.minimal-icons-off) svg.pencil > path, body:not(.minimal-icons-off) svg.pin > path, body:not(.minimal-icons-off) svg.plus-with-circle > path, body:not(.minimal-icons-off) svg.popup-open > path, body:not(.minimal-icons-off) svg.presentation > path, body:not(.minimal-icons-off) svg.price-tag-glyph > path, body:not(.minimal-icons-off) svg.quote-glyph > path, body:not(.minimal-icons-off) svg.redo-glyph > path, body:not(.minimal-icons-off) svg.reset > path, body:not(.minimal-icons-off) svg.right-arrow-with-tail > path, body:not(.minimal-icons-off) svg.right-arrow > path, body:not(.minimal-icons-off) svg.right-chevron-glyph > path, body:not(.minimal-icons-off) svg.right-triangle > path, body:not(.minimal-icons-off) svg.run-command > path, body:not(.minimal-icons-off) svg.search > path, body:not(.minimal-icons-off) svg.sheets-in-box > path, body:not(.minimal-icons-off) svg.spreadsheet > path, body:not(.minimal-icons-off) svg.stacked-levels > path, body:not(.minimal-icons-off) svg.star-list > path, body:not(.minimal-icons-off) svg.star > path, body:not(.minimal-icons-off) svg.strikethrough-glyph > path, body:not(.minimal-icons-off) svg.switch > path, body:not(.minimal-icons-off) svg.sync-small > path, body:not(.minimal-icons-off) svg.sync > path, body:not(.minimal-icons-off) svg.tag-glyph > path, body:not(.minimal-icons-off) svg.three-horizontal-bars > path, body:not(.minimal-icons-off) svg.trash > path, body:not(.minimal-icons-off) svg.undo-glyph > path, body:not(.minimal-icons-off) svg.unindent-glyph > path, body:not(.minimal-icons-off) svg.up-and-down-arrows > path, body:not(.minimal-icons-off) svg.up-arrow-with-tail > path, body:not(.minimal-icons-off) svg.up-chevron-glyph > path, body:not(.minimal-icons-off) svg.vault > path, body:not(.minimal-icons-off) svg.vertical-split > path, body:not(.minimal-icons-off) svg.vertical-three-dots > path, body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph > path, body:not(.minimal-icons-off) svg.clock-glyph > path, body:not(.minimal-icons-off) svg.add-note-glyph > path, body:not(.minimal-icons-off) svg.calendar-glyph > path, body:not(.minimal-icons-off) svg.duplicate-glyph > path, body:not(.minimal-icons-off) svg.file-explorer-glyph > path, body:not(.minimal-icons-off) svg.graph-glyph > path, body:not(.minimal-icons-off) svg.import-glyph > path, body:not(.minimal-icons-off) svg.languages > path, body:not(.minimal-icons-off) svg.links-coming-in > path, body:not(.minimal-icons-off) svg.links-going-out > path, body:not(.minimal-icons-off) svg.merge-files > path, body:not(.minimal-icons-off) svg.open-elsewhere-glyph > path, body:not(.minimal-icons-off) svg.paper-plane-glyph > path, body:not(.minimal-icons-off) svg.paste-text > path, body:not(.minimal-icons-off) svg.paste > path, body:not(.minimal-icons-off) svg.percent-sign-glyph > path, body:not(.minimal-icons-off) svg.play-audio-glyph > path, body:not(.minimal-icons-off) svg.plus-minus-glyph > path, body:not(.minimal-icons-off) svg.presentation-glyph > path, body:not(.minimal-icons-off) svg.question-mark-glyph > path, body:not(.minimal-icons-off) svg.restore-file-glyph > path, body:not(.minimal-icons-off) svg.scissors-glyph > path, body:not(.minimal-icons-off) svg.scissors > path, body:not(.minimal-icons-off) svg.search-glyph > path, body:not(.minimal-icons-off) svg.select-all-text > path, body:not(.minimal-icons-off) svg.split > path, body:not(.minimal-icons-off) svg.star-glyph > path, body:not(.minimal-icons-off) svg.stop-audio-glyph > path, body:not(.minimal-icons-off) svg.sweep > path, body:not(.minimal-icons-off) svg.two-blank-pages > path, body:not(.minimal-icons-off) svg.tomorrow-glyph > path, body:not(.minimal-icons-off) svg.yesterday-glyph > path, body:not(.minimal-icons-off) svg.workspace-glyph > path, body:not(.minimal-icons-off) svg.box-glyph > path, body:not(.minimal-icons-off) svg.wand > path, body:not(.minimal-icons-off) svg.longform > path, body:not(.minimal-icons-off) svg.changelog > path, body:not(.no-sanctum-icons) svg.reading-glasses > path { display: none; } body:not(.minimal-icons-off) svg.any-key { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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;utf8,'); } body:not(.minimal-icons-off) svg.cross { -webkit-mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url("data:image/svg+xml,"); width: 18px; height: 18px; } 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(.no-svg-replace) svg.document { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.no-svg-replace) .workspace-leaf-content[data-type='starred'] 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) 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) .workspace-leaf-content[data-type='video'] .view-header .view-header-icon svg.document { background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 32 32' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M10 6h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4z'/%3E%3Cpath fill='none' d='M0 0h32v32H0z'/%3E%3C/svg%3E"); } body:not(.minimal-icons-off) .workspace-leaf-content[data-type='markdown'] .view-header .view-header-icon svg.document { background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 32 32' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M10 6h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4z'/%3E%3Cpath fill='none' d='M0 0h32v32H0z'/%3E%3C/svg%3E"); } body:not(.minimal-icons-off) svg.dot-network { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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[aria-label='File explorer'] svg.folder { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6' /%3E%3C/svg%3E"); } body:not(.minimal-icons-off) .nav-action-button[aria-label='New folder'] svg.folder { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z' /%3E%3C/svg%3E"); } body:not(.minimal-icons-off) svg.fullscreen { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } body:not(.minimal-icons-off) svg.gear { -webkit-mask-image: url("data:image/svg+xml,"); } 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;utf8,'); } 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.lines-of-text { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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.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,'); } 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[aria-label='Dictionary'] svg.quote-glyph { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253' /%3E%3C/svg%3E"); } body:not(.minimal-icons-off) svg.redo-glyph { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } 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: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;utf8,'); } 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,'); } body:not(.minimal-icons-off) svg.reading-glasses { -webkit-mask-image: url('data:image/svg+xml;utf8,'); } /* ─────────────────────────────────────────────────── */ /* Plugin Compatibility info for the Obsidian Hub */ /* ─────────────────────────────────────────────────── */ /* @plugins core: - backlink - command-palette - file-explorer - global-search - graph - outgoing-link - outline - page-preview - starred - switcher - tag-pane - file-recovery - daily-notes - random-note - publish - sync - word-count community: - sliding-panes-obsidian - obsidian-codemirror-options - obsidian-kanban - dataview - obsidian-hider - calendar - mysnippets-plugin - cmenu-plugin - obsidian-outliner - readwise-official - tag-wrangler - todoist-sync-plugin - templater-obsidian - obsidian-system-dark-mode - obsidian-style-settings */ /* Style Settings */ /* @settings name: Things Theme id: things-style settings: - id: features title: Features type: heading level: 2 collapsed: true - id: minimal-icons-off title: Default icons description: Use default icons instead of minimal set type: class-toggle default: false - id: full-file-names title: Show full file names description: Turn off trimming on files in sidebar type: class-toggle - id: links-int-on title: Underline internal links description: Show underlines on internal links type: class-toggle default: true - id: links-ext-on title: Underline external links description: Show underlines on external links type: class-toggle default: true - id: show-mobile-hamburger title: Display hamburger menu on mobile description: Display the top-left hamburger menu on mobile type: class-toggle default: false - id: fonts title: Fonts type: heading level: 2 collapsed: true - id: text title: Text font description: Used in preview mode type: variable-text default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif - id: text-editor title: Editor font description: Used in edit mode type: variable-text default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif - id: font-monospace title: Monospace font description: Used for code blocks and front matter type: variable-text default: JetBrains Mono,Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace - id: font-ui title: UI font description: Used for buttons, menus and sidebar type: variable-text default: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif - id: custom-fonts title: Typography type: heading level: 2 collapsed: true - id: default-font-color title: Default font colors description: Use the default font color styling for bold, italics, and quotes type: class-toggle default: false - id: accent-h title: Link hue color description: Hue of both internal and external links type: variable-number-slider default: 215 min: 0 max: 360 step: 1 - id: strong-color title: Bold font color type: variable-color format: hex default: '#FF82B2' - id: em-color title: Italics font color type: variable-color format: hex default: '#FF82B2' - id: green title: Blockquotes font color type: variable-color format: hex default: '#3EB4BF' - id: code-color-l title: Inline code blocks font color (Light mode) type: variable-color format: hex default: '#5C5C5C' - id: code-color-d title: Inline code blocks font color (Dark mode) type: variable-color format: hex default: '#A6A6A6' - id: tag-background-color-l title: Tag background color (Light mode) type: variable-color format: hex default: '#BDE1D3' - id: tag-font-color-l title: Tag font color (Light mode) type: variable-color format: hex default: '#1D694B' - id: tag-background-color-d title: Tag background color (Dark mode) type: variable-color format: hex default: '#1D694B' - id: tag-font-color-d title: Tag font color (Dark mode) type: variable-color format: hex default: '#' - id: editor-font-size title: Editor font size description: Font size in em for editor and preview overall font size type: variable-number default: 1 format: em - id: font-small title: Sidebar and tag font size description: Font size in px of sidebar, tags, and small text type: variable-number default: 13 format: px - id: font-smaller title: Smaller font size description: Font size in px of smaller text type: variable-number default: 11 format: px - id: line-height title: Body line height description: Line height of the main text type: variable-number default: 1.5 - id: line-width title: Normal line width description: Number of characters per line type: variable-number default: 45 format: rem - id: max-width title: Maximum line width description: Percentage of space inside a pane that a line can fill. Recommended values between 80 to 100 type: variable-number default: 90 format: '%' - id: headings title: Headings type: heading level: 2 collapsed: true - id: level-1-headings title: Level 1 Headings type: heading level: 3 collapsed: true - id: h1 title: H1 font size description: Accepts any CSS font-size value type: variable-text default: 1.5em - id: h1-weight title: H1 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 700 - id: h1-color title: H1 color type: variable-color format: hex default: '#' - id: level-2-headings title: Level 2 Headings type: heading level: 3 collapsed: true - id: h2 title: H2 font size description: Accepts any CSS font-size value type: variable-text default: 1.3em - id: h2-weight title: H2 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 700 - id: h2-color title: H2 color type: variable-color format: hex default: '#2E80F2' - id: level-3-headings title: Level 3 Headings type: heading level: 3 collapsed: true - id: h3 title: H3 font size description: Accepts any CSS font-size value type: variable-text default: 1.1em - id: h3-weight title: H3 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 600 - id: h3-color title: H3 color type: variable-color format: hex default: '#2E80F2' - id: level-4-headings title: Level 4 Headings type: heading level: 3 collapsed: true - id: h4 title: H4 font size description: Accepts any CSS font-size value type: variable-text default: 0.9em - id: h4-weight title: H4 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 500 - id: h4-color title: H4 color type: variable-color format: hex default: '#E5B567' - id: h4-transform title: H4 transform description: Transform the H4 heading text type: variable-select default: uppercase options: - label: Uppercase value: uppercase - label: None value: none - id: level-5-headings title: Level 5 Headings type: heading level: 3 collapsed: true - id: h5 title: H5 font size description: Accepts any CSS font-size value type: variable-text default: 0.85em - id: h5-weight title: H5 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 500 - id: h5-color title: H5 color type: variable-color format: hex default: '#E83E3E' - id: level-6-headings title: Level 6 Headings type: heading level: 3 collapsed: true - id: h6 title: H6 font size description: Accepts any CSS font-size value type: variable-text default: 0.85em - id: h6-weight title: H6 font weight description: Accepts numbers representing the CSS font-weight type: variable-number default: 400 - id: h6-color title: H6 color type: variable-color format: hex default: '#' - id: advanced title: Advanced type: heading level: 2 collapsed: true - title: Disable mobile floating-action button description: Revert placement of edit/preview button to default in header (mobile) id: floating-button-off type: class-toggle default: false - title: MacOS-like translucent window description: Give workspace a MacOS-like translucency id: macOS-translucent type: class-toggle default: false - id: cursor title: Cursor style description: The cursor style for UI elements type: variable-select default: default options: - label: Default value: default - label: Pointer value: pointer - label: Crosshair value: crosshair - id: credits title: Credits type: heading description: Created with ❤︎ by @colineckert. This theme uses code from Minimal by @kepano. Support @kepano at buymeacoffee.com/kepano and @colineckert at buymeacoffee.com/colineckert level: 2 collapsed: true */