--- /dev/null
+/* ---------------------------------------------------------------------------\r
+\r
+Minimal Theme by @kepano\r
+\r
+User interface replacement for Obsidian.\r
+\r
+Designed to be used with the Minimal Theme Settings \r
+plugin and the Hider plugin.\r
+\r
+Sponsor my work:\r
+https://www.buymeacoffee.com/kepano\r
+\r
+Readme:\r
+https://github.com/kepano/obsidian-minimal\r
+\r
+-----------------------------------------------------------------------------\r
+\r
+MIT License\r
+\r
+Copyright (c) 2020-2024 Steph Ango (@kepano)\r
+\r
+Permission is hereby granted, free of charge, to any person obtaining a copy\r
+of this software and associated documentation files (the "Software"), to deal\r
+in the Software without restriction, including without limitation the rights\r
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\r
+copies of the Software, and to permit persons to whom the Software is\r
+furnished to do so, subject to the following conditions:\r
+\r
+The above copyright notice and this permission notice shall be included in \r
+all copies or substantial portions of the Software.\r
+\r
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\r
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\r
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\r
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\r
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\r
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\r
+SOFTWARE.\r
+\r
+*/\r
+
+@charset "UTF-8";
+/* Variables */
+body {
+ --font-editor-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);
+ /* Bases */
+ --bases-table-column-border-width: 0px;
+ --bases-header-border-width: 0;
+ /* Blockquotes */
+ --blockquote-style:normal;
+ --blockquote-color: var(--text-muted);
+ --blockquote-border-thickness: 1px;
+ --blockquote-border-color: var(--quote-opening-modifier);
+ /* Embeds */
+ --embed-block-shadow-hover: none;
+ /* Font sizes */
+ --font-ui-smaller: 11px;
+ /* Font weights */
+ --normal-weight: 400;
+ /* Headings */
+ --inline-title-margin-bottom: 1rem;
+ --h1-size: 1.125em;
+ --h2-size: 1.05em;
+ --h3-size: 1em;
+ --h4-size: 0.90em;
+ --h5-size: 0.85em;
+ --h6-size: 0.85em;
+ --h1-weight: 600;
+ --h2-weight: 600;
+ --h3-weight: 500;
+ --h4-weight: 500;
+ --h5-weight: 500;
+ --h6-weight: 400;
+ --h1-variant: normal;
+ --h2-variant: normal;
+ --h3-variant: normal;
+ --h4-variant: normal;
+ --h5-variant: small-caps;
+ --h6-variant: small-caps;
+ --h1-style: normal;
+ --h2-style: normal;
+ --h3-style: normal;
+ --h4-style: normal;
+ --h5-style: normal;
+ --h6-style: normal;
+ /* Line widths */
+ --line-width: 40rem;
+ --line-height: 1.5;
+ --line-height-normal: var(--line-height);
+ --max-width: 88%;
+ --max-col-width: 18em;
+ /* Icons */
+ --icon-muted: 0.5;
+ /* Quotes and transclusions */
+ --nested-padding:1.1em;
+ /* Lists */
+ --folding-offset: 32px;
+ --list-edit-offset: 0.5em;
+ --list-indent: 2em;
+ --list-spacing: 0.075em;
+ --input-height: 32px;
+ --header-height: 40px;
+ /* Metadata */
+ --metadata-label-width-multiplier: 9;
+ --metadata-label-width: calc(var(--font-adaptive-small) * var(--metadata-label-width-multiplier));
+ --metadata-label-font-size: var(--font-adaptive-small);
+ --metadata-input-font-size: var(--font-adaptive-small);
+ /* Mobile sidebars */
+ --mobile-left-sidebar-width: 280pt;
+ --mobile-right-sidebar-width: 240pt;
+ --top-left-padding-y:0px;
+ /* Image opacity in dark mode */
+ --image-muted:0.7;
+ --image-radius: 4px;
+ /* Spacing */
+ --heading-spacing: 2em;
+ --p-spacing: 1.75rem;
+ --border-width: 1px;
+ --table-border-width: var(--border-width);
+ --table-selection: var(--text-selection);
+ --table-selection-border-color: var(--text-accent);
+ --table-selection-border-width: 0px;
+ --table-selection-border-radius: 0px;
+ --table-drag-handle-background-active: var(--text-selection);
+ --table-drag-handle-color-active: var(--text-accent);
+ --table-add-button-border-width: 0px;
+ /* Readable line length off */
+ --file-margins-y: var(--size-4-2);
+}
+
+.mod-macos {
+ --top-left-padding-y:24px;
+}
+
+.is-phone {
+ /* Metadata */
+ --metadata-label-font-size: var(--font-adaptive-smaller);
+ --metadata-input-font-size: var(--font-adaptive-smaller);
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+ .is-phone {
+ --border-width: 0.75px;
+ }
+}
+/* Dynamic colors
+
+Most colors are driven from the following values, meaning that
+the backgrounds, borders, and various shades are
+automatically generated.
+
+- Base color is used for the backgrounds, text and borders.
+- Accent color is used for links and some interactive elements.
+
+The colors use HSL (hue, saturation, lightness)
+
+- Hue (0-360 degrees):0 is red, 120 is green, and 240 is blue
+- Saturation (0-100%):0% is desaturated, 100% is full saturation
+- Lightness (0-100%):0% is black, 100% is white
+
+*/
+body {
+ --base-h: 0; /* Base hue */
+ --base-s: 0%; /* Base saturation */
+ --base-l: 96%; /* Base lightness - 100 is white */
+ --accent-h: 201; /* Accent hue */
+ --accent-s: 17%; /* Accent saturation */
+ --accent-l: 50%; /* Accent lightness */
+}
+
+.theme-dark,
+.theme-light {
+ --color-red-rgb: 208,66,85;
+ --color-orange-rgb: 213,118,63;
+ --color-yellow-rgb: 229,181,103;
+ --color-green-rgb: 168,195,115;
+ --color-cyan-rgb: 115,187,178;
+ --color-blue-rgb: 108,153,187;
+ --color-purple-rgb: 158,134,200;
+ --color-pink-rgb: 176,82,121;
+ --color-red: #d04255;
+ --color-orange: #d5763f;
+ --color-yellow: #e5b567;
+ --color-green: #a8c373;
+ --color-cyan: #73bbb2;
+ --color-blue: #6c99bb;
+ --color-purple: #9e86c8;
+ --color-pink: #b05279;
+}
+
+.theme-light,
+.theme-light.minimal-default-light,
+body .excalidraw {
+ --bg1:white;
+ --bg2:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ var(--base-l)
+ );
+ --bg3:
+ hsla(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) - 50%),
+ 0.12
+ );
+ --ui1:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) - 6%)
+ );
+ --ui2:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) - 12%)
+ );
+ --ui3:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) - 20%)
+ );
+ --tx1:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) - 90%)
+ );
+ --tx2:
+ hsl(
+ var(--base-h),
+ calc(var(--base-s) - 20%),
+ calc(var(--base-l) - 50%)
+ );
+ --tx3:
+ hsl(
+ var(--base-h),
+ calc(var(--base-s) - 10%),
+ calc(var(--base-l) - 25%)
+ );
+ --tx4:
+ hsl(
+ var(--base-h),
+ calc(var(--base-s) - 10%),
+ calc(var(--base-l) - 60%)
+ );
+ --ax1:
+ hsl(
+ var(--accent-h),
+ var(--accent-s),
+ var(--accent-l)
+ );
+ --ax2:
+ hsl(
+ var(--accent-h),
+ var(--accent-s),
+ calc(var(--accent-l) - 8%)
+ );
+ --ax3:
+ hsl(
+ var(--accent-h),
+ var(--accent-s),
+ calc(var(--accent-l) + 6%)
+ );
+ --hl1:
+ hsla(
+ var(--accent-h),
+ 50%,
+ calc(var(--base-l) - 20%),
+ 30%
+ );
+ --hl2:rgba(255, 225, 0, 0.5);
+ --sp1: white;
+}
+
+.theme-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-dark,
+.theme-dark.minimal-default-dark,
+.excalidraw.theme--dark {
+ --accent-l:60%;
+ --base-l:15%;
+ --bg1:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ var(--base-l)
+ );
+ --bg2:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) - 2%)
+ );
+ --bg3:
+ hsla(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) + 40%),
+ 0.12
+ );
+ --ui1:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) + 6%)
+ );
+ --ui2:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) + 12%)
+ );
+ --ui3:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-l) + 20%)
+ );
+ --tx1:
+ hsl(
+ var(--base-h),
+ calc(var(--base-s) - 10%),
+ calc(var(--base-l) + 67%)
+ );
+ --tx2:
+ hsl(
+ var(--base-h),
+ calc(var(--base-s) - 20%),
+ calc(var(--base-l) + 45%)
+ );
+ --tx3:
+ hsl(
+ var(--base-h),
+ calc(var(--base-s) - 10%),
+ calc(var(--base-l) + 20%)
+ );
+ --tx4:
+ hsl(
+ var(--base-h),
+ calc(var(--base-s) - 10%),
+ calc(var(--base-l) + 50%)
+ );
+ --ax1:
+ hsl(
+ var(--accent-h),
+ var(--accent-s),
+ var(--accent-l)
+ );
+ --ax2:
+ hsl(
+ var(--accent-h),
+ var(--accent-s),
+ calc(var(--accent-l) + 8%)
+ );
+ --ax3:
+ hsl(
+ var(--accent-h),
+ var(--accent-s),
+ calc(var(--accent-l) - 5%)
+ );
+ --hl1:
+ hsla(
+ var(--accent-h),
+ 50%,
+ 40%,
+ 30%
+ );
+ --hl2:rgba(255, 177, 80, 0.3);
+ --sp1: white;
+}
+
+.theme-light.minimal-light-white {
+ --background-primary: white;
+ --background-secondary: white;
+ --background-secondary-alt: white;
+ --ribbon-background: white;
+ --titlebar-background: white;
+ --mobile-sidebar-background: white;
+ --bg1: white;
+}
+
+.theme-dark.minimal-dark-black {
+ --base-d:0%;
+ --titlebar-background: black;
+ --background-primary: black;
+ --background-secondary: black;
+ --background-secondary-alt: black;
+ --ribbon-background: black;
+ --background-modifier-hover:
+ hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-d) + 10%)) ;
+ --tx1:hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-d) + 75%)
+ );
+ --tx2:hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-d) + 50%)
+ );
+ --tx3:hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-d) + 25%)
+ );
+ --ui1:hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-d) + 12%)
+ );
+ --ui2:hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-d) + 20%)
+ );
+ --ui3:hsl(
+ var(--base-h),
+ var(--base-s),
+ calc(var(--base-d) + 30%)
+ );
+}
+
+/* Map colors to semantic Obsidian names */
+.theme-light {
+ --mono100: black;
+ --mono0: white;
+}
+
+.theme-dark {
+ --mono100: white;
+ --mono0: black;
+}
+
+.theme-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
+.theme-dark,
+.theme-light {
+ --background-modifier-accent: var(--ax3);
+ --background-modifier-border-focus: var(--ui3);
+ --background-modifier-border-hover: var(--ui2);
+ --background-modifier-border: var(--ui1);
+ --mobile-sidebar-background: var(--bg1);
+ --background-modifier-form-field-highlighted: var(--bg1);
+ --background-modifier-form-field: var(--bg1);
+ --background-modifier-success: var(--color-green);
+ --background-modifier-hover: var(--bg3);
+ --background-modifier-active-hover: var(--bg3);
+ --background-primary: var(--bg1);
+ --background-primary-alt: var(--bg2);
+ --background-secondary: var(--bg2);
+ --background-secondary-alt: var(--bg1);
+ --background-table-rows: var(--bg2);
+ --checkbox-color: var(--ax3);
+ --code-normal: var(--tx1);
+ --divider-color: var(--ui1);
+ --frame-divider-color: var(--ui1);
+ --icon-color-active: var(--tx1);
+ --icon-color-focused: var(--tx1);
+ --icon-color-hover: var(--tx2);
+ --icon-color: var(--tx2);
+ --icon-hex: var(--mono0);
+ --interactive-normal: var(--ui1);
+ --interactive-accent-hover: var(--ax1);
+ --interactive-accent: var(--ax3);
+ --interactive-hover: var(--ui1);
+ --list-marker-color: var(--tx3);
+ --nav-item-background-active: var(--bg3);
+ --nav-item-background-hover: var(--bg3);
+ --nav-item-color: var(--tx2);
+ --nav-item-color-active: var(--tx1);
+ --nav-item-color-hover: var(--tx1);
+ --nav-item-color-selected: var(--tx1);
+ --nav-collapse-icon-color: var(--tx2);
+ --nav-collapse-icon-color-collapsed: var(--tx2);
+ --nav-indentation-guide-color: var(--ui1);
+ --prompt-border-color: var(--ui3);
+ --quote-opening-modifier: var(--ui2);
+ --ribbon-background: var(--bg2);
+ --scrollbar-active-thumb-bg: var(--ui3);
+ --scrollbar-bg: transparent;
+ --scrollbar-thumb-bg: var(--ui1);
+ --search-result-background: var(--bg1);
+ --tab-text-color-focused-active: var(--tx1);
+ --tab-outline-color: var(--ui1);
+ --text-accent-hover: var(--ax2);
+ --text-accent: var(--ax1);
+ --text-blockquote: var(--tx2);
+ --text-bold: var(--tx1);
+ --text-code: var(--tx4);
+ --text-error: var(--color-red);
+ --text-faint: var(--tx3);
+ --text-highlight-bg: var(--hl2);
+ --text-italic: var(--tx1);
+ --text-muted: var(--tx2);
+ --text-normal: var(--tx1);
+ --text-on-accent: var(--sp1);
+ --text-selection: var(--hl1);
+ --text-formatting: var(--tx3);
+ --title-color-inactive: var(--tx2);
+ --title-color: var(--tx1);
+ --titlebar-background: var(--bg2);
+ --titlebar-background-focused: var(--bg2);
+ --titlebar-text-color-focused: var(--tx1);
+ --vault-profile-color: var(--tx1);
+ --vault-profile-color-hover: var(--tx1);
+ --workspace-background-translucent: hsla(var(--base-h),var(--base-s), var(--base-l), 0.7);
+}
+
+.theme-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left {
+ --raised-background: var(--ui1);
+ --raised-shadow: none;
+ --raised-mask-border-width: 0px;
+}
+
+.theme-dark .view-actions,
+.theme-light .view-actions {
+ --icon-color-active: var(--ax1);
+}
+
+.theme-light.minimal-light-contrast {
+ --workspace-background-translucent: rgba(0,0,0,0.6);
+}
+
+.theme-light.minimal-light-contrast .theme-dark {
+ --tab-container-background: var(--bg2);
+ --ribbon-background-collapsed: var(--bg2);
+}
+
+.theme-light {
+ --interactive-accent-rgb:220, 220, 220;
+ --active-line-bg: rgba(0,0,0,0.035);
+ --background-modifier-cover:hsla(var(--base-h),calc(var(--base-s) - 70%),calc(var(--base-l) - 20%),0.5);
+ --text-highlight-bg-active: rgba(0, 0, 0, 0.1);
+ /* Shadows */
+ --shadow-color: rgba(0, 0, 0, 0.1);
+ --btn-shadow-color: rgba(0, 0, 0, 0.05);
+}
+
+.theme-dark {
+ --interactive-normal: var(--bg3);
+ --interactive-accent-rgb: 66, 66, 66;
+ --active-line-bg: rgba(255,255,255,0.04);
+ --background-modifier-cover: hsla(var(--base-h),var(--base-s), calc(var(--base-l) - 12%), 0.5);
+ --text-highlight-bg-active: rgba(255, 255, 255, 0.1);
+ /* Shadows */
+ --background-modifier-box-shadow: rgba(0, 0, 0, 0.3);
+ --shadow-color: rgba(0, 0, 0, 0.3);
+ --btn-shadow-color: rgba(0, 0, 0, 0.2);
+ --modal-border-color: var(--ui2);
+}
+
+.theme-light.minimal-light-white {
+ --background-table-rows: var(--bg2);
+ --interactive-normal: var(--ui1);
+ --setting-items-background: transparent;
+ --setting-items-border-width: 1px;
+}
+
+.theme-light.minimal-light-tonal {
+ --background-secondary: var(--bg1);
+ --background-primary-alt: var(--bg3);
+ --background-table-rows: var(--bg3);
+ --setting-items-background: var(--bg1);
+ --setting-items-border-width: 1px;
+}
+.theme-light.minimal-light-tonal.is-mobile {
+ --background-modifier-form-field: var(--bg3);
+ --interactive-normal: var(--bg3);
+}
+
+.theme-dark.minimal-dark-tonal {
+ --ribbon-background: var(--bg1);
+ --background-secondary: var(--bg1);
+ --background-table-rows: var(--bg3);
+ --setting-items-background: var(--bg1);
+ --setting-items-border-width: 1px;
+}
+
+.theme-dark.minimal-dark-black {
+ --background-primary-alt: var(--bg3);
+ --background-table-rows: var(--bg3);
+ --setting-items-background: black;
+ --setting-items-border-width: 1px;
+ --modal-border: var(--ui2);
+ --active-line-bg: rgba(255,255,255,0.085);
+ --background-modifier-form-field: var(--bg3);
+ --background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-d) + 8%),0.7);
+ --background-modifier-box-shadow: rgba(0, 0, 0, 1);
+}
+
+/* Desktop font sizes */
+body {
+ --font-adaptive-normal:var(--font-text-size,var(--editor-font-size));
+ --font-adaptive-small: calc(var(--font-ui-small) * 1.07);
+ --font-adaptive-smaller: var(--font-ui-small);
+ --font-adaptive-smallest: var(--font-ui-smaller);
+ --line-width-wide:calc(var(--line-width) + 12.5%);
+ --font-code:calc(var(--font-adaptive-normal) * 0.9);
+ --table-text-size:calc(var(--font-adaptive-normal) * 0.875);
+ --bases-table-font-size:calc(var(--font-adaptive-normal) * 0.875);
+}
+
+/* Obsidian */
+/* Obsidian app */
+.bases-view {
+ --bases-table-font-size: var(--table-text-size);
+}
+
+.query-toolbar-menu .combobox-button {
+ background-color: transparent;
+}
+
+.block-language-base .bases-header .bases-toolbar,
+.bases-embed .bases-header .bases-toolbar {
+ padding-bottom: 2px;
+ opacity: var(--bases-toolbar-opacity);
+ transition: 0.15s 0.15s opacity;
+}
+.block-language-base .bases-header .bases-toolbar:hover,
+.bases-embed .bases-header .bases-toolbar:hover {
+ opacity: 1;
+ transition: 0s opacity;
+}
+
+.base-plain .bases-header {
+ display: none;
+}
+
+.bases-table-header-icon {
+ display: var(--bases-table-header-icon-display);
+}
+
+/* Editor mode (CodeMirror 6 Live Preview) */
+/* Fix strange Obsidian ghost textearea bug on right click */
+.CodeMirror-wrap > div > textarea {
+ opacity: 0;
+}
+
+.cm-editor .cm-content {
+ padding-top: 0.5em;
+}
+
+.markdown-source-view {
+ color: var(--text-normal);
+}
+
+.markdown-source-view.mod-cm6 .cm-sizer {
+ display: block;
+}
+
+.markdown-source-view.mod-cm6 .cm-scroller {
+ padding-inline-end: 0;
+ padding-inline-start: 0;
+}
+
+.cm-s-obsidian .cm-line.HyperMD-header {
+ padding-top: calc(var(--p-spacing) / 2);
+}
+
+.markdown-rendered .mod-header + div > * {
+ margin-block-start: 0;
+}
+
+/* Gutters */
+body :not(.canvas-node) .markdown-source-view.mod-cm6 .cm-gutters {
+ position: absolute !important;
+ z-index: 0;
+ margin-inline-end: 0;
+}
+body :not(.canvas-node) .markdown-source-view.mod-cm6 .cm-gutters .cm-gutter:before {
+ content: "";
+ height: 100%;
+ top: -100%;
+ width: 100%;
+ position: absolute;
+ z-index: 1;
+ background-color: var(--gutter-background);
+ min-width: var(--folding-offset);
+}
+
+body :not(.canvas-node) .markdown-source-view.mod-cm6.is-rtl .cm-gutters {
+ right: 0;
+}
+
+body {
+ --line-number-color: var(--text-faint);
+ --line-number-color-active: var(--text-muted);
+}
+
+.empty-state-title {
+ display: none;
+}
+
+.markdown-source-view.mod-cm6 .cm-gutters {
+ color: var(--line-number-color) !important;
+}
+
+.markdown-source-view.mod-cm6 .cm-editor .cm-gutterElement.cm-active .cm-heading-marker,
+.markdown-source-view.mod-cm6 .cm-editor .cm-lineNumbers .cm-gutterElement.cm-active {
+ color: var(--line-number-color-active);
+}
+
+.cm-editor .cm-lineNumbers {
+ background-color: var(--gutter-background);
+}
+
+.cm-editor .cm-lineNumbers .cm-gutterElement {
+ min-width: var(--folding-offset);
+ padding-inline-end: 0.5em;
+}
+
+.is-rtl .cm-editor .cm-lineNumbers .cm-gutterElement {
+ text-align: left;
+}
+
+/* Line numbers */
+@media (max-width: 400pt) {
+ .cm-editor .cm-lineNumbers .cm-gutterElement {
+ padding-inline-end: 4px;
+ padding-inline-start: 8px;
+ }
+}
+.cm-editor .cm-lineNumbers .cm-gutterElement.cm-active,
+.cm-editor .cm-gutterElement.cm-active .cm-heading-marker {
+ color: var(--text-muted);
+}
+
+/* Code execution blocks, e.g. Dataview */
+.markdown-source-view.mod-cm6 .edit-block-button {
+ color: var(--text-faint);
+ background-color: var(--background-primary);
+ top: 4px;
+ opacity: 0;
+ transition: opacity 200ms;
+}
+
+.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .edit-block-button {
+ width: 30px !important;
+ padding-inline-start: 7px !important;
+}
+
+.is-live-preview:not(.is-readable-line-width) .cm-embed-block > .edit-block-button {
+ padding-inline-start: 0px !important;
+ margin-inline-start: 0 !important;
+ padding: 4px;
+}
+
+.markdown-source-view.mod-cm6 .edit-block-button:hover {
+ background-color: var(--background-primary);
+ color: var(--text-muted);
+}
+
+.markdown-source-view.mod-cm6 .edit-block-button svg {
+ margin: 0 !important;
+ opacity: 1;
+}
+
+.markdown-source-view.mod-cm6 .edit-block-button:hover svg {
+ opacity: 1;
+}
+
+.markdown-source-view.mod-cm6 .cm-embed-block {
+ padding: 0;
+ border: 0;
+ border-radius: 0;
+}
+
+.markdown-source-view.mod-cm6 .cm-embed-block:hover {
+ border: 0;
+}
+
+.metadata-container {
+ --input-height: calc(var(--font-adaptive-small) * 2.2);
+}
+
+body.metadata-heading-off .metadata-properties-heading {
+ display: none;
+}
+
+.metadata-add-property-off .mod-root .metadata-add-button {
+ display: none;
+}
+
+.metadata-dividers {
+ --metadata-divider-width: 1px;
+ --metadata-gap: 0px;
+}
+
+.metadata-icons-off .workspace-leaf-content[data-type=all-properties] .tree-item-inner {
+ margin-inline-start: -16px;
+}
+.metadata-icons-off .workspace-leaf-content[data-type=all-properties] .tree-item-icon {
+ display: none;
+}
+.metadata-icons-off .metadata-property-icon {
+ display: none;
+}
+
+/* Preview mode */
+figure {
+ margin-inline-start: 0;
+ margin-inline-end: 0;
+}
+
+.markdown-preview-view .mod-highlighted {
+ transition: background-color 0.3s ease;
+ background-color: var(--text-selection);
+ color: inherit;
+}
+
+.inline-title {
+ padding-top: 16px;
+}
+
+/* Remove ribbon border on Mac when frameless */
+.mod-macos.hider-frameless .workspace-ribbon {
+ border: none;
+}
+
+/* --------------- */
+/* App ribbon moved to the bottom edge */
+.is-tablet.hider-ribbon {
+ --ribbon-width: 0px;
+}
+.is-tablet.hider-ribbon .side-dock-ribbon {
+ display: none;
+}
+
+.hider-ribbon .workspace-ribbon {
+ padding: 0;
+}
+
+:root {
+ --hider-ribbon-display: none;
+ --ribbon-animation-duration: 0.1s;
+}
+
+.ribbon-bottom-left-hover-vertical:not(.is-mobile),
+.ribbon-bottom-left-hover:not(.is-mobile) {
+ --hider-ribbon-display: flex;
+}
+
+body.ribbon-vertical-expand:not(.is-mobile) {
+ --ribbon-width: 0px;
+}
+body.ribbon-vertical-expand:not(.is-mobile) .workspace-ribbon.mod-left {
+ width: 10px;
+ flex-basis: 10px;
+ opacity: 0;
+ position: fixed;
+ height: 100%;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 10;
+ transition: all var(--ribbon-animation-duration) linear 0.6s;
+}
+body.ribbon-vertical-expand:not(.is-mobile) .workspace-ribbon.mod-left .side-dock-actions {
+ transition: opacity var(--ribbon-animation-duration) linear 0.3s;
+}
+body.ribbon-vertical-expand:not(.is-mobile) .workspace-ribbon.mod-left:hover {
+ width: 44px;
+ opacity: 1;
+ flex-basis: 44px;
+ transition: opacity var(--ribbon-animation-duration) linear 0.1s;
+}
+body.ribbon-vertical-expand:not(.is-mobile) .workspace-ribbon.mod-left:hover .side-dock-actions {
+ opacity: 1;
+ transition: opacity calc(var(--ribbon-animation-duration) * 2) linear 0.2s;
+}
+body.ribbon-vertical-expand:not(.is-mobile).labeled-nav .workspace-ribbon.mod-left ~ .mod-left-split .workspace-tab-header-container {
+ margin-left: 0;
+ transition: all var(--ribbon-animation-duration) linear 0.6s;
+}
+body.ribbon-vertical-expand:not(.is-mobile).labeled-nav .workspace-ribbon.mod-left:hover ~ .mod-left-split .workspace-tab-header-container {
+ margin-left: 44px;
+ transition: all var(--ribbon-animation-duration) linear;
+}
+body.ribbon-vertical-expand:not(.is-mobile) .workspace-ribbon.mod-left ~ .mod-left-split .workspace-tab-container {
+ padding-left: 0px;
+ transition: all var(--ribbon-animation-duration) linear 0.6s;
+}
+body.ribbon-vertical-expand:not(.is-mobile) .workspace-ribbon.mod-left ~ .mod-left-split .workspace-sidedock-vault-profile {
+ transition: all var(--ribbon-animation-duration) linear 0.6s;
+}
+body.ribbon-vertical-expand:not(.is-mobile) .workspace-ribbon.mod-left:hover ~ .mod-left-split .workspace-tab-container {
+ padding-left: 44px;
+ transition: all var(--ribbon-animation-duration) linear;
+}
+body.ribbon-vertical-expand:not(.is-mobile) .workspace-ribbon.mod-left:hover ~ .mod-left-split .workspace-sidedock-vault-profile {
+ padding-left: 52px;
+ transition: all var(--ribbon-animation-duration) linear;
+}
+
+.hider-ribbon .workspace-ribbon.mod-left:before,
+.ribbon-bottom-left-hover-vertical .workspace-ribbon.mod-left:before,
+.ribbon-bottom-left-hover .workspace-ribbon.mod-left:before {
+ opacity: 0;
+}
+.hider-ribbon .workspace-ribbon-collapse-btn,
+.ribbon-bottom-left-hover-vertical .workspace-ribbon-collapse-btn,
+.ribbon-bottom-left-hover .workspace-ribbon-collapse-btn {
+ display: none;
+}
+.hider-ribbon .workspace-ribbon.mod-right,
+.ribbon-bottom-left-hover-vertical .workspace-ribbon.mod-right,
+.ribbon-bottom-left-hover .workspace-ribbon.mod-right {
+ pointer-events: none;
+}
+.hider-ribbon .workspace-ribbon.mod-left,
+.ribbon-bottom-left-hover-vertical .workspace-ribbon.mod-left,
+.ribbon-bottom-left-hover .workspace-ribbon.mod-left {
+ overflow: visible;
+ border-top: var(--border-width) solid var(--background-modifier-border) !important;
+ border-right: var(--border-width) solid var(--background-modifier-border) !important;
+ border-top-right-radius: var(--radius-m);
+ padding: 0;
+ position: absolute;
+ margin: 0;
+ width: auto;
+ height: 44px;
+ flex-basis: 0;
+ bottom: 0;
+ top: auto;
+ background: var(--background-secondary);
+ display: var(--hider-ribbon-display) !important;
+ flex-direction: row;
+ z-index: 17;
+ opacity: 0;
+ transition: opacity calc(var(--ribbon-animation-duration) * 2) ease-in-out;
+ filter: drop-shadow(2px 10px 30px rgba(0, 0, 0, 0.2));
+ gap: 0;
+}
+.hider-ribbon .side-dock-actions,
+.hider-ribbon .side-dock-settings,
+.ribbon-bottom-left-hover-vertical .side-dock-actions,
+.ribbon-bottom-left-hover-vertical .side-dock-settings,
+.ribbon-bottom-left-hover .side-dock-actions,
+.ribbon-bottom-left-hover .side-dock-settings {
+ flex-direction: row;
+ display: var(--hider-ribbon-display);
+ background: transparent;
+ margin: 0;
+ position: relative;
+ gap: var(--size-2-2);
+}
+.hider-ribbon .side-dock-actions,
+.ribbon-bottom-left-hover-vertical .side-dock-actions,
+.ribbon-bottom-left-hover .side-dock-actions {
+ padding: 6px 6px 6px 8px;
+}
+.hider-ribbon .side-dock-settings:empty,
+.ribbon-bottom-left-hover-vertical .side-dock-settings:empty,
+.ribbon-bottom-left-hover .side-dock-settings:empty {
+ display: none;
+}
+.hider-ribbon .workspace-ribbon.mod-left .side-dock-ribbon-action,
+.ribbon-bottom-left-hover-vertical .workspace-ribbon.mod-left .side-dock-ribbon-action,
+.ribbon-bottom-left-hover .workspace-ribbon.mod-left .side-dock-ribbon-action {
+ display: var(--hider-ribbon-display);
+}
+.hider-ribbon .workspace-ribbon.mod-left:hover,
+.ribbon-bottom-left-hover-vertical .workspace-ribbon.mod-left:hover,
+.ribbon-bottom-left-hover .workspace-ribbon.mod-left:hover {
+ opacity: 1;
+ transition: opacity 0.25s ease-in-out;
+}
+.hider-ribbon .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn,
+.ribbon-bottom-left-hover-vertical .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn,
+.ribbon-bottom-left-hover .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
+ opacity: 0;
+}
+.hider-ribbon .workspace-split.mod-left-split,
+.ribbon-bottom-left-hover-vertical .workspace-split.mod-left-split,
+.ribbon-bottom-left-hover .workspace-split.mod-left-split {
+ margin: 0;
+}
+.hider-ribbon .workspace-leaf-content .item-list,
+.ribbon-bottom-left-hover-vertical .workspace-leaf-content .item-list,
+.ribbon-bottom-left-hover .workspace-leaf-content .item-list {
+ padding-bottom: 40px;
+}
+
+.ribbon-bottom-left-hover-vertical .workspace-ribbon.mod-left {
+ height: auto;
+}
+.ribbon-bottom-left-hover-vertical .side-dock-actions {
+ flex-direction: column;
+ padding: 8px 6px;
+}
+
+/* Status bar */
+.minimal-status-off .status-bar {
+ --status-bar-position: static;
+ --status-bar-radius: 0;
+ --status-bar-border-width: 1px 0 0 0;
+ --status-bar-background: var(--background-secondary);
+ --status-bar-border-color: var(--ui1);
+}
+
+body:not(.minimal-status-off) .status-bar {
+ background-color: var(--background-primary);
+ --status-bar-border-width: 0;
+}
+
+.status-bar {
+ transition: color 200ms linear;
+ color: var(--text-faint);
+ font-size: var(--font-adaptive-smallest);
+}
+.status-bar .sync-status-icon.mod-working,
+.status-bar .sync-status-icon.mod-success {
+ color: var(--text-faint);
+}
+.status-bar:hover .sync-status-icon.mod-working, .status-bar:hover .sync-status-icon.mod-success, .status-bar:hover {
+ color: var(--text-muted);
+ transition: color 200ms linear;
+}
+.status-bar .plugin-sync:hover .sync-status-icon.mod-working,
+.status-bar .plugin-sync:hover .sync-status-icon.mod-success {
+ color: var(--text-normal);
+}
+.status-bar .status-bar-item {
+ cursor: var(--cursor) !important;
+}
+.status-bar .status-bar-item.plugin-editor-status:hover, .status-bar .status-bar-item.plugin-sync:hover, .status-bar .status-bar-item.cMenu-statusbar-button:hover, .status-bar .status-bar-item.mod-clickable:hover {
+ text-align: center;
+ background-color: var(--background-modifier-hover) !important;
+}
+
+.tab-stack-top-flipped {
+ --tab-stacked-text-transform: rotate(180deg);
+ --tab-stacked-text-align: right;
+}
+
+.tab-stack-center {
+ --tab-stacked-text-align: center;
+}
+
+.tab-stack-center-flipped {
+ --tab-stacked-text-transform: rotate(180deg);
+ --tab-stacked-text-align: center;
+}
+
+.tab-stack-bottom {
+ --tab-stacked-text-transform: rotate(180deg);
+}
+
+.tab-stack-bottom-flipped {
+ --tab-stacked-text-align: right;
+}
+
+.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner {
+ flex-direction: var(--tab-stacked-spine-order);
+}
+
+/* Title Bar */
+.view-header-title-parent,
+.view-header-title {
+ text-overflow: ellipsis;
+}
+
+.view-header-title-container:not(.mod-at-end):after {
+ display: none;
+}
+
+/* Alignment */
+body:not(.is-mobile) .view-actions .view-action:last-child {
+ margin-left: -1px;
+}
+
+body:not(.minimal-focus-mode) .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-actions,
+.minimal-focus-mode .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header:hover .view-actions,
+.workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header:hover .view-actions,
+.mod-right.is-collapsed ~ .mod-root .view-header:hover .view-actions,
+.view-action.is-active:hover {
+ opacity: 1;
+ transition: opacity 0.25s ease-in-out;
+}
+
+.view-header-title-container {
+ opacity: 0;
+ transition: opacity 0.1s ease-in-out;
+}
+
+.view-header-title-container:focus-within {
+ opacity: 1;
+ transition: opacity 0.1s ease-in-out;
+}
+
+.workspace-tab-header-container:hover + .workspace-tab-container .view-header-title-container,
+.view-header:hover .view-header-title-container {
+ opacity: 1;
+ transition: opacity 0.1s ease-in-out;
+}
+
+.is-phone .view-header-title-container,
+.minimal-tab-title-visible .view-header-title-container {
+ opacity: 1;
+}
+
+.minimal-tab-title-hidden .view-header-title-container {
+ opacity: 0;
+}
+.minimal-tab-title-hidden .view-header-title-container:focus-within {
+ opacity: 1;
+ transition: opacity 0.1s ease-in-out;
+}
+.minimal-tab-title-hidden .workspace-tab-header-container:hover + .workspace-tab-container .view-header-title-container,
+.minimal-tab-title-hidden .view-header:hover .view-header-title-container {
+ opacity: 0;
+}
+
+/* Window frame */
+body.window-title-off .titlebar-text {
+ display: none;
+}
+
+.titlebar-button-container.mod-right {
+ background-color: transparent !important;
+}
+
+.is-hidden-frameless.theme-dark:not(.minimal-dark-black):not(.colorful-frame),
+.is-hidden-frameless.theme-light:not(.minimal-light-tonal):not(.colorful-frame):not(.minimal-light-white) {
+ --titlebar-background: var(--bg1);
+}
+.is-hidden-frameless.theme-dark:not(.minimal-dark-black):not(.colorful-frame).is-focused .sidebar-toggle-button.mod-right,
+.is-hidden-frameless.theme-dark:not(.minimal-dark-black):not(.colorful-frame).is-focused .workspace-ribbon.mod-left.is-collapsed,
+.is-hidden-frameless.theme-dark:not(.minimal-dark-black):not(.colorful-frame).is-focused .workspace-tabs.mod-top,
+.is-hidden-frameless.theme-light:not(.minimal-light-tonal):not(.colorful-frame):not(.minimal-light-white).is-focused .sidebar-toggle-button.mod-right,
+.is-hidden-frameless.theme-light:not(.minimal-light-tonal):not(.colorful-frame):not(.minimal-light-white).is-focused .workspace-ribbon.mod-left.is-collapsed,
+.is-hidden-frameless.theme-light:not(.minimal-light-tonal):not(.colorful-frame):not(.minimal-light-white).is-focused .workspace-tabs.mod-top {
+ --titlebar-background-focused: var(--bg1);
+}
+.is-hidden-frameless.theme-dark:not(.minimal-dark-black):not(.colorful-frame):not(.minimal-dark-tonal):not(.minimal-light-white) .workspace-ribbon.mod-left:not(.is-collapsed),
+.is-hidden-frameless.theme-light:not(.minimal-light-tonal):not(.colorful-frame):not(.minimal-light-white):not(.minimal-dark-tonal):not(.minimal-light-white) .workspace-ribbon.mod-left:not(.is-collapsed) {
+ --titlebar-background: var(--bg2);
+}
+
+/* Trying for a smoother animation */
+.mod-macos.is-hidden-frameless:not(.is-popout-window) .sidebar-toggle-button.mod-right {
+ right: 0;
+ padding-right: var(--size-4-2);
+}
+
+body.is-focused {
+ --titlebar-background-focused: var(--background-secondary);
+}
+
+.is-hidden-frameless:not(.colorful-frame) .mod-left-split .mod-top .workspace-tab-header-container {
+ --tab-container-background: var(--background-secondary);
+}
+
+.mod-root .workspace-tab-header-status-icon {
+ color: var(--text-muted);
+}
+
+.is-collapsed .workspace-sidedock-vault-profile {
+ opacity: 0;
+}
+
+body:not(.is-mobile).hide-help .workspace-drawer-vault-actions .clickable-icon:first-child {
+ display: none;
+}
+
+body:not(.is-mobile).hide-settings .workspace-drawer-vault-actions .clickable-icon:last-child {
+ display: none;
+}
+
+body:not(.is-mobile).hide-help.hide-settings .workspace-drawer-vault-actions {
+ display: none !important;
+}
+
+body:not(.is-grabbing):not(.is-fullscreen).labeled-nav.is-hidden-frameless.vault-profile-top .mod-left-split .mod-top .workspace-tab-header-container {
+ -webkit-app-region: no-drag;
+}
+body:not(.is-grabbing):not(.is-fullscreen).labeled-nav.is-hidden-frameless.vault-profile-top .mod-left-split .mod-top .workspace-tab-header-container:before {
+ position: absolute;
+ top: 0;
+ content: "";
+ height: var(--header-height);
+ width: 100%;
+ -webkit-app-region: drag;
+}
+
+body:not(.is-mobile):not(.labeled-nav).vault-profile-top .workspace-split.mod-left-split .mod-top .workspace-tab-container {
+ margin-top: calc(var(--header-height) + 8px);
+}
+body:not(.is-mobile):not(.labeled-nav).vault-profile-top .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
+ -webkit-app-region: no-drag;
+ position: absolute;
+ top: var(--header-height);
+ z-index: 6;
+ width: 100%;
+ border-top: 0;
+ border-bottom: 1px solid var(--background-modifier-border);
+}
+body:not(.is-mobile):not(.labeled-nav).vault-profile-top .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher {
+ padding-left: var(--size-4-2);
+}
+
+body:not(.is-mobile).labeled-nav.vault-profile-top .workspace-split.mod-left-split .workspace-sidedock-vault-profile {
+ -webkit-app-region: no-drag;
+ position: absolute;
+ top: var(--labeled-nav-top-margin);
+ z-index: 6;
+ width: 100%;
+ background-color: transparent;
+ border-top: 0;
+ border-bottom: 1px solid var(--background-modifier-border);
+}
+body:not(.is-mobile).labeled-nav.vault-profile-top .workspace-split.mod-left-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher {
+ padding-left: var(--size-4-2);
+}
+
+.vault-profile-top .workspace-tab-header-container-inner {
+ --labeled-nav-top-margin: 84px;
+}
+
+/* Components */
+.document-search, .document-replace {
+ max-width: 100%;
+ padding: 0;
+}
+
+.document-search-container {
+ margin: 0 auto;
+ max-width: var(--max-width);
+ width: var(--line-width);
+}
+
+/* Modals */
+.modal-button-container .mod-checkbox {
+ --checkbox-radius: 4px;
+}
+
+/* Confirm delete */
+.modal-container.mod-confirmation .modal {
+ width: 480px;
+ min-width: 0;
+}
+
+/* Hide settings descriptions */
+.hide-settings-desc.is-phone .setting-item {
+ padding: 0.65em 0;
+}
+.hide-settings-desc.is-phone .setting-item-name {
+ font-weight: 400;
+ font-size: 16px;
+}
+.hide-settings-desc .setting-item-name {
+ transition: max-height 200ms ease-in-out, padding-top 200ms ease-in-out;
+}
+.hide-settings-desc .setting-item-name:active + .setting-item-description {
+ opacity: 1;
+ max-height: 500px;
+ padding-top: 4px;
+ transition: opacity 100ms ease-out, max-height 200ms ease-out, padding-top 200ms ease-in-out;
+}
+.hide-settings-desc .setting-item-description {
+ opacity: 0;
+ max-height: 0;
+ padding-top: 0;
+ transition: max-height 200ms ease-in-out, padding-top 200ms ease-in-out;
+}
+
+.popover {
+ --file-margins: var(--size-4-6) var(--size-4-6) var(--size-4-6);
+}
+
+.minimal-line-nums .popover .markdown-source-view {
+ --file-margins: var(--size-4-4) var(--size-4-6) var(--size-4-6) var(--size-4-12);
+}
+.minimal-line-nums .popover .markdown-source-view.is-rtl {
+ --file-margins: var(--size-4-4) var(--size-4-12) var(--size-4-6) var(--size-4-6);
+}
+
+/* Progress bars */
+body {
+ --progress-outline: var(--background-modifier-border);
+ --progress-complete: var(--text-accent);
+}
+
+.markdown-rendered progress,
+.markdown-source-view.is-live-preview progress,
+.markdown-preview-view progress {
+ width: 220px;
+}
+.markdown-rendered progress[value]::-webkit-progress-bar,
+.markdown-source-view.is-live-preview progress[value]::-webkit-progress-bar,
+.markdown-preview-view progress[value]::-webkit-progress-bar {
+ box-shadow: inset 0px 0px 0px var(--border-width) var(--progress-outline);
+}
+.markdown-rendered progress[value^="1"]::-webkit-progress-value, .markdown-rendered progress[value^="2"]::-webkit-progress-value, .markdown-rendered progress[value^="3"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value^="1"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value^="2"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value^="3"]::-webkit-progress-value,
+.markdown-preview-view progress[value^="1"]::-webkit-progress-value,
+.markdown-preview-view progress[value^="2"]::-webkit-progress-value,
+.markdown-preview-view progress[value^="3"]::-webkit-progress-value {
+ background-color: var(--color-red);
+}
+.markdown-rendered progress[value^="4"]::-webkit-progress-value, .markdown-rendered progress[value^="5"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value^="4"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value^="5"]::-webkit-progress-value,
+.markdown-preview-view progress[value^="4"]::-webkit-progress-value,
+.markdown-preview-view progress[value^="5"]::-webkit-progress-value {
+ background-color: var(--color-orange);
+}
+.markdown-rendered progress[value^="6"]::-webkit-progress-value, .markdown-rendered progress[value^="7"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value^="6"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value^="7"]::-webkit-progress-value,
+.markdown-preview-view progress[value^="6"]::-webkit-progress-value,
+.markdown-preview-view progress[value^="7"]::-webkit-progress-value {
+ background-color: var(--color-yellow);
+}
+.markdown-rendered progress[value^="8"]::-webkit-progress-value, .markdown-rendered progress[value^="9"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value^="8"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value^="9"]::-webkit-progress-value,
+.markdown-preview-view progress[value^="8"]::-webkit-progress-value,
+.markdown-preview-view progress[value^="9"]::-webkit-progress-value {
+ background-color: var(--color-green);
+}
+.markdown-rendered progress[value="1"]::-webkit-progress-value, .markdown-rendered progress[value="100"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="1"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="100"]::-webkit-progress-value,
+.markdown-preview-view progress[value="1"]::-webkit-progress-value,
+.markdown-preview-view progress[value="100"]::-webkit-progress-value {
+ background-color: var(--progress-complete);
+}
+.markdown-rendered progress[value="0"]::-webkit-progress-value, .markdown-rendered progress[value="2"]::-webkit-progress-value, .markdown-rendered progress[value="3"]::-webkit-progress-value, .markdown-rendered progress[value="4"]::-webkit-progress-value, .markdown-rendered progress[value="5"]::-webkit-progress-value, .markdown-rendered progress[value="6"]::-webkit-progress-value, .markdown-rendered progress[value="7"]::-webkit-progress-value, .markdown-rendered progress[value="8"]::-webkit-progress-value, .markdown-rendered progress[value="9"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="0"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="2"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="3"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="4"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="5"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="6"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="7"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="8"]::-webkit-progress-value,
+.markdown-source-view.is-live-preview progress[value="9"]::-webkit-progress-value,
+.markdown-preview-view progress[value="0"]::-webkit-progress-value,
+.markdown-preview-view progress[value="2"]::-webkit-progress-value,
+.markdown-preview-view progress[value="3"]::-webkit-progress-value,
+.markdown-preview-view progress[value="4"]::-webkit-progress-value,
+.markdown-preview-view progress[value="5"]::-webkit-progress-value,
+.markdown-preview-view progress[value="6"]::-webkit-progress-value,
+.markdown-preview-view progress[value="7"]::-webkit-progress-value,
+.markdown-preview-view progress[value="8"]::-webkit-progress-value,
+.markdown-preview-view progress[value="9"]::-webkit-progress-value {
+ background-color: var(--color-red);
+}
+
+/* Tooltips */
+.tooltip {
+ transition: none;
+ animation: none;
+}
+
+.tooltip.mod-left,
+.tooltip.mod-right {
+ animation: none;
+}
+
+.tooltip.mod-error {
+ color: var(--text-error);
+}
+
+/* Content */
+/* Blockquotes */
+.markdown-preview-view blockquote {
+ padding-inline-start: var(--nested-padding);
+ font-size: var(--blockquote-size);
+}
+
+.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote,
+.markdown-source-view.mod-cm6 .HyperMD-quote {
+ font-size: var(--blockquote-size);
+}
+
+.is-live-preview .cm-hmd-indent-in-quote {
+ color: var(--text-faint);
+}
+
+/* Callouts */
+.is-live-preview.is-readable-line-width > .cm-callout .callout {
+ max-width: var(--max-width);
+ margin: 0 auto;
+}
+
+.callouts-outlined .callout .callout-title {
+ background-color: var(--background-primary);
+ margin-top: -24px;
+ z-index: 200;
+ width: fit-content;
+ padding: 0 0.5em;
+ margin-left: -0.75em;
+ letter-spacing: 0.05em;
+ font-variant-caps: all-small-caps;
+}
+.callouts-outlined .callout {
+ overflow: visible;
+ --callout-border-width: 1px;
+ --callout-border-opacity: 0.5;
+ --callout-title-size: 0.8em;
+ --callout-blend-mode: normal;
+ background-color: transparent;
+}
+.callouts-outlined .cm-embed-block.cm-callout {
+ padding-top: 12px;
+}
+.callouts-outlined .callout-content .callout {
+ margin-top: 18px;
+}
+
+/* Checklists, task lists, checkboxes */
+body {
+ --checkbox-radius: 50%;
+ --checkbox-top: 2px;
+ --checkbox-left: 0px;
+ --checkbox-margin: 0px 6px 0px -2em;
+}
+
+.checkbox-square {
+ --checkbox-size: calc(var(--font-text-size) * 0.85);
+ --checkbox-radius: 4px;
+ --checkbox-top: 1px;
+ --checkbox-left: 0px;
+ --checkbox-margin: 0px 8px 0px -2em;
+}
+
+body.minimal-strike-lists {
+ --checklist-done-decoration: line-through;
+}
+
+body:not(.minimal-strike-lists) {
+ --checklist-done-decoration: none;
+ --checklist-done-color: var(--text-normal);
+}
+
+.markdown-preview-section > .contains-task-list {
+ padding-bottom: 0.5em;
+}
+
+.mod-cm6 .HyperMD-task-line[data-task] .cm-formatting-list-ol ~ .task-list-label .task-list-item-checkbox {
+ margin: 1px;
+}
+
+.markdown-preview-view .task-list-item-checkbox {
+ position: relative;
+ top: var(--checkbox-top);
+ left: var(--checkbox-left);
+}
+
+.markdown-preview-view ul > li.task-list-item {
+ text-indent: 0;
+}
+
+.minimal-code-scroll {
+ --code-white-space: pre;
+}
+.minimal-code-scroll .HyperMD-codeblock.HyperMD-codeblock-bg {
+ overflow-y: scroll;
+ white-space: pre;
+}
+.minimal-code-scroll .cm-hmd-codeblock {
+ white-space: pre !important;
+}
+
+@media print {
+ .print {
+ --code-background: #eeeeee !important;
+ }
+}
+/* Transcluded notes and embeds */
+body {
+ --embed-max-height: none;
+ --embed-decoration-style: solid;
+ --embed-decoration-color: var(--background-modifier-border-hover);
+}
+
+/* Strict embeds (naked) */
+.embed-strict {
+ --embed-background: transparent;
+ --embed-border-start: 0;
+ --embed-border-left: 0;
+ --embed-padding: 0;
+}
+.embed-strict .markdown-embed-content {
+ --folding-offset: 0px;
+}
+.embed-strict .internal-embed .markdown-embed,
+.embed-strict .markdown-preview-view .markdown-embed, .embed-strict.markdown-preview-view .markdown-embed {
+ padding: 0;
+}
+.embed-strict .markdown-embed-title,
+.embed-strict .internal-embed .markdown-embed .markdown-embed-title {
+ display: none;
+}
+.embed-strict .internal-embed:not([src*="#^"]) .markdown-embed-link {
+ width: 24px;
+ opacity: 0;
+}
+
+.embed-underline .internal-embed:not(.pdf-embed, .bases-embed) {
+ text-decoration-line: underline;
+ text-decoration-style: var(--embed-decoration-style);
+ text-decoration-color: var(--embed-decoration-color);
+}
+
+.embed-hide-title .markdown-embed-title {
+ display: none;
+}
+
+.embed-strict.contextual-typography .internal-embed .markdown-preview-view .markdown-preview-sizer > div,
+.contextual-typography .embed-strict .internal-embed .markdown-preview-view .markdown-preview-sizer > div {
+ margin: 0;
+ width: 100%;
+}
+
+.markdown-embed .markdown-preview-view .markdown-preview-sizer {
+ padding-bottom: 0 !important;
+}
+
+.markdown-preview-view.markdown-embed .markdown-preview-sizer,
+.markdown-preview-view.is-readable-line-width .markdown-embed .markdown-preview-sizer {
+ max-width: 100%;
+ width: 100%;
+ min-height: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.markdown-embed .markdown-preview-section div:last-child p,
+.markdown-embed .markdown-preview-section div:last-child ul {
+ margin-block-end: 2px;
+}
+
+.markdown-preview-view .markdown-embed {
+ margin-top: var(--nested-padding);
+ padding: 0 calc(var(--nested-padding) / 2) 0 var(--nested-padding);
+}
+
+.internal-embed:not([src*="#^"]) .markdown-embed-link {
+ right: 0;
+ width: 100%;
+}
+
+.markdown-embed-link,
+.file-embed-link {
+ top: 0px;
+ right: 0;
+ text-align: right;
+ justify-content: flex-end;
+}
+
+.file-embed-link svg,
+.markdown-embed-link svg {
+ width: 16px;
+ height: 16px;
+}
+
+.markdown-embed .file-embed-link,
+.markdown-embed .markdown-embed-link {
+ opacity: 0.6;
+ transition: opacity 0.1s linear;
+}
+
+.markdown-embed .file-embed-link:hover,
+.markdown-embed .markdown-embed-link:hover {
+ opacity: 1;
+}
+.markdown-embed .file-embed-link:hover:hover,
+.markdown-embed .markdown-embed-link:hover:hover {
+ background-color: transparent;
+ --icon-color: var(--text-accent);
+}
+
+.markdown-embed-link:hover, .file-embed-link:hover {
+ color: var(--text-muted);
+}
+
+.markdown-embed .markdown-preview-view {
+ padding: 0;
+}
+
+.internal-embed .markdown-embed {
+ border: 0;
+ border-left: 1px solid var(--quote-opening-modifier);
+ border-radius: 0;
+}
+
+/* Links */
+a[href*="obsidian://search"] {
+ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'><path fill='black' stroke='black' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'></path></svg>");
+}
+
+.theme-dark a[href*="obsidian://search"] {
+ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'><path fill='white' stroke='white' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'></path></svg>");
+}
+
+.plain-external-links .external-link {
+ background-image: none;
+ padding-right: 0;
+}
+
+body {
+ --adaptive-list-edit-offset: var(--list-edit-offset);
+}
+
+.is-rtl {
+ --adaptive-list-edit-offset: calc(var(--list-edit-offset)*-1);
+}
+
+/* Space between list items */
+.markdown-source-view ol > li,
+.markdown-source-view ul > li,
+.markdown-preview-view ol > li,
+.markdown-preview-view ul > li,
+.mod-cm6 .HyperMD-list-line.cm-line {
+ padding-top: var(--list-spacing);
+ padding-bottom: var(--list-spacing);
+}
+
+.is-mobile ul > li:not(.task-list-item)::marker {
+ font-size: 0.8em;
+}
+
+/* Backlinks in Preview */
+.is-mobile .workspace-leaf-content:not([data-type=search]) .workspace-leaf-content[data-type=markdown] .nav-buttons-container {
+ border-bottom: none;
+ padding-top: 5px;
+}
+
+.is-mobile .mod-root .workspace-leaf-content[data-type=markdown] .search-input-container {
+ width: calc(100% - 160px);
+}
+
+.embedded-backlinks .backlink-pane > .tree-item-self:hover,
+.embedded-backlinks .backlink-pane > .tree-item-self {
+ text-transform: none;
+ color: var(--text-normal);
+ font-size: var(--font-adaptive-normal);
+ font-weight: 500;
+ letter-spacing: unset;
+}
+
+body {
+ --pdf-dark-opacity: 1;
+}
+
+.theme-light:not(.pdf-shadows-on),
+.theme-dark:not(.pdf-shadows-on) {
+ --pdf-shadow: none;
+ --pdf-thumbnail-shadow: none;
+}
+.theme-light:not(.pdf-shadows-on) .pdf-viewer .page,
+.theme-light:not(.pdf-shadows-on) .pdfViewer .page,
+.theme-dark:not(.pdf-shadows-on) .pdf-viewer .page,
+.theme-dark:not(.pdf-shadows-on) .pdfViewer .page {
+ border: 0;
+}
+.theme-light:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnailSelectionRing,
+.theme-dark:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnailSelectionRing {
+ padding: 0;
+}
+.theme-light:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnail::after,
+.theme-dark:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnail::after {
+ right: var(--size-4-2);
+ bottom: var(--size-4-2);
+}
+
+.theme-dark {
+ --pdf-thumbnail-shadow: 0 0 1px 0 rgba(0,0,0,0.6);
+ --pdf-shadow: 0 0 1px 0 rgba(0,0,0,0.6);
+}
+.theme-dark .pdf-viewer .canvasWrapper,
+.theme-dark .pdfViewer .canvasWrapper {
+ opacity: var(--pdf-dark-opacity);
+}
+.theme-dark.pdf-invert-dark .workspace-leaf-content[data-type=pdf] .pdf-viewer .canvasWrapper,
+.theme-dark.pdf-invert-dark .workspace-leaf-content[data-type=pdf] .pdfViewer .canvasWrapper {
+ filter: invert(1) hue-rotate(180deg);
+ mix-blend-mode: screen;
+}
+
+.theme-light.pdf-blend-light .workspace-leaf-content[data-type=pdf] .pdf-viewer .canvasWrapper,
+.theme-light.pdf-blend-light .workspace-leaf-content[data-type=pdf] .pdfViewer .canvasWrapper {
+ mix-blend-mode: multiply;
+}
+
+body {
+ --table-header-border-width: 0;
+ --table-column-first-border-width: 0;
+ --table-column-last-border-width: 0;
+ --table-row-last-border-width: 0;
+ --table-edge-cell-padding-first: 0;
+ --table-edge-cell-padding-last: 0;
+ --table-cell-padding: 4px 10px;
+ --table-header-size: var(--table-text-size);
+}
+
+/* Preview mode tables */
+.markdown-source-view.mod-cm6 table {
+ border-collapse: collapse;
+}
+
+.markdown-rendered th {
+ --table-header-size: var(--table-text-size);
+}
+
+.markdown-source-view.mod-cm6 table,
+.markdown-preview-view table {
+ border: var(--border-width) solid var(--border-color);
+ border-collapse: collapse;
+}
+.markdown-source-view.mod-cm6 td, .markdown-source-view.mod-cm6 th,
+.markdown-preview-view td,
+.markdown-preview-view th {
+ padding: var(--table-cell-padding);
+}
+.markdown-source-view.mod-cm6 td:first-child, .markdown-source-view.mod-cm6 th:first-child,
+.markdown-preview-view td:first-child,
+.markdown-preview-view th:first-child {
+ padding-inline-start: var(--table-edge-cell-padding-first);
+}
+.markdown-source-view.mod-cm6 td:first-child .table-cell-wrapper, .markdown-source-view.mod-cm6 th:first-child .table-cell-wrapper,
+.markdown-preview-view td:first-child .table-cell-wrapper,
+.markdown-preview-view th:first-child .table-cell-wrapper {
+ padding-inline-start: 0;
+}
+.markdown-source-view.mod-cm6 td:last-child, .markdown-source-view.mod-cm6 th:last-child,
+.markdown-preview-view td:last-child,
+.markdown-preview-view th:last-child {
+ padding-inline-end: var(--table-edge-cell-padding-last);
+}
+.markdown-source-view.mod-cm6 td:last-child .table-cell-wrapper, .markdown-source-view.mod-cm6 th:last-child .table-cell-wrapper,
+.markdown-preview-view td:last-child .table-cell-wrapper,
+.markdown-preview-view th:last-child .table-cell-wrapper {
+ padding-inline-end: 0;
+}
+
+.markdown-source-view.mod-cm6 .cm-table-widget table {
+ margin-top: 0;
+}
+.markdown-source-view.mod-cm6 .cm-table-widget .table-cell-wrapper {
+ padding: var(--table-cell-padding);
+}
+
+.markdown-reading-view table {
+ --p-spacing: 0.5rem;
+}
+
+.cm-embed-block.cm-table-widget.markdown-rendered {
+ padding: var(--table-drag-padding);
+ overscroll-behavior-x: none;
+}
+.is-mobile .cm-embed-block.cm-table-widget.markdown-rendered {
+ padding-bottom: 40px;
+}
+
+/* Override Sortable plugin */
+.markdown-preview-view th,
+.table-view-table > thead > tr > th,
+.markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th {
+ padding: var(--table-cell-padding);
+}
+.markdown-preview-view th:first-child,
+.table-view-table > thead > tr > th:first-child,
+.markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th:first-child {
+ padding-inline-start: var(--table-edge-cell-padding-first);
+}
+.markdown-preview-view th:last-child,
+.table-view-table > thead > tr > th:last-child,
+.markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th:last-child {
+ padding-inline-end: var(--table-edge-cell-padding-last);
+}
+
+/* Live Preview Tables */
+.cm-s-obsidian .HyperMD-table-row span.cm-hmd-table-sep,
+.cm-hmd-table-sep-dummy {
+ color: var(--text-faint);
+ font-weight: 400;
+}
+
+/* Tags */
+body.minimal-unstyled-tags {
+ --tag-background: transparent;
+ --tag-background-hover: transparent;
+ --tag-border-width: 0px;
+ --tag-padding-x: 0;
+ --tag-padding-y: 0;
+ --tag-size: inherit;
+ --tag-color-hover: var(--text-accent-hover);
+}
+body.minimal-unstyled-tags.is-mobile.theme-dark {
+ --tag-background: transparent;
+}
+
+body:not(.minimal-unstyled-tags) {
+ --tag-size: 0.8em;
+ --tag-padding-y: 0.2em;
+ --tag-background: transparent;
+ --tag-background-hover: transparent;
+ --tag-color: var(--text-muted);
+ --tag-border-width: 1px;
+ --tag-border-color: var(--background-modifier-border);
+ --tag-border-color-hover: var(--background-modifier-border-hover);
+ --tag-color-hover: var(--text-normal);
+}
+
+body.is-mobile.theme-dark {
+ --tag-background: transparent;
+}
+
+/* Headings and fonts */
+h1, h2, h3, h4 {
+ letter-spacing: -0.02em;
+}
+
+body, input, button {
+ font-family: var(--font-interface);
+}
+
+.cm-s-obsidian span.cm-error {
+ color: var(--color-red);
+}
+
+.markdown-preview-view,
+.popover,
+.workspace-leaf-content[data-type=markdown] {
+ font-family: var(--font-text);
+}
+
+body,
+.markdown-preview-view,
+.view-content > .markdown-source-view.mod-cm6.is-live-preview > .cm-scroller,
+.view-content > .cm-s-obsidian {
+ font-size: var(--font-adaptive-normal);
+ font-weight: var(--normal-weight);
+}
+
+.view-content > .markdown-source-view.mod-cm6 .cm-scroller,
+.view-content > .markdown-source-view,
+.view-content > .cm-s-obsidian {
+ font-family: var(--font-editor);
+}
+
+.cm-formatting:not(.cm-formatting-code-block):not(.cm-formatting-hashtag) {
+ color: var(--text-formatting);
+}
+
+.hide-markdown .is-live-preview .cm-formatting.cm-formatting-code.cm-inline-code, .hide-markdown .is-live-preview .cm-formatting.cm-formatting-em, .hide-markdown .is-live-preview .cm-formatting.cm-formatting-link, .hide-markdown .is-live-preview .cm-formatting.cm-formatting-strikethrough, .hide-markdown .is-live-preview .cm-formatting.cm-formatting-strong, .hide-markdown .is-live-preview .cm-formatting.cm-formatting-highlight {
+ display: none;
+}
+.hide-markdown .is-live-preview .cm-formatting-quote {
+ opacity: 0;
+}
+.hide-markdown .is-live-preview .cm-hmd-internal-link.cm-link-has-alias,
+.hide-markdown .is-live-preview .cm-link-alias-pipe,
+.hide-markdown .is-live-preview .cm-formatting-link,
+.hide-markdown .is-live-preview .cm-formatting-header {
+ display: none;
+}
+
+/* Minimal features */
+/* Active line highlight */
+.active-line-on .workspace-leaf-content[data-type=markdown] .cm-line.cm-active,
+.active-line-on .workspace-leaf-content[data-type=markdown] .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote.cm-active {
+ background-color: var(--active-line-bg);
+ box-shadow: -25vw 0px var(--active-line-bg), 25vw 0 var(--active-line-bg);
+}
+
+.disable-animations {
+ --ribbon-animation-duration: 0ms;
+ --focus-animation-duration: 0ms;
+}
+.disable-animations .mod-sidedock {
+ transition-duration: 0ms !important;
+}
+
+.fast-animations {
+ --ribbon-animation-duration: 0.05s;
+ --focus-animation-duration: 0.05s;
+}
+.fast-animations .mod-sidedock {
+ transition-duration: 70ms !important;
+}
+
+body {
+ --content-margin: auto;
+ --content-margin-start: max(
+ calc(50% - var(--line-width)/2),
+ calc(50% - var(--max-width)/2) );
+ --content-line-width: min(var(--line-width), var(--max-width));
+ --map-header-padding: 2px;
+}
+
+/* Line widths ------------------------------------ */
+/* Set overall context to 100% width */
+.markdown-preview-view .markdown-preview-sizer.markdown-preview-sizer {
+ max-width: 100%;
+ margin-inline: auto;
+ width: 100%;
+}
+
+/* Prevent x overflow when line numbers are on
+.markdown-source-view.mod-cm6 .cm-sizer {
+ overflow-x: hidden;
+} */
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-content,
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer {
+ max-width: 100%;
+ width: 100%;
+}
+
+/* Set inner content to line width */
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div,
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div,
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer > .inline-title,
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer > .embedded-backlinks,
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-sizer > .metadata-container {
+ max-width: var(--max-width);
+ width: var(--line-width);
+ margin-inline: var(--content-margin) !important;
+}
+
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > *:not(div) {
+ max-width: var(--content-line-width);
+ margin-inline-start: var(--content-margin-start) !important;
+}
+
+/* File margins ------------------------------------ */
+.is-readable-line-width {
+ --file-margins: 1rem 0 0 0;
+}
+
+.is-mobile .markdown-preview-view {
+ --folding-offset: 0;
+}
+
+/* With line numbers */
+.minimal-line-nums .workspace-leaf-content[data-type=markdown] {
+ --file-margins: var(--size-4-8) var(--size-4-8) var(--size-4-8) 48px;
+}
+.minimal-line-nums .workspace-leaf-content[data-type=markdown].is-rtl {
+ --file-margins: var(--size-4-8) 48px var(--size-4-8) var(--size-4-8);
+}
+.minimal-line-nums .workspace-leaf-content[data-type=markdown] .is-readable-line-width {
+ --file-margins: 1rem 0 0 var(--folding-offset);
+}
+.minimal-line-nums .workspace-leaf-content[data-type=markdown] .is-readable-line-width.is-rtl {
+ --file-margins: 1rem var(--folding-offset) 0 0;
+}
+
+.minimal-line-nums .mod-right-split .markdown-preview-view,
+.minimal-line-nums .mod-right-split .markdown-source-view.mod-cm6 .cm-scroller,
+.minimal-line-nums .mod-left-split .markdown-preview-view,
+.minimal-line-nums .mod-left-split .markdown-source-view.mod-cm6 .cm-scroller {
+ --file-margins: var(--size-4-5) var(--size-4-5) var(--size-4-5) 48px;
+}
+
+.view-content .reader-mode-content.is-readable-line-width .markdown-preview-sizer {
+ max-width: var(--max-width);
+ width: var(--line-width);
+}
+
+/* Embeds ------------------------------------ */
+.markdown-preview-view .inline-embed {
+ --max-width: 100%;
+}
+
+/* Content rules ------------------------------------
+
+ The benefit of this approach is that it covers all levels
+ of specificity wherever the helper is applied: global,
+ per file, and element-level.
+
+ It means we don't have to write long specific selectors
+ like `.table-100.markdown-source-view...`
+*/
+body {
+ --container-table-max-width: var(--max-width);
+ --table-max-width: none;
+ --table-width: auto;
+ --table-margin: inherit;
+ --table-wrapper-width: fit-content;
+ --container-dataview-table-width: var(--line-width);
+ --container-img-width: var(--line-width);
+ --container-img-max-width: var(--max-width);
+ --img-max-width: 100%;
+ --img-width: auto;
+ /* because external images don't have a container */
+ --img-margin-start: var(--content-margin-start);
+ --img-line-width: var(--content-line-width);
+ --container-chart-width: var(--line-width);
+ --container-chart-max-width: var(--max-width);
+ --chart-max-width: none;
+ --chart-width: auto;
+ --container-map-width: var(--line-width);
+ --container-map-max-width: var(--max-width);
+ --map-max-width: none;
+ --map-width: auto;
+ --container-iframe-width: var(--line-width);
+ --container-iframe-max-width: var(--max-width);
+ --iframe-max-width: none;
+ --iframe-width: auto;
+ /* Entire page */
+}
+body .wide {
+ --line-width: var(--line-width-wide);
+ --container-table-width: var(--line-width-wide);
+ --container-dataview-table-width: var(--line-width-wide);
+ --container-img-width: var(--line-width-wide);
+ --container-iframe-width: var(--line-width-wide);
+ --container-map-width: var(--line-width-wide);
+ --container-chart-width: var(--line-width-wide);
+}
+body .max {
+ --line-width: var(--max-width);
+ --container-table-width: var(--max-width);
+ --container-dataview-table-width: var(--max-width);
+ --container-img-width: var(--max-width);
+ --container-iframe-width: var(--max-width);
+ --container-map-width: var(--max-width);
+ --container-chart-width: var(--max-width);
+}
+
+table.dataview {
+ --table-min-width: min(var(--line-width),var(--max-width));
+}
+
+.cards table.dataview {
+ --table-width: 100%;
+ --table-min-width: none;
+}
+
+body {
+ --table-drag-space: 16px;
+ --container-table-margin: calc(var(--content-margin-start) - var(--table-drag-space));
+ --container-table-width: calc(var(--line-width) + var(--table-drag-space)*2);
+ --table-drag-padding: var(--table-drag-space);
+}
+
+.is-mobile {
+ --table-drag-space: 16px;
+ --container-table-max-width: calc(100% - var(--container-table-margin));
+}
+
+.maximize-tables-auto {
+ --container-table-max-width: 100%;
+ --container-table-width: 100%;
+ --container-dataview-table-width: 100%;
+ --container-table-margin: 0;
+ --table-drag-padding: var(--table-drag-space) 0;
+ --table-max-width: 100%;
+ --table-margin: var(--content-margin-start) auto;
+ --table-width: auto;
+}
+.maximize-tables-auto .cards {
+ --container-table-max-width: var(--max-width);
+}
+.maximize-tables-auto .cards .block-language-dataview {
+ --table-margin: auto;
+}
+
+.maximize-tables {
+ --container-table-max-width: 100%;
+ --container-table-width: 100%;
+ --container-table-margin: 0;
+ --table-drag-padding: var(--table-drag-space) 0;
+ --table-min-width: min(var(--line-width), var(--max-width));
+ --table-max-width: 100%;
+ --table-margin: auto;
+ --table-width: auto;
+ --table-edge-cell-padding-first: 8px;
+ --table-edge-cell-padding-last: 8px;
+ --table-wrapper-width: auto;
+}
+
+.table-wide,
+.table-max,
+.table-100 {
+ --table-max-width: 100%;
+ --table-width: 100%;
+}
+
+.table-wide {
+ --container-table-width: var(--line-width-wide);
+ --container-dataview-table-width: var(--line-width-wide);
+ --container-table-margin: auto;
+ --table-edge-cell-padding-first: 0px;
+}
+
+.table-max {
+ --container-table-width: var(--max-width);
+ --container-table-max-width: calc(var(--max-width) + var(--table-drag-space)*2);
+ --container-dataview-table-width: var(--max-width);
+ --container-table-margin: auto;
+ --table-edge-cell-padding-first: 0px;
+ --table-margin: 0;
+}
+
+.table-100 {
+ --container-table-width: 100%;
+ --container-dataview-table-width: 100%;
+ --container-table-max-width: 100%;
+ --container-table-margin: 0;
+ --table-edge-cell-padding-first: 16px;
+ --table-edge-cell-padding-last: 16px;
+ --table-margin: 0;
+ --table-drag-padding: var(--table-drag-space) 0;
+ --table-wrapper-width: min(fit-content, 100%);
+ --bases-cards-embed-padding: 0 12px;
+ --bases-header-padding-end: var(--size-4-2);
+ --bases-header-padding-start: var(--size-4-2);
+}
+.table-100 .bases-view[data-view-type=table] {
+ --bases-embed-border-width: 0;
+ --bases-embed-border-radius: 0;
+}
+.table-100 .table-col-btn {
+ cursor: default !important;
+ margin-top: 8px;
+ height: var(--table-header-size);
+ inset-inline-start: calc(100% - var(--table-drag-handle-size) - 4px) !important;
+}
+.table-100 .markdown-source-view.mod-cm6, .table-100.markdown-source-view.mod-cm6 {
+ --table-drag-handle-background-active: transparent;
+}
+.table-100 .markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle, .table-100.markdown-source-view.mod-cm6 .cm-table-widget .table-row-drag-handle {
+ inset-inline-end: calc(100% - var(--table-drag-handle-size)) !important;
+}
+
+.img-wide,
+.img-max,
+.img-100 {
+ --img-max-width: 100%;
+ --img-width: 100%;
+}
+
+.img-wide {
+ --container-img-width: var(--line-width-wide);
+ --img-line-width: var(--line-width-wide);
+ --img-margin-start: calc(50% - var(--line-width-wide)/2);
+}
+
+.img-max {
+ --container-img-width: var(--max-width);
+ --img-line-width: var(--max-width);
+ --img-margin-start: calc(50% - var(--max-width)/2);
+}
+
+.img-100 {
+ --container-img-width: 100%;
+ --container-img-max-width: 100%;
+ --img-line-width: 100%;
+ --img-margin-start:0;
+}
+
+.map-wide,
+.map-max,
+.map-100 {
+ --map-max-width: 100%;
+ --map-width: 100%;
+}
+
+.map-wide {
+ --container-map-width: var(--line-width-wide);
+}
+
+.map-max {
+ --container-map-width: var(--max-width);
+}
+
+.map-100 {
+ --container-map-width: 100%;
+ --container-map-max-width: 100%;
+ --map-header-padding: var(--size-4-2);
+}
+.map-100 .bases-view[data-view-type=map] {
+ --bases-embed-border-radius: 0;
+}
+
+.chart-wide,
+.chart-max,
+.chart-100 {
+ --chart-max-width: 100%;
+ --chart-width: 100%;
+}
+
+.chart-wide {
+ --container-chart-width: var(--line-width-wide);
+}
+
+.chart-max {
+ --container-chart-width: var(--max-width);
+}
+
+.chart-100 {
+ --container-chart-width: 100%;
+ --container-chart-max-width: 100%;
+}
+
+.iframe-wide,
+.iframe-max,
+.iframe-100 {
+ --iframe-max-width: 100%;
+ --iframe-width: 100%;
+}
+
+.iframe-wide {
+ --container-iframe-width: var(--line-width-wide);
+}
+
+.iframe-max {
+ --container-iframe-width: var(--max-width);
+}
+
+.iframe-100 {
+ --container-iframe-width: 100%;
+ --container-iframe-max-width: 100%;
+}
+
+/* Block widths ------------------------------------
+
+ Because we are using :has() this method requires
+ Obsidian installer 1.1.9 or above.
+*/
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .cm-table-widget,
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(table),
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer .cm-table-widget,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(table) {
+ width: var(--container-table-width);
+ max-width: var(--container-table-max-width);
+ margin-inline: var(--container-table-margin) !important;
+ padding-inline-start: var(--table-drag-padding);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .el-table,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer .el-table {
+ margin-inline: var(--container-table-margin) !important;
+ padding-inline-start: var(--table-drag-padding);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .table-wrapper,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer .table-wrapper {
+ width: var(--table-wrapper-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > .bases-embed,
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(:is(.block-language-base, .bases-embed)),
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > :has(> :is(.block-language-dataview, .block-language-dataviewjs) table),
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .bases-embed,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(:is(.block-language-base, .bases-embed)),
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > :has(> :is(.block-language-dataview, .block-language-dataviewjs) table) {
+ width: var(--container-dataview-table-width);
+ max-width: var(--container-table-max-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content table,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer table {
+ width: var(--table-width);
+ max-width: var(--table-max-width);
+ margin-inline: var(--table-margin);
+ min-width: var(--table-min-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .block-language-dataviewjs > :is(p, h1, h2, h3, h4, h5, h6),
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer .block-language-dataviewjs > :is(p, h1, h2, h3, h4, h5, h6) {
+ width: var(--line-width);
+ margin-inline: var(--content-margin);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .block-language-dataviewjs > .dataview-error,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer .block-language-dataviewjs > .dataview-error {
+ margin: 0 auto;
+ width: var(--content-line-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content .dataview.dataview-error-box,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer .dataview.dataview-error-box {
+ margin-inline: var(--table-margin);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > .image-embed,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .image-embed {
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > .image-embed,
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(.image-embed),
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .image-embed,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(.image-embed) {
+ width: var(--container-img-width);
+ max-width: var(--container-img-max-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > .image-embed img,
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(.image-embed) img,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .image-embed img,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(.image-embed) img {
+ max-width: var(--img-max-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > img,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > img {
+ max-width: var(--img-line-width);
+ margin-inline-start: var(--img-margin-start) !important;
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content div:has(> .block-language-dataviewjs canvas, > .block-language-chart),
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer div:has(> .block-language-dataviewjs canvas, > .block-language-chart) {
+ width: var(--container-chart-width);
+ max-width: var(--container-chart-max-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content div:has(> .block-language-dataviewjs canvas, > .block-language-chart) canvas,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer div:has(> .block-language-dataviewjs canvas, > .block-language-chart) canvas {
+ max-width: var(--chart-max-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content div:has(.bases-view[data-view-type=map]),
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer div:has(.bases-view[data-view-type=map]) {
+ width: var(--container-map-width);
+ max-width: var(--container-map-max-width);
+ --bases-header-padding-end: var(--map-header-padding);
+ --bases-header-padding-start: var(--map-header-padding);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content div:has(.bases-view[data-view-type=map]) iframe,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer div:has(.bases-view[data-view-type=map]) iframe {
+ max-width: var(--map-max-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(> :is(iframe, .cm-html-embed)),
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(> :is(iframe, .cm-html-embed)) {
+ width: var(--container-iframe-width);
+ max-width: var(--container-iframe-max-width);
+}
+.markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer.cm-contentContainer > .cm-content > div:has(> :is(iframe, .cm-html-embed)) iframe,
+.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div:has(> :is(iframe, .cm-html-embed)) iframe {
+ max-width: var(--iframe-max-width);
+}
+
+.borders-none {
+ --divider-width:0px;
+ --tab-outline-width: 0px;
+}
+
+body:is(.borders-none) .mod-root .workspace-tab-header-container:is(div, :hover) {
+ --tab-outline-width: 0px;
+}
+
+/* MIT License | Copyright (c) Stephan Ango (@kepano)
+
+Cards snippet for Obsidian
+
+author: @kepano
+version: 3.0.1
+
+Support my work:
+https://github.com/sponsors/kepano
+
+*/
+body {
+ --cards-min-width: 180px;
+ --cards-max-width: 1fr;
+ --cards-mobile-width: 120px;
+ --cards-image-height: 400px;
+ --cards-padding: 1.2em;
+ --cards-image-fit: contain;
+ --cards-background: transparent;
+ --cards-background-hover: transparent;
+ --cards-border-width: 1px;
+ --cards-aspect-ratio: auto;
+ --cards-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width)));
+}
+
+@media (max-width: 400pt) {
+ body {
+ --cards-min-width:var(--cards-mobile-width);
+ }
+}
+.cards.table-100 table.dataview tbody,
+.table-100 .cards table.dataview tbody {
+ padding: 0.25rem 0.75rem;
+}
+
+.cards table.dataview {
+ --table-width: 100%;
+ --table-edge-cell-padding-first: calc(var(--cards-padding)/2);
+ --table-edge-cell-padding-last: calc(var(--cards-padding)/2);
+ --table-cell-padding: calc(var(--cards-padding)/3) calc(var(--cards-padding)/2);
+ line-height: 1.3;
+}
+.cards table.dataview tbody {
+ clear: both;
+ padding: 0.5rem 0;
+ display: grid;
+ grid-template-columns: var(--cards-columns);
+ grid-column-gap: 0.75rem;
+ grid-row-gap: 0.75rem;
+}
+.cards table.dataview > tbody > tr {
+ background-color: var(--cards-background);
+ border: var(--cards-border-width) solid var(--background-modifier-border);
+ display: flex;
+ flex-direction: column;
+ margin: 0;
+ padding: 0 0 calc(var(--cards-padding) / 3);
+ border-radius: 6px;
+ overflow: hidden;
+ transition: box-shadow 0.15s linear;
+ max-width: var(--cards-max-width);
+ height: auto;
+}
+.cards table.dataview > tbody > tr:hover {
+ background-color: var(--cards-background-hover) !important;
+ border: var(--cards-border-width) solid var(--background-modifier-border-hover);
+ box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 3px 1px rgba(0, 0, 0, 0.025);
+ transition: box-shadow 0.15s linear;
+}
+.cards table.dataview tbody > tr > td:first-child {
+ font-weight: var(--bold-weight);
+ border: none;
+}
+.cards table.dataview tbody > tr > td:first-child a {
+ display: block;
+}
+.cards table.dataview tbody > tr > td:last-child {
+ border: none;
+}
+.cards table.dataview tbody > tr > td:not(:first-child) {
+ font-size: calc(var(--table-text-size) * 0.9);
+ color: var(--text-muted);
+}
+.cards table.dataview tbody > tr > td > * {
+ padding: calc(var(--cards-padding) / 3) 0;
+}
+.cards table.dataview tbody > tr > td:not(:last-child):not(:first-child) {
+ padding: 4px 0;
+ border-bottom: 1px solid var(--background-modifier-border);
+ width: calc(100% - var(--cards-padding));
+ margin: 0 calc(var(--cards-padding) / 2);
+}
+.cards table.dataview tbody > tr > td a {
+ text-decoration: none;
+}
+.cards table.dataview tbody > tr > td > button {
+ width: 100%;
+ margin: calc(var(--cards-padding) / 2) 0;
+}
+.cards table.dataview tbody > tr > td:last-child > button {
+ margin-bottom: calc(var(--cards-padding) / 6);
+}
+.cards table.dataview tbody > tr > td > ul {
+ width: 100%;
+ padding: 0.25em 0 !important;
+ margin: 0 auto !important;
+}
+.cards table.dataview tbody > tr > td img {
+ aspect-ratio: var(--cards-aspect-ratio);
+ width: 100%;
+ object-fit: var(--cards-image-fit);
+ max-height: var(--cards-image-height);
+ background-color: var(--background-secondary);
+ vertical-align: bottom;
+}
+
+.markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td,
+.trim-cols .cards table.dataview tbody > tr > td {
+ white-space: normal;
+}
+
+.links-int-on .cards table {
+ --link-decoration: none;
+}
+
+/* Block button */
+.markdown-source-view.mod-cm6.cards .edit-block-button {
+ top: -1px;
+ right: 28px;
+ opacity: 1;
+}
+
+/* ------------------- */
+/* Sorting menu */
+.cards.table-100 table.dataview thead > tr,
+.table-100 .cards table.dataview thead > tr {
+ right: 0.75rem;
+}
+
+.table-100 .cards table.dataview thead:before,
+.cards.table-100 table.dataview thead:before {
+ margin-right: 0.75rem;
+}
+
+.cards table.dataview thead {
+ user-select: none;
+ width: 180px;
+ display: block;
+ float: right;
+ position: relative;
+ text-align: right;
+ height: 24px;
+ padding-bottom: 0px;
+}
+.cards table.dataview thead:hover:after {
+ background-color: var(--background-modifier-hover);
+}
+.cards table.dataview thead:hover:before {
+ background-color: var(--text-muted);
+}
+.cards table.dataview thead:after,
+.cards table.dataview thead:before {
+ content: "";
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 10px;
+ height: 16px;
+ cursor: var(--cursor);
+ text-align: right;
+ padding: var(--size-4-1) var(--size-4-2);
+ margin-bottom: 2px;
+ border-radius: var(--radius-s);
+ font-weight: 500;
+ font-size: var(--font-adaptive-small);
+}
+.cards table.dataview thead:before {
+ background-color: var(--text-faint);
+ -webkit-mask-repeat: no-repeat;
+ -webkit-mask-size: 16px;
+ -webkit-mask-position: center center;
+ -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="currentColor" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>');
+}
+.cards table.dataview thead > tr {
+ top: -1px;
+ position: absolute;
+ display: none;
+ z-index: 9;
+ border: 1px solid var(--background-modifier-border-hover);
+ background-color: var(--background-secondary);
+ box-shadow: var(--shadow-s);
+ padding: 6px;
+ border-radius: var(--radius-m);
+ flex-direction: column;
+ margin: 24px 0 0;
+ width: 100%;
+}
+.cards table.dataview thead:hover > tr {
+ display: flex;
+ height: auto;
+}
+.cards table.dataview thead > tr > th {
+ display: block;
+ padding: 3px 30px 3px 6px !important;
+ border-radius: var(--radius-s);
+ width: 100%;
+ font-weight: 400;
+ color: var(--text-normal);
+ cursor: var(--cursor);
+ border: none;
+ font-size: var(--font-ui-small);
+}
+.cards table.dataview thead > tr > th[sortable-style=sortable-asc],
+.cards table.dataview thead > tr > th[sortable-style=sortable-desc] {
+ color: var(--text-normal);
+}
+.cards table.dataview thead > tr > th:hover {
+ color: var(--text-normal);
+ background-color: var(--background-modifier-hover);
+}
+
+/* ------------------- */
+/* Card lists */
+.list-cards.markdown-preview-view .list-bullet,
+.list-cards.markdown-preview-view .list-collapse-indicator, .list-cards.markdown-preview-view.markdown-rendered.show-indentation-guide li > ul::before {
+ display: none;
+}
+.list-cards.markdown-preview-view div > ul {
+ display: grid;
+ gap: 0.75rem;
+ grid-template-columns: var(--cards-columns);
+ padding: 0;
+ line-height: var(--line-height-tight);
+}
+.list-cards.markdown-preview-view div > ul .contains-task-list {
+ padding-inline-start: calc(var(--cards-padding) * 1.5);
+}
+.list-cards.markdown-preview-view div > ul > li.task-list-item > .task-list-item-checkbox {
+ margin-inline-start: 3px;
+}
+.list-cards.markdown-preview-view div > ul > li {
+ background-color: var(--cards-background);
+ padding: calc(var(--cards-padding) / 2);
+ border-radius: var(--radius-s);
+ border: var(--cards-border-width) solid var(--background-modifier-border);
+ overflow: hidden;
+ margin-inline-start: 0;
+}
+.list-cards.markdown-preview-view div > ul .image-embed {
+ padding: 0;
+ display: block;
+ background-color: var(--background-secondary);
+ border-radius: var(--image-radius);
+}
+.list-cards.markdown-preview-view div > ul .image-embed img {
+ aspect-ratio: var(--cards-aspect-ratio);
+ object-fit: var(--cards-image-fit);
+ max-height: var(--cards-image-height);
+ background-color: var(--background-secondary);
+ vertical-align: bottom;
+}
+.list-cards.markdown-preview-view div > ul > li > a {
+ --link-decoration: none;
+ --link-external-decoration: none;
+ font-weight: var(--bold-weight);
+}
+.list-cards.markdown-preview-view div ul > li:hover {
+ border-color: var(--background-modifier-border-hover);
+}
+.list-cards.markdown-preview-view div ul ul {
+ display: block;
+ width: 100%;
+ color: var(--text-muted);
+ font-size: var(--font-smallest);
+ margin: calc(var(--cards-padding) / -4) 0;
+ padding: calc(var(--cards-padding) / 2) 0;
+}
+.list-cards.markdown-preview-view div ul ul ul {
+ padding-bottom: calc(var(--cards-padding) / 4);
+}
+.list-cards.markdown-preview-view div ul ul > li {
+ display: block;
+ margin-inline-start: 0;
+}
+
+/* ------------------- */
+/* Helper classes */
+.cards.cards-16-9,
+.list-cards.cards-16-9 {
+ --cards-aspect-ratio: 16/9;
+}
+.cards.cards-1-1,
+.list-cards.cards-1-1 {
+ --cards-aspect-ratio: 1/1;
+}
+.cards.cards-2-1,
+.list-cards.cards-2-1 {
+ --cards-aspect-ratio: 2/1;
+}
+.cards.cards-2-3,
+.list-cards.cards-2-3 {
+ --cards-aspect-ratio: 2/3;
+}
+.cards.cards-cols-1,
+.list-cards.cards-cols-1 {
+ --cards-columns: repeat(1, minmax(0, 1fr));
+}
+.cards.cards-cols-2,
+.list-cards.cards-cols-2 {
+ --cards-columns: repeat(2, minmax(0, 1fr));
+}
+.cards.cards-cover,
+.list-cards.cards-cover {
+ --cards-image-fit: cover;
+ /* Images */
+}
+.cards.cards-cover tbody > tr > td:first-child,
+.list-cards.cards-cover tbody > tr > td:first-child {
+ padding: 0 !important;
+ background-color: var(--background-secondary);
+ display: block;
+ margin: 0;
+ width: 100%;
+}
+.cards.cards-cover tbody > tr > td:first-child img,
+.list-cards.cards-cover tbody > tr > td:first-child img {
+ border-radius: 0;
+}
+.cards.cards-align-bottom table.dataview tbody > tr > td:last-child,
+.list-cards.cards-align-bottom table.dataview tbody > tr > td:last-child {
+ margin-top: auto;
+}
+
+@media (max-width: 400pt) {
+ .cards table.dataview tbody > tr > td:not(:first-child) {
+ font-size: 80%;
+ }
+}
+@media (min-width: 400pt) {
+ .cards-cols-3 {
+ --cards-columns: repeat(3, minmax(0, 1fr));
+ }
+ .cards-cols-4 {
+ --cards-columns: repeat(4, minmax(0, 1fr));
+ }
+ .cards-cols-5 {
+ --cards-columns: repeat(5, minmax(0, 1fr));
+ }
+ .cards-cols-6 {
+ --cards-columns: repeat(6, minmax(0, 1fr));
+ }
+ .cards-cols-7 {
+ --cards-columns: repeat(7, minmax(0, 1fr));
+ }
+ .cards-cols-8 {
+ --cards-columns: repeat(8, minmax(0, 1fr));
+ }
+}
+/* Checklist icons */
+.cm-formatting.cm-formatting-task.cm-property {
+ font-family: var(--font-monospace);
+}
+
+input[data-task=">"]:checked,
+input[data-task="!"]:checked,
+input[data-task="-"]:checked,
+input[data-task="<"]:checked,
+input[data-task=l]:checked,
+input[data-task="*"]:checked,
+input[data-task=I]:checked,
+input[data-task=p]:checked,
+input[data-task=f]:checked,
+input[data-task=k]:checked,
+input[data-task=u]:checked,
+input[data-task=w]:checked,
+input[data-task=c]:checked,
+input[data-task=d]:checked,
+input[data-task=b]:checked,
+li[data-task=">"] > input:checked,
+li[data-task="!"] > input:checked,
+li[data-task="-"] > input:checked,
+li[data-task="<"] > input:checked,
+li[data-task=l] > input:checked,
+li[data-task="*"] > input:checked,
+li[data-task=I] > input:checked,
+li[data-task=p] > input:checked,
+li[data-task=f] > input:checked,
+li[data-task=k] > input:checked,
+li[data-task=u] > input:checked,
+li[data-task=d] > input:checked,
+li[data-task=w] > input:checked,
+li[data-task=c] > input:checked,
+li[data-task=b] > input:checked,
+li[data-task=">"] > p > input:checked,
+li[data-task="!"] > p > input:checked,
+li[data-task="-"] > p > input:checked,
+li[data-task="<"] > p > input:checked,
+li[data-task=l] > p > input:checked,
+li[data-task="*"] > p > input:checked,
+li[data-task=I] > p > input:checked,
+li[data-task=p] > p > input:checked,
+li[data-task=f] > p > input:checked,
+li[data-task=k] > p > input:checked,
+li[data-task=u] > p > input:checked,
+li[data-task=d] > p > input:checked,
+li[data-task=w] > p > input:checked,
+li[data-task=c] > p > input:checked,
+li[data-task=b] > p > input:checked {
+ --checkbox-marker-color: transparent;
+ border: none;
+ border-radius: 0;
+ background-image: none;
+ background-color: currentColor;
+ -webkit-mask-size: var(--checkbox-icon);
+ -webkit-mask-position: 50% 50%;
+}
+
+/* [>] Forwarded */
+input[data-task=">"]:checked,
+li[data-task=">"] > input:checked,
+li[data-task=">"] > p > input:checked {
+ color: var(--text-faint);
+ transform: rotate(90deg);
+ -webkit-mask-position: 50% 100%;
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%3E%3C/svg%3E");
+}
+
+/* [<] Schedule */
+input[data-task="<"]:checked,
+li[data-task="<"] > input:checked,
+li[data-task="<"] > p > input:checked {
+ color: var(--text-faint);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd' /%3E%3C/svg%3E");
+}
+
+/* [?] Question */
+input[data-task="?"]:checked,
+li[data-task="?"] > input:checked,
+li[data-task="?"] > p > input:checked {
+ --checkbox-marker-color: transparent;
+ background-color: var(--color-yellow);
+ border-color: var(--color-yellow);
+ background-position: 50% 50%;
+ background-size: 200% 90%;
+ background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="white" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E');
+}
+.theme-dark input[data-task="?"]:checked,
+.theme-dark li[data-task="?"] > input:checked,
+.theme-dark li[data-task="?"] > p > input:checked {
+ background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="black" fill-opacity="0.8" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E');
+}
+
+/* [/] Incomplete */
+input[data-task="/"]:checked,
+li[data-task="/"] > input:checked,
+li[data-task="/"] > p > input:checked {
+ background-image: none;
+ background-color: transparent;
+ position: relative;
+ overflow: hidden;
+}
+input[data-task="/"]:checked:after,
+li[data-task="/"] > input:checked:after,
+li[data-task="/"] > p > input:checked:after {
+ top: 0;
+ left: 0;
+ content: " ";
+ display: block;
+ position: absolute;
+ background-color: var(--background-modifier-accent);
+ width: calc(50% - 0.5px);
+ height: 100%;
+ -webkit-mask-image: none;
+}
+
+/* [!] Important */
+input[data-task="!"]:checked,
+li[data-task="!"] > input:checked,
+li[data-task="!"] > p > input:checked {
+ color: var(--color-orange);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
+}
+
+/* ["] Quote */
+input[data-task=“]:checked,
+li[data-task=“] > input:checked,
+li[data-task=“] > p > input:checked,
+input[data-task='"']:checked,
+li[data-task='"'] > input:checked,
+li[data-task='"'] > p > input:checked {
+ --checkbox-marker-color: transparent;
+ background-position: 50% 50%;
+ background-color: var(--color-cyan);
+ border-color: var(--color-cyan);
+ background-size: 75%;
+ background-repeat: no-repeat;
+ background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E');
+}
+.theme-dark input[data-task=“]:checked,
+.theme-dark li[data-task=“] > input:checked,
+.theme-dark li[data-task=“] > p > input:checked,
+.theme-dark input[data-task='"']:checked,
+.theme-dark li[data-task='"'] > input:checked,
+.theme-dark li[data-task='"'] > p > input:checked {
+ background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="black" fill-opacity="0.7" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E');
+}
+
+/* [-] Canceled */
+input[data-task="-"]:checked,
+li[data-task="-"] > input:checked,
+li[data-task="-"] > p > input:checked {
+ color: var(--text-faint);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
+}
+
+body:not(.tasks) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="-"]),
+body:not(.tasks) .markdown-preview-view ul li[data-task="-"].task-list-item.is-checked,
+body:not(.tasks) li[data-task="-"].task-list-item.is-checked {
+ color: var(--text-faint);
+ text-decoration: line-through solid var(--text-faint) 1px;
+}
+
+/* [*] Star */
+input[data-task="*"]:checked,
+li[data-task="*"] > input:checked,
+li[data-task="*"] > p > input:checked {
+ color: var(--color-yellow);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E");
+}
+
+/* [l] Location */
+input[data-task=l]:checked,
+li[data-task=l] > input:checked,
+li[data-task=l] > p > input:checked {
+ color: var(--color-red);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E");
+}
+
+/* [i] Info */
+input[data-task=i]:checked,
+li[data-task=i] > input:checked,
+li[data-task=i] > p > input:checked {
+ --checkbox-marker-color: transparent;
+ background-color: var(--color-blue);
+ border-color: var(--color-blue);
+ background-position: 50%;
+ background-size: 100%;
+ background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="white" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E');
+}
+.theme-dark input[data-task=i]:checked,
+.theme-dark li[data-task=i] > input:checked,
+.theme-dark li[data-task=i] > p > input:checked {
+ background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="black" fill-opacity="0.8" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E');
+}
+
+/* [S] Amount/savings/money */
+input[data-task=S]:checked,
+li[data-task=S] > input:checked,
+li[data-task=S] > p > input:checked {
+ --checkbox-marker-color: transparent;
+ border-color: var(--color-green);
+ background-color: var(--color-green);
+ background-size: 100%;
+ background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill="white" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E');
+}
+.theme-dark input[data-task=S]:checked,
+.theme-dark li[data-task=S] > input:checked,
+.theme-dark li[data-task=S] > p > input:checked {
+ background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill-opacity="0.8" fill="black" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E');
+}
+
+/* [I] Idea/lightbulb */
+input[data-task=I]:checked,
+li[data-task=I] > input:checked,
+li[data-task=I] > p > input:checked {
+ color: var(--color-yellow);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z' /%3E%3C/svg%3E");
+}
+
+/* [f] Fire */
+input[data-task=f]:checked,
+li[data-task=f] > input:checked,
+li[data-task=f] > p > input:checked {
+ color: var(--color-red);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E");
+}
+
+/* [k] Key */
+input[data-task=k]:checked,
+li[data-task=k] > input:checked,
+li[data-task=k] > p > input:checked {
+ color: var(--color-yellow);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E");
+}
+
+/* [u] Up */
+input[data-task=u]:checked,
+li[data-task=u] > input:checked,
+li[data-task=u] > p > input:checked {
+ color: var(--color-green);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E");
+}
+
+/* [d] Down */
+input[data-task=d]:checked,
+li[data-task=d] > input:checked,
+li[data-task=d] > p > input:checked {
+ color: var(--color-red);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E");
+}
+
+/* [w] Win */
+input[data-task=w]:checked,
+li[data-task=w] > input:checked,
+li[data-task=w] > p > input:checked {
+ color: var(--color-purple);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E");
+}
+
+/* [p] Pros */
+input[data-task=p]:checked,
+li[data-task=p] > input:checked,
+li[data-task=p] > p > input:checked {
+ color: var(--color-green);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z' /%3E%3C/svg%3E");
+}
+
+/* [c] Cons */
+input[data-task=c]:checked,
+li[data-task=c] > input:checked,
+li[data-task=c] > p > input:checked {
+ color: var(--color-orange);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z' /%3E%3C/svg%3E");
+}
+
+/* [b] Bookmark */
+input[data-task=b]:checked,
+li[data-task=b] > input:checked,
+li[data-task=b] > p > input:checked {
+ color: var(--color-orange);
+ -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z' /%3E%3C/svg%3E");
+}
+
+/* Colorful active states */
+.colorful-active .nav-files-container {
+ --nav-item-background-active: var(--interactive-accent);
+ --nav-item-color-active: var(--text-on-accent);
+}
+.colorful-active .nav-files-container .is-active .nav-file-tag {
+ color: var(--text-on-accent);
+ opacity: 0.6;
+}
+.colorful-active .tree-item-self.is-being-renamed:focus-within {
+ --nav-item-color-active: var(--text-normal);
+}
+.colorful-active #calendar-container .active,
+.colorful-active #calendar-container .active.today,
+.colorful-active #calendar-container .active:hover,
+.colorful-active #calendar-container .day:active {
+ background-color: var(--interactive-accent);
+ color: var(--text-on-accent);
+}
+.colorful-active #calendar-container .day:active .dot,
+.colorful-active #calendar-container .active .dot,
+.colorful-active #calendar-container .today.active .dot {
+ fill: var(--text-on-accent);
+}
+
+body:not(.colorful-active) .horizontal-tab-nav-item.is-active,
+body:not(.colorful-active) .vertical-tab-nav-item.is-active {
+ background-color: var(--bg3);
+ color: var(--text-normal);
+}
+
+body {
+ --frame-background:
+ hsl(
+ var(--frame-background-h),
+ var(--frame-background-s),
+ var(--frame-background-l));
+ --frame-icon-color: var(--frame-muted-color);
+}
+
+.theme-light {
+ --frame-background-h: var(--accent-h);
+ --frame-background-s: var(--accent-s);
+ --frame-background-l: calc(var(--accent-l) + 30%);
+ --frame-outline-color:
+ hsla(
+ var(--frame-background-h),
+ var(--frame-background-s),
+ calc(var(--frame-background-l) - 6.5%),
+ 1
+ );
+ --frame-muted-color:
+ hsl(
+ var(--frame-background-h),
+ calc(var(--frame-background-s) - 10%),
+ calc(var(--frame-background-l) - 35%));
+}
+
+.theme-dark {
+ --frame-background-h: var(--accent-h);
+ --frame-background-s: var(--accent-s);
+ --frame-background-l: calc(var(--accent-l) - 25%);
+ --frame-outline-color:
+ hsla(
+ var(--frame-background-h),
+ calc(var(--frame-background-s) - 2%),
+ calc(var(--frame-background-l) + 6.5%),
+ 1
+ );
+ --frame-muted-color:
+ hsl(
+ var(--frame-background-h),
+ calc(var(--frame-background-s) - 10%),
+ calc(var(--frame-background-l) + 25%));
+}
+
+.colorful-frame.theme-dark {
+ --tab-outline-width: 0px;
+}
+
+.colorful-frame.is-focused,
+.colorful-frame {
+ --frame-divider-color: var(--frame-outline-color);
+ --titlebar-background: var(--frame-background);
+ --titlebar-background-focused: var(--frame-background);
+ --titlebar-text-color: var(--frame-muted-color);
+ --minimal-tab-text-color: var(--frame-muted-color);
+}
+.colorful-frame.is-focused .workspace-tabs:not(.mod-stacked),
+.colorful-frame .workspace-tabs:not(.mod-stacked) {
+ --tab-text-color: var(--minimal-tab-text-color);
+ --tab-text-color-focused: var(--minimal-tab-text-color);
+}
+.colorful-frame.is-focused .titlebar,
+.colorful-frame.is-focused .workspace-ribbon.mod-left:before,
+.colorful-frame.is-focused .mod-top .workspace-tab-header-container,
+.colorful-frame .titlebar,
+.colorful-frame .workspace-ribbon.mod-left:before,
+.colorful-frame .mod-top .workspace-tab-header-container {
+ --tab-outline-color: var(--frame-outline-color);
+ --tab-divider-color: var(--frame-outline-color);
+}
+.colorful-frame.is-focused .mod-root .workspace-tab-header .workspace-tab-header-inner-icon,
+.colorful-frame .mod-root .workspace-tab-header .workspace-tab-header-inner-icon {
+ --icon-color: var(--minimal-tab-text-color-active);
+ --icon-color-hover: var(--minimal-tab-text-color-active);
+ --icon-color-active: var(--minimal-tab-text-color-active);
+ --icon-color-focused: var(--minimal-tab-text-color-active);
+}
+.colorful-frame.is-focused .sidebar-toggle-button,
+.colorful-frame.is-focused .workspace-tab-header:not(.is-active),
+.colorful-frame.is-focused .workspace-tab-header-new-tab,
+.colorful-frame.is-focused .workspace-tab-header-tab-list,
+.colorful-frame.is-focused .mod-left-split .mod-top .workspace-tab-header,
+.colorful-frame.is-focused .mod-right-split .mod-top .workspace-tab-header,
+.colorful-frame .sidebar-toggle-button,
+.colorful-frame .workspace-tab-header:not(.is-active),
+.colorful-frame .workspace-tab-header-new-tab,
+.colorful-frame .workspace-tab-header-tab-list,
+.colorful-frame .mod-left-split .mod-top .workspace-tab-header,
+.colorful-frame .mod-right-split .mod-top .workspace-tab-header {
+ --background-modifier-hover: var(--frame-outline-color);
+ --icon-color: var(--frame-icon-color);
+ --icon-color-hover: var(--frame-icon-color);
+ --icon-color-active: var(--frame-icon-color);
+ --icon-color-focused: var(--frame-icon-color);
+ --icon-color-focus: var(--frame-icon-color);
+}
+.colorful-frame.is-focused .mod-right-split .mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
+.colorful-frame.is-focused .mod-left-split .mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
+.colorful-frame .mod-right-split .mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
+.colorful-frame .mod-left-split .mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
+ color: var(--frame-icon-color);
+}
+
+.workspace-leaf-resize-handle {
+ transition: none;
+}
+
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-left-split > .workspace-leaf-resize-handle,
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-right-split > .workspace-leaf-resize-handle {
+ -webkit-app-region: no-drag;
+ border: 0;
+ z-index: 15;
+}
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:after,
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-left-split > .workspace-leaf-resize-handle:after,
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-right-split > .workspace-leaf-resize-handle:after {
+ content: "";
+ height: 100%;
+ width: 1px;
+ background: linear-gradient(180deg, var(--frame-outline-color) var(--header-height), var(--divider-color) var(--header-height));
+ top: 0;
+ position: absolute;
+}
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:hover:after,
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover:after,
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover:after {
+ background: var(--divider-color-hover);
+}
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-right-split > .workspace-leaf-resize-handle:after {
+ left: 0;
+}
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:after,
+.colorful-frame.is-hidden-frameless:not(.minimal-focus-mode) .workspace-split.mod-left-split > .workspace-leaf-resize-handle:after {
+ right: 0;
+}
+
+/* Colorful headings */
+body.colorful-headings {
+ --h1-color: var(--color-red);
+ --h2-color:var(--color-orange);
+ --h3-color:var(--color-yellow);
+ --h4-color:var(--color-green);
+ --h5-color:var(--color-blue);
+ --h6-color:var(--color-purple);
+}
+body.colorful-headings .modal {
+ --h1-color: var(--text-normal);
+ --h2-color: var(--text-normal);
+ --h3-color: var(--text-normal);
+ --h4-color: var(--text-normal);
+ --h5-color: var(--text-normal);
+ --h6-color: var(--text-normal);
+}
+
+/* Focus mode */
+/* MIT License | Copyright (c) Stephan Ango (@kepano) */
+/* Hide app ribbon */
+.workspace-ribbon.mod-left {
+ border-left: 0;
+ transition: none;
+}
+
+:root {
+ --focus-animation-duration: 0.1s;
+}
+
+.minimal-focus-mode.is-translucent .workspace-ribbon.mod-left.is-collapsed, .minimal-focus-mode.is-translucent .workspace-ribbon.mod-left.is-collapsed:before {
+ background-color: var(--background-primary) !important;
+}
+.minimal-focus-mode .workspace-ribbon.mod-left {
+ transition: background-color 0s linear 0s;
+}
+.minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed {
+ border-color: transparent;
+ background-color: var(--background-primary);
+}
+.minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed:before {
+ background-color: var(--background-primary);
+ border-color: transparent;
+}
+.minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed .side-dock-actions,
+.minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed .side-dock-settings {
+ opacity: 0;
+ transition: opacity var(--focus-animation-duration) ease-in-out 0.1s;
+}
+.minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed:hover .side-dock-actions,
+.minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed:hover .side-dock-settings {
+ opacity: 1;
+ transition: opacity var(--focus-animation-duration) ease-in-out 0.1s;
+}
+.minimal-focus-mode.borders-title .workspace-ribbon.mod-left.is-collapsed {
+ border-right: none;
+}
+.minimal-focus-mode .mod-root .sidebar-toggle-button.mod-right {
+ opacity: 0;
+ transition: opacity var(--focus-animation-duration) ease-in-out 0.5s;
+}
+.minimal-focus-mode:not(.minimal-status-off) .status-bar {
+ opacity: 0;
+ transition: opacity var(--focus-animation-duration) ease-in-out;
+}
+.minimal-focus-mode .status-bar:hover {
+ opacity: 1;
+ transition: opacity var(--focus-animation-duration) ease-in-out;
+}
+.minimal-focus-mode .mod-root .workspace-tabs {
+ position: relative;
+}
+.minimal-focus-mode .mod-root .workspace-tabs:before:hover {
+ background-color: blue;
+}
+.minimal-focus-mode .mod-root .workspace-tab-header-container {
+ height: 0px;
+ transition: all var(--focus-animation-duration) linear 0.6s;
+ --tab-outline-width: 0px;
+}
+.minimal-focus-mode .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner,
+.minimal-focus-mode .mod-root .workspace-tab-header-container .workspace-tab-header-new-tab,
+.minimal-focus-mode .mod-root .workspace-tab-header-container .workspace-tab-header-tab-list {
+ opacity: 0;
+ transition: all var(--focus-animation-duration) linear 0.6s;
+}
+.minimal-focus-mode .mod-root .workspace-tab-header-container .workspace-tab-header-spacer:before {
+ width: 100%;
+ content: " ";
+ background-color: transparent;
+ height: 15px;
+ position: absolute;
+ z-index: 100;
+ top: 0;
+ left: 0;
+}
+.minimal-focus-mode .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active,
+.minimal-focus-mode .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active::before,
+.minimal-focus-mode .mod-root .workspace-tab-header-container .workspace-tab-header-container-inner .workspace-tab-header.is-active::after {
+ transition: all var(--focus-animation-duration) linear 0.6s;
+}
+.minimal-focus-mode .mod-root .workspace-tab-header-container:hover {
+ height: var(--header-height);
+ --tab-outline-width: 1px;
+ transition: all var(--focus-animation-duration) linear 0.05s;
+}
+.minimal-focus-mode .mod-root .workspace-tab-header-container:hover .sidebar-toggle-button.mod-right,
+.minimal-focus-mode .mod-root .workspace-tab-header-container:hover .workspace-tab-header-container-inner,
+.minimal-focus-mode .mod-root .workspace-tab-header-container:hover .workspace-tab-header-new-tab,
+.minimal-focus-mode .mod-root .workspace-tab-header-container:hover .workspace-tab-header-tab-list {
+ opacity: 1;
+ transition: all var(--focus-animation-duration) linear 0.05s;
+}
+.minimal-focus-mode .mod-root .workspace-tab-header-container:hover .workspace-tab-header-container-inner .workspace-tab-header.is-active,
+.minimal-focus-mode .mod-root .workspace-tab-header-container:hover .workspace-tab-header-container-inner .workspace-tab-header.is-active::before,
+.minimal-focus-mode .mod-root .workspace-tab-header-container:hover .workspace-tab-header-container-inner .workspace-tab-header.is-active::after {
+ transition: all var(--focus-animation-duration) linear 0.05s;
+}
+.minimal-focus-mode.mod-macos:not(.is-fullscreen) .workspace:not(.is-left-sidedock-open) .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header-inner {
+ padding-top: 30px;
+}
+
+/* Collapse pane header */
+body.show-view-header .app-container .workspace-split.mod-root > .workspace-leaf .view-header {
+ transition: height var(--focus-animation-duration) linear 0.1s;
+}
+
+body.minimal-focus-mode.show-view-header .mod-top-left-space .view-header {
+ padding-left: var(--frame-left-space);
+}
+body.minimal-focus-mode.show-view-header .mod-root .workspace-leaf .view-header {
+ height: 0em;
+ transition: all var(--focus-animation-duration) linear 0.5s;
+}
+body.minimal-focus-mode.show-view-header .view-header::after {
+ width: 100%;
+ content: " ";
+ background-color: transparent;
+ height: 40px;
+ position: absolute;
+ z-index: -9;
+ top: 0;
+}
+body.minimal-focus-mode.show-view-header .view-header-nav-buttons,
+body.minimal-focus-mode.show-view-header .view-header-title-container,
+body.minimal-focus-mode.show-view-header .view-actions {
+ opacity: 0;
+ transition: all var(--focus-animation-duration) linear 0.5s;
+}
+body.minimal-focus-mode.show-view-header .mod-root .workspace-tab-header-container:hover ~ .workspace-tab-container .view-header,
+body.minimal-focus-mode.show-view-header .mod-root .workspace-leaf .view-header:hover,
+body.minimal-focus-mode.show-view-header .mod-root .workspace-leaf .view-header:focus-within {
+ height: calc(var(--header-height) + 2px);
+ transition: all var(--focus-animation-duration) linear 0.1s;
+}
+body.minimal-focus-mode.show-view-header .mod-root .workspace-tab-header-container:hover ~ .workspace-tab-container .view-header .view-header-nav-buttons,
+body.minimal-focus-mode.show-view-header .mod-root .workspace-tab-header-container:hover ~ .workspace-tab-container .view-header .view-actions,
+body.minimal-focus-mode.show-view-header .mod-root .workspace-tab-header-container:hover ~ .workspace-tab-container .view-header .view-header-title-container,
+body.minimal-focus-mode.show-view-header .view-header:hover .view-header-nav-buttons,
+body.minimal-focus-mode.show-view-header .view-header:hover .view-actions,
+body.minimal-focus-mode.show-view-header .view-header:hover .view-header-title-container,
+body.minimal-focus-mode.show-view-header .view-header:focus-within .view-header-nav-buttons,
+body.minimal-focus-mode.show-view-header .view-header:focus-within .view-actions,
+body.minimal-focus-mode.show-view-header .view-header:focus-within .view-header-title-container {
+ opacity: 1;
+ transition: all var(--focus-animation-duration) linear 0.1s;
+}
+body.minimal-focus-mode.show-view-header .view-content {
+ height: 100%;
+}
+
+/* Full width media */
+.full-width-media {
+ --iframe-width: 100%;
+}
+.full-width-media .markdown-source-view .image-embed img:not(.link-favicon):not(.emoji):not([width]),
+.full-width-media .markdown-source-view img:not(.link-favicon):not(.emoji):not([width]),
+.full-width-media .markdown-source-view .external-embed,
+.full-width-media .markdown-source-view audio,
+.full-width-media .markdown-source-view video,
+.full-width-media .markdown-preview-view .image-embed img:not(.link-favicon):not(.emoji):not([width]),
+.full-width-media .markdown-preview-view img:not(.link-favicon):not(.emoji):not([width]),
+.full-width-media .markdown-preview-view .external-embed,
+.full-width-media .markdown-preview-view audio,
+.full-width-media .markdown-preview-view video {
+ width: 100%;
+}
+.full-width-media .image-embed:not([width]) .image-wrapper {
+ width: 100%;
+}
+
+.markdown-source-view video,
+.markdown-source-view img:not(.emoji),
+.markdown-rendered video,
+.markdown-rendered img:not(.emoji) {
+ border-radius: var(--image-radius);
+}
+
+body:not(.is-mobile) div.image-embed:focus-within .image-wrapper::after {
+ border-radius: var(--image-radius);
+}
+
+.tabular {
+ font-variant-numeric: tabular-nums;
+}
+
+/* Table helper classes for alternate styles */
+/* MIT License | Copyright (c) Stephan Ango (@kepano) */
+.table-small .bases-view {
+ --bases-table-font-size: 85%;
+}
+.table-small table:not(.calendar) {
+ --table-text-size: 85%;
+}
+
+.table-tiny .bases-view {
+ --bases-table-font-size: 75%;
+}
+.table-tiny table:not(.calendar) {
+ --table-text-size: 75%;
+}
+
+.row-hover {
+ --table-edge-cell-padding-first: 8px;
+ --table-edge-cell-padding-last: 8px;
+ --table-row-background-hover: var(--hl1);
+ --table-row-alt-background-hover: var(--hl1);
+}
+
+.row-alt {
+ --table-row-alt-background: var(--background-table-rows);
+ --table-row-alt-background-hover: var(--background-table-rows);
+ --table-edge-cell-padding-first: 8px;
+ --table-edge-cell-padding-last: 8px;
+}
+
+.col-alt .markdown-rendered:not(.cards) {
+ --table-column-alt-background: var(--background-table-rows);
+}
+
+.table-tabular table:not(.calendar) {
+ font-variant-numeric: tabular-nums;
+}
+
+.table-center .markdown-preview-view .markdown-preview-sizer table, .table-center.markdown-preview-view .markdown-preview-sizer table,
+.table-center .markdown-source-view.mod-cm6 .table-wrapper, .table-center.markdown-source-view.mod-cm6 .table-wrapper {
+ margin: 0 auto;
+}
+
+.table-lines {
+ --table-border-width: var(--border-width);
+ --table-header-border-width: var(--border-width);
+ --table-column-first-border-width: var(--border-width);
+ --table-column-last-border-width:var(--border-width);
+ --table-row-last-border-width: var(--border-width);
+ --table-edge-cell-padding: 8px;
+ --table-edge-cell-padding-first: 8px;
+ --table-edge-cell-padding-last: 8px;
+ --table-add-button-border-width: 1px;
+}
+
+.table-nowrap {
+ --table-white-space: nowrap;
+}
+
+.table-nowrap-first table thead > tr > th:first-child,
+.table-nowrap-first table tbody > tr > td:first-child {
+ --table-white-space: nowrap;
+}
+
+.trim-cols,
+.table-nowrap .table-wrap {
+ --table-white-space: normal;
+}
+
+.table-numbers {
+ --table-numbers-padding-right: 0.5em;
+}
+.table-numbers table:not(.calendar) {
+ counter-reset: section;
+}
+.table-numbers table:not(.calendar) > thead > tr > th:first-child {
+ white-space: nowrap;
+}
+.table-numbers table:not(.calendar) > thead > tr > th:first-child::before {
+ content: " ";
+ padding-right: var(--table-numbers-padding-right);
+ display: inline-block;
+ min-width: 2em;
+}
+.table-numbers table:not(.calendar) > thead > tr > th:first-child .table-cell-wrapper,
+.table-numbers table:not(.calendar) > thead > tr > th:first-child .cm-s-obsidian {
+ display: inline-block;
+ min-width: 10px;
+}
+.table-numbers table:not(.calendar):not(.table-editor) > tbody > tr > td:first-child, .table-numbers table:not(.calendar).table-editor > tbody > tr > td:first-child .table-cell-wrapper {
+ white-space: nowrap;
+}
+.table-numbers table:not(.calendar):not(.table-editor) > tbody > tr > td:first-child::before, .table-numbers table:not(.calendar).table-editor > tbody > tr > td:first-child .table-cell-wrapper::before {
+ counter-increment: section;
+ content: counter(section) " ";
+ text-align: center;
+ padding-right: var(--table-numbers-padding-right);
+ display: inline-block;
+ min-width: 2em;
+ color: var(--text-faint);
+ font-variant-numeric: tabular-nums;
+}
+.table-numbers table:not(.calendar):not(.table-editor) > tbody > tr > td:first-child .cm-s-obsidian, .table-numbers table:not(.calendar).table-editor > tbody > tr > td:first-child .table-cell-wrapper .cm-s-obsidian {
+ display: inline-block;
+ min-width: 10px;
+}
+.table-numbers .table-editor {
+ --table-numbers-padding-right: 0;
+}
+
+.row-lines-off {
+ --table-row-last-border-width: 0;
+ --bases-table-row-border-width: 0;
+}
+.row-lines-off table:not(.calendar) tbody > tr > td,
+.row-lines-off .table-view-table > tbody > tr > td,
+.row-lines-off table:not(.calendar) tbody > tr:last-child > td {
+ border-bottom: none;
+}
+
+.row-lines:not(.table-lines) .markdown-source-view:not(.cards),
+.row-lines:not(.table-lines) .markdown-preview-view:not(.cards) {
+ --table-row-last-border-width: 0;
+}
+.row-lines:not(.table-lines) .markdown-source-view:not(.cards) table:not(.calendar) tbody > tr:not(:last-child) > td,
+.row-lines:not(.table-lines) .markdown-source-view:not(.cards) .table-view-table > tbody > tr:not(:last-child) > td,
+.row-lines:not(.table-lines) .markdown-preview-view:not(.cards) table:not(.calendar) tbody > tr:not(:last-child) > td,
+.row-lines:not(.table-lines) .markdown-preview-view:not(.cards) .table-view-table > tbody > tr:not(:last-child) > td {
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
+}
+
+.col-lines {
+ --bases-table-column-border-width: var(--table-border-width);
+}
+.col-lines table:not(.calendar) tbody > tr > td:not(:last-child),
+.col-lines .table-view-table thead > tr > th:not(:last-child),
+.col-lines .table-view-table > tbody > tr > td:not(:last-child) {
+ border-right: var(--table-border-width) solid var(--background-modifier-border);
+}
+
+/* Dark mode images */
+/* MIT License | Copyright (c) Stephan Ango (@kepano) */
+:root {
+ --image-mix: normal ;
+}
+
+.image-blend-light {
+ --image-mix: multiply;
+}
+
+.theme-dark .markdown-source-view img,
+.theme-dark .markdown-preview-view img {
+ opacity: var(--image-muted);
+ transition: opacity 0.25s linear;
+}
+
+@media print {
+ body {
+ --image-muted: 1;
+ }
+}
+.theme-dark .print-preview img,
+.theme-dark .markdown-source-view img:hover,
+.theme-dark .markdown-preview-view img:hover {
+ opacity: 1;
+ transition: opacity 0.25s linear;
+}
+
+.theme-light img {
+ mix-blend-mode: var(--image-mix);
+}
+
+/* Invert */
+div[src$="#blend"],
+div[src$="#invert"] {
+ background-color: var(--background-primary);
+}
+
+.theme-dark img[src$="#invert"],
+.theme-dark div[src$="#invert"] img,
+.theme-dark span[src$="#invert"] img {
+ filter: invert(1) hue-rotate(180deg);
+ mix-blend-mode: screen;
+}
+.theme-dark img[src$="#blend"],
+.theme-dark div[src$="#blend"] img,
+.theme-dark span[src$="#blend"] img {
+ mix-blend-mode: screen;
+}
+.theme-dark .img-blend {
+ mix-blend-mode: screen;
+}
+
+.theme-light img[src$="#blend"],
+.theme-light div[src$="#blend"] img,
+.theme-light span[src$="#blend"] img {
+ mix-blend-mode: multiply;
+}
+.theme-light img[src$="#invertW"],
+.theme-light div[src$="#invertW"] img,
+.theme-light span[src$=invertW] img {
+ filter: invert(1) hue-rotate(180deg);
+}
+.theme-light .img-blend {
+ mix-blend-mode: multiply;
+}
+
+/* Circle */
+img[src$="#circle"]:not(.emoji),
+span[src$="#circle"] img:not(.emoji),
+span[src$="#round"] img:not(.emoji) {
+ border-radius: 50%;
+ aspect-ratio: 1/1;
+}
+
+/* Outline */
+img[src$="#outline"],
+div[src$="#outline"] img,
+span[src$="#outline"] img {
+ border: 1px solid var(--ui1);
+}
+
+/* Interface */
+img[src$="#interface"],
+span[src$="#interface"] img {
+ border: 1px solid var(--ui1);
+ box-shadow: 0px 0.5px 0.9px rgba(0, 0, 0, 0.021), 0px 1.3px 2.5px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.039), 0px 10px 20px rgba(0, 0, 0, 0.06);
+ margin-top: 10px;
+ margin-bottom: 15px;
+ border-radius: var(--radius-m);
+}
+
+/* MIT License | Copyright (c) Stephan Ango (@kepano)
+
+Image Grid snippet for Obsidian
+
+author: @kepano
+version: 4.0.0
+
+Support my work:
+https://github.com/sponsors/kepano
+
+*/
+/* Revamped for Obsidian 1.1.9+ using :has() */
+body {
+ --image-grid-fit: cover;
+ --image-grid-background: transparent;
+ --img-grid-gap: 0.5rem;
+}
+
+@media (max-width: 400pt) {
+ body {
+ --img-grid-gap: 0.25rem;
+ }
+}
+.img-grid-ratio {
+ --image-grid-fit: contain;
+}
+
+.img-grid .image-embed.is-loaded {
+ line-height: 0;
+ display: flex;
+ align-items: stretch;
+}
+.img-grid .image-embed.is-loaded img {
+ background-color: var(--image-grid-background);
+}
+.img-grid .image-embed.is-loaded img:active {
+ background-color: transparent;
+}
+.img-grid .markdown-preview-section > div:has(img) p:empty,
+.img-grid .markdown-preview-section > div:has(img) img ~ br,
+.img-grid .markdown-preview-section > div:has(img) .image-embed ~ br {
+ display: none;
+}
+.img-grid .markdown-preview-section :is(div, p):has(> :is(.image-embed, img) ~ :is(.image-embed, img)) {
+ display: grid;
+ margin-block-start: var(--img-grid-gap);
+ margin-block-end: var(--img-grid-gap);
+ grid-column-gap: var(--img-grid-gap);
+ grid-row-gap: 0;
+ grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+}
+.img-grid .markdown-preview-section :is(div, p):has(> :is(.image-embed, img) ~ :is(.image-embed, img)) > img {
+ object-fit: var(--image-grid-fit);
+ align-self: stretch;
+}
+.img-grid .markdown-preview-section :is(div, p):has(> :is(.image-embed, img) ~ :is(.image-embed, img)) > .internal-embed img {
+ object-fit: var(--image-grid-fit);
+ align-self: center;
+}
+.img-grid .markdown-preview-section > div:has(img) > p {
+ display: grid;
+ margin-block-start: var(--img-grid-gap);
+ margin-block-end: var(--img-grid-gap);
+ grid-column-gap: var(--img-grid-gap);
+ grid-row-gap: 0;
+ grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
+}
+.img-grid .markdown-preview-section > div:has(img) > p > br {
+ display: none;
+}
+
+/* MIT License | Copyright (c) Stephan Ango (@kepano)
+
+Labeled Nav snippet for Obsidian
+
+author: @kepano
+version: 2.0.0
+
+Support my work:
+https://github.com/sponsors/kepano
+
+*/
+.labeled-nav.mod-windows,
+.labeled-nav.is-fullscreen:not(.colorful-frame) {
+ --labeled-nav-top-margin: 0;
+}
+
+.labeled-nav {
+ --labeled-nav-top-margin: var(--header-height);
+}
+.labeled-nav.is-translucent .mod-left-split .mod-top .workspace-tab-header-container .workspace-tab-header-container-inner {
+ background-color: transparent;
+}
+.labeled-nav.is-hidden-frameless:not(.is-fullscreen) .mod-left-split .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
+ padding-left: 0;
+}
+.labeled-nav.mod-macos .mod-left-split .mod-top .workspace-tab-header-container:before, .labeled-nav.mod-macos.is-hidden-frameless:not(.is-fullscreen) .mod-left-split .mod-top .workspace-tab-header-container:before {
+ -webkit-app-region: drag;
+ position: absolute;
+ width: calc(100% - var(--divider-width));
+ height: calc(var(--header-height) - var(--tab-outline-width));
+ border-bottom: 0px solid var(--tab-outline-color);
+}
+.labeled-nav.mod-macos.is-hidden-frameless:not(.is-fullscreen) .workspace-ribbon.mod-left:not(.is-collapsed) {
+ border: none;
+ --tab-outline-width: 0px;
+}
+.labeled-nav:not(.is-hidden-frameless) .mod-left-split .mod-top .workspace-tab-header-container:before, .labeled-nav.mod-macos:not(.hider-ribbon) .mod-left-split .mod-top .workspace-tab-header-container:before, .labeled-nav.colorful-frame.is-hidden-frameless:not(.is-fullscreen) .mod-left-split .mod-top .workspace-tab-header-container:before {
+ border-bottom: var(--tab-outline-width) solid var(--tab-outline-color);
+}
+.labeled-nav:not(.is-hidden-frameless) .workspace-ribbon.mod-left:not(.is-collapsed), .labeled-nav.mod-macos:not(.hider-ribbon) .workspace-ribbon.mod-left:not(.is-collapsed), .labeled-nav.colorful-frame.is-hidden-frameless:not(.is-fullscreen) .workspace-ribbon.mod-left:not(.is-collapsed) {
+ --tab-outline-width: 1px;
+}
+.labeled-nav:not(.is-hidden-frameless) .mod-left-split .mod-top .workspace-tab-header-container:before {
+ position: absolute;
+ top: 0;
+ content: " ";
+}
+.labeled-nav.hider-ribbon.mod-macos.is-hidden-frameless:not(.is-fullscreen):not(.is-popout-window) .mod-left-split:not(.is-sidedock-collapsed) .workspace-tabs.mod-top-left-space .workspace-tab-header-container {
+ padding-left: 0;
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header-spacer {
+ display: none;
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header-inner-title {
+ display: inline-block;
+ font-weight: 500;
+ font-size: var(--font-adaptive-smaller);
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header-container {
+ position: relative;
+ flex-direction: column-reverse !important;
+ height: auto;
+ width: 100%;
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header-container .sidebar-toggle-button.mod-left {
+ position: absolute;
+ justify-content: flex-end;
+ padding-right: var(--size-4-2);
+ top: 0;
+ right: 0;
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header-container .workspace-tab-header-container-inner {
+ padding: var(--size-4-2) var(--size-4-2);
+ margin-top: var(--labeled-nav-top-margin);
+ flex-direction: column !important;
+ background-color: var(--background-secondary);
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header-container .workspace-tab-container-inner {
+ flex-grow: 1;
+ gap: 0;
+ padding: var(--size-4-2) var(--size-4-3);
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header {
+ --icon-color: var(--text-muted);
+ --tab-text-color: var(--text-muted);
+ --tab-text-color-focused: var(--text-muted);
+ padding: 0;
+ margin-bottom: 2px;
+ border: none;
+ height: auto;
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active:not(:hover) {
+ background-color: transparent;
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active, .labeled-nav .mod-left-split .mod-top .workspace-tab-header:hover {
+ opacity: 1;
+ --tab-text-color-active: var(--text-normal);
+ --tab-text-color-focused: var(--text-normal);
+ --tab-text-color-focused-active: var(--text-normal);
+ --tab-text-color-focused-active-current: var(--text-normal);
+ --icon-color: var(--text-normal);
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header .workspace-tab-header-inner {
+ gap: var(--size-2-3);
+ padding: var(--size-4-1) var(--size-4-2);
+ box-shadow: none;
+ border: none;
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header.has-active-menu:hover,
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active:hover {
+ background-color: transparent;
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active:hover .workspace-tab-header-inner,
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
+ background-color: var(--nav-item-background-hover);
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header:hover .workspace-tab-header-inner-icon,
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
+ color: var(--icon-color-active);
+}
+.labeled-nav .mod-left-split .mod-top .workspace-tab-header-container {
+ border: none;
+ padding: 0;
+}
+
+/* Links and underline handling*/
+body:not(.links-int-on) {
+ --link-decoration: none;
+}
+
+body:not(.links-ext-on) {
+ --link-external-decoration: none;
+}
+
+body:not(.sidebar-color) .mod-right-split {
+ --background-secondary: var(--background-primary);
+}
+body:not(.sidebar-color) .mod-right-split :not(.mod-top) .workspace-tab-header-container {
+ --tab-container-background: var(--background-primary);
+}
+
+/* Main tabs */
+.theme-light,
+.theme-dark {
+ --minimal-tab-text-color: var(--tx2);
+ --minimal-tab-text-color-active: var(--tx1);
+}
+
+.workspace-tabs:not(.mod-stacked) {
+ --tab-text-color: var(--minimal-tab-text-color);
+ --tab-text-color-focused: var(--minimal-tab-text-color);
+ --tab-text-color-active: var(--minimal-tab-text-color-active);
+ --tab-text-color-focused-active: var(--minimal-tab-text-color-active);
+ --tab-text-color-focused-active-current: var(--minimal-tab-text-color-active);
+}
+
+.tabs-plain-square .mod-root {
+ --tab-curve: 0;
+ --tab-radius: 0;
+ --tab-radius-active: 0;
+}
+.tabs-plain-square .mod-root .workspace-tab-header-container {
+ padding-left: 0;
+ padding-right: 0;
+}
+.tabs-plain-square .mod-root .workspace-tab-header-container-inner {
+ margin-top: -1px;
+ margin-left: -15px;
+}
+.tabs-plain-square .mod-root .workspace-tab-header {
+ padding: 0;
+}
+.tabs-plain-square .mod-root .workspace-tab-header-inner {
+ padding: 0 8px;
+}
+
+.tabs-square .mod-root {
+ --tab-curve: 0;
+ --tab-radius: 0;
+ --tab-radius-active: 0;
+}
+
+.tabs-underline .mod-root {
+ --tab-curve: 0;
+ --tab-radius: 0;
+ --tab-radius-active: 0;
+ --tab-outline-width: 0px;
+ --tab-background-active: transparent;
+}
+.tabs-underline .mod-root .workspace-tab-header-container {
+ border-bottom: 1px solid var(--divider-color);
+}
+.tabs-underline .mod-root .workspace-tab-header {
+ border-bottom: 2px solid transparent;
+}
+.tabs-underline .mod-root .workspace-tab-header:hover {
+ border-bottom: 2px solid var(--ui2);
+}
+.tabs-underline .mod-root .workspace-tab-header:hover .workspace-tab-header-inner {
+ background-color: transparent;
+}
+.tabs-underline .mod-root .workspace-tab-header.is-active {
+ border-bottom: 2px solid var(--ax3);
+}
+.tabs-underline .mod-root .workspace-tab-header-inner:hover {
+ background-color: transparent;
+}
+
+/* Remove underline on lower sidebar tabs */
+body:not(.sidebar-tabs-underline):not(.sidebar-tabs-index):not(.sidebar-tabs-square) .workspace > .workspace-split:not(.mod-root) .workspace-tabs:not(.mod-top) .workspace-tab-header-container {
+ --tab-outline-width: 0;
+}
+
+/* Safari/Firefox style */
+.tabs-modern.colorful-frame .mod-root .mod-top.workspace-tabs:not(.mod-stacked) {
+ --tab-background: var(--frame-outline-color);
+ --tab-outline-width: 1px;
+}
+.tabs-modern.colorful-frame .mod-root .mod-top.workspace-tabs:not(.mod-stacked) .workspace-tab-header:hover .workspace-tab-header-inner-close-button,
+.tabs-modern.colorful-frame .mod-root .mod-top.workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner-close-button {
+ color: var(--minimal-tab-text-color-active);
+}
+.tabs-modern.minimal-focus-mode .mod-root .workspace-tab-header-container:hover {
+ --tab-outline-width: 0px;
+}
+.tabs-modern .mod-root {
+ --tab-container-background: var(--background-primary);
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) {
+ --tab-background: var(--background-modifier-hover);
+ --tab-height: calc(var(--header-height) - 14px);
+ --tab-outline-width: 0px;
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header::before,
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header::after,
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner::after {
+ display: none;
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-container-inner {
+ align-items: center;
+ margin: 0;
+ padding: 2px var(--size-4-2) 0 var(--size-4-1);
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner-title {
+ text-overflow: ellipsis;
+ -webkit-mask-image: none;
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header {
+ background: transparent;
+ border-radius: 5px;
+ border: none;
+ box-shadow: none;
+ height: var(--tab-height);
+ margin-left: var(--size-4-1);
+ padding: 0;
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active .workspace-tab-header-inner-title {
+ color: var(--tab-text-color-active);
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:hover, .tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active.mod-active {
+ opacity: 1;
+ background-color: var(--tab-background);
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-new-tab {
+ margin-inline-end: 0;
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header-inner {
+ padding: 0 var(--size-4-1) 0 var(--size-4-2);
+ border: 1px solid transparent;
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner {
+ background-color: transparent;
+}
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header:not(:hover):not(.mod-active) .workspace-tab-header-inner,
+.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active:not(.mod-active) .workspace-tab-header-inner {
+ border: 1px solid var(--tab-outline-color);
+}
+
+/* Sidebar tabs ------------ */
+.tab-names-on .workspace-split:not(.mod-root) .workspace-tab-header-container-inner {
+ --sidebar-tab-text-display: static;
+}
+.tab-names-on .workspace-split:not(.mod-root) .workspace-tab-header-container-inner .workspace-tab-header-inner-title {
+ font-weight: 500;
+}
+.tab-names-on .workspace-split:not(.mod-root) .workspace-tab-header-container-inner .workspace-tab-header-inner {
+ gap: var(--size-2-3);
+}
+
+.tab-names-single .workspace > .workspace-split:not(.mod-root) .workspace-tab-header-container-inner .workspace-tab-header:only-child {
+ --sidebar-tab-text-display: static;
+ background-color: transparent;
+}
+.tab-names-single .workspace > .workspace-split:not(.mod-root) .workspace-tab-header-container-inner .workspace-tab-header:only-child .workspace-tab-header-inner-title {
+ font-weight: 500;
+}
+.tab-names-single .workspace > .workspace-split:not(.mod-root) .workspace-tab-header-container-inner .workspace-tab-header:only-child .workspace-tab-header-inner {
+ gap: var(--size-2-3);
+}
+
+.tabs-modern.sidebar-tabs-wide .mod-right-split,
+.tabs-modern.sidebar-tabs-default .mod-right-split {
+ --tab-outline-width: 0;
+}
+
+/* Underline */
+.sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-spacer, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-spacer,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-spacer {
+ display: none;
+}
+.sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container {
+ padding-right: 0;
+}
+.sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container-inner, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container-inner {
+ padding: 0;
+ margin: 0;
+ flex-grow: 1;
+ gap: 0;
+}
+.sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container .workspace-tab-header, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container .workspace-tab-header {
+ flex-grow: 1;
+ border-radius: 0;
+ max-width: 100px;
+}
+.sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container .workspace-tab-header:hover, .sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header:hover, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header.is-active,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container .workspace-tab-header:hover,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container .workspace-tab-header.is-active {
+ background-color: transparent;
+}
+.sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container .workspace-tab-header:hover .workspace-tab-header-inner, .sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header:hover .workspace-tab-header-inner, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container .workspace-tab-header:hover .workspace-tab-header-inner,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner {
+ background-color: transparent;
+}
+.sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner {
+ border-bottom: 2px solid transparent;
+ border-radius: 0;
+}
+.sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner:hover, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner:hover,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner:hover {
+ border-color: var(--ui2);
+}
+.sidebar-tabs-underline:not(.labeled-nav) .mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner, .sidebar-tabs-underline.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner,
+.sidebar-tabs-underline .mod-right-split .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner {
+ border-color: var(--ax3);
+ padding-top: 1px;
+}
+
+/* Sidebar index style */
+.sidebar-tabs-square .mod-left-split,
+.sidebar-tabs-square .mod-right-split {
+ --tab-radius: 0px;
+}
+
+.sidebar-tabs-plain-square .mod-left-split,
+.sidebar-tabs-plain-square .mod-right-split {
+ --tab-radius: 0px;
+}
+.sidebar-tabs-plain-square:not(.labeled-nav) .mod-left-split, .sidebar-tabs-plain-square.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) {
+ --tab-background-active: var(--background-secondary);
+}
+.sidebar-tabs-plain-square:not(.labeled-nav) .mod-left-split .workspace-tab-header-container, .sidebar-tabs-plain-square.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
+.sidebar-tabs-plain-square .mod-right-split .workspace-tab-header-container {
+ padding-left: 0;
+}
+.sidebar-tabs-plain-square:not(.labeled-nav) .mod-left-split .workspace-tab-header-container-inner, .sidebar-tabs-plain-square.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner,
+.sidebar-tabs-plain-square .mod-right-split .workspace-tab-header-container-inner {
+ padding: 0;
+ margin: 0 0 calc(var(--tab-outline-width) * -1);
+ flex-grow: 1;
+ gap: 0;
+}
+.sidebar-tabs-plain-square:not(.labeled-nav) .mod-left-split .workspace-tab-header, .sidebar-tabs-plain-square.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header,
+.sidebar-tabs-plain-square .mod-right-split .workspace-tab-header {
+ flex-grow: 1;
+ max-width: 100px;
+ border-radius: var(--tab-radius) var(--tab-radius) 0 0;
+}
+.sidebar-tabs-plain-square:not(.labeled-nav) .mod-left-split .workspace-tab-header.is-active, .sidebar-tabs-plain-square.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header.is-active,
+.sidebar-tabs-plain-square .mod-right-split .workspace-tab-header.is-active {
+ box-shadow: 0 0 0 var(--tab-outline-width) var(--tab-outline-color);
+ color: var(--tab-text-color-active);
+ background-color: var(--tab-background-active);
+}
+
+.sidebar-tabs-square:not(.labeled-nav) .mod-left-split, .sidebar-tabs-square.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top),
+.sidebar-tabs-index:not(.labeled-nav) .mod-left-split,
+.sidebar-tabs-index.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) {
+ --tab-background-active: var(--background-secondary);
+}
+.sidebar-tabs-square:not(.labeled-nav) .mod-left-split .workspace-tab-header-container-inner, .sidebar-tabs-square.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner,
+.sidebar-tabs-square .mod-right-split .workspace-tab-header-container-inner,
+.sidebar-tabs-index:not(.labeled-nav) .mod-left-split .workspace-tab-header-container-inner,
+.sidebar-tabs-index.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner,
+.sidebar-tabs-index .mod-right-split .workspace-tab-header-container-inner {
+ padding: 1px var(--size-4-2) 0;
+ margin: 6px 0 calc(var(--tab-outline-width) * -1);
+ flex-grow: 1;
+}
+.sidebar-tabs-square:not(.labeled-nav) .mod-left-split .workspace-tab-header, .sidebar-tabs-square.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header,
+.sidebar-tabs-square .mod-right-split .workspace-tab-header,
+.sidebar-tabs-index:not(.labeled-nav) .mod-left-split .workspace-tab-header,
+.sidebar-tabs-index.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header,
+.sidebar-tabs-index .mod-right-split .workspace-tab-header {
+ flex-grow: 1;
+ max-width: 100px;
+ border-radius: var(--tab-radius) var(--tab-radius) 0 0;
+}
+.sidebar-tabs-square:not(.labeled-nav) .mod-left-split .workspace-tab-header.is-active, .sidebar-tabs-square.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header.is-active,
+.sidebar-tabs-square .mod-right-split .workspace-tab-header.is-active,
+.sidebar-tabs-index:not(.labeled-nav) .mod-left-split .workspace-tab-header.is-active,
+.sidebar-tabs-index.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header.is-active,
+.sidebar-tabs-index .mod-right-split .workspace-tab-header.is-active {
+ box-shadow: 0 0 0 var(--tab-outline-width) var(--tab-outline-color);
+ color: var(--tab-text-color-active);
+ background-color: var(--tab-background-active);
+}
+
+/* Modern Wide */
+.sidebar-tabs-wide:not(.labeled-nav) .mod-left-split .workspace-tab-header-container-inner, .sidebar-tabs-wide.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container-inner,
+.sidebar-tabs-wide .mod-right-split .workspace-tab-header-container-inner {
+ flex-grow: 1;
+ border: 1px solid var(--tab-outline-color);
+ padding: 3px;
+ margin: 6px 8px;
+ border-radius: 4px;
+}
+.sidebar-tabs-wide:not(.labeled-nav) .mod-left-split .workspace-tab-header, .sidebar-tabs-wide.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header,
+.sidebar-tabs-wide .mod-right-split .workspace-tab-header {
+ flex-grow: 1;
+}
+.sidebar-tabs-wide:not(.labeled-nav) .mod-left-split .workspace-tab-header.is-active, .sidebar-tabs-wide.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header.is-active,
+.sidebar-tabs-wide .mod-right-split .workspace-tab-header.is-active {
+ border-color: transparent;
+}
+.sidebar-tabs-wide:not(.labeled-nav) .mod-left-split .workspace-tab-header-container, .sidebar-tabs-wide.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-container,
+.sidebar-tabs-wide .mod-right-split .workspace-tab-header-container {
+ padding-right: 0;
+}
+.sidebar-tabs-wide:not(.labeled-nav) .mod-left-split .workspace-tab-header-spacer, .sidebar-tabs-wide.labeled-nav .mod-left-split .workspace-tabs:not(.mod-top) .workspace-tab-header-spacer,
+.sidebar-tabs-wide .mod-right-split .workspace-tab-header-spacer {
+ display: none;
+}
+
+/* Turn off file name trimming */
+.full-file-names {
+ --nav-item-white-space: normal;
+}
+
+body:not(.full-file-names) {
+ --nav-item-white-space: nowrap;
+}
+body:not(.full-file-names) .tree-item-self {
+ white-space: nowrap;
+}
+body:not(.full-file-names) .tree-item-inner {
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+/* Underline headings */
+.theme-light,
+.theme-dark {
+ --h1l:var(--ui1);
+ --h2l:var(--ui1);
+ --h3l:var(--ui1);
+ --h4l:var(--ui1);
+ --h5l:var(--ui1);
+ --h6l:var(--ui1);
+}
+
+.h1-l .markdown-reading-view h1:not(.embedded-note-title),
+.h1-l .mod-cm6 .cm-editor .HyperMD-header-1 {
+ border-bottom: 1px solid var(--h1l);
+ padding-bottom: 0.4em;
+ margin-block-end: 0.6em;
+}
+
+.h2-l .markdown-reading-view h2,
+.h2-l .mod-cm6 .cm-editor .HyperMD-header-2 {
+ border-bottom: 1px solid var(--h2l);
+ padding-bottom: 0.4em;
+ margin-block-end: 0.6em;
+}
+
+.h3-l .markdown-reading-view h3,
+.h3-l .mod-cm6 .cm-editor .HyperMD-header-3 {
+ border-bottom: 1px solid var(--h3l);
+ padding-bottom: 0.4em;
+ margin-block-end: 0.6em;
+}
+
+.h4-l .markdown-reading-view h4,
+.h4-l .mod-cm6 .cm-editor .HyperMD-header-4 {
+ border-bottom: 1px solid var(--h4l);
+ padding-bottom: 0.4em;
+ margin-block-end: 0.6em;
+}
+
+.h5-l .markdown-reading-view h5,
+.h5-l .mod-cm6 .cm-editor .HyperMD-header-5 {
+ border-bottom: 1px solid var(--h5l);
+ padding-bottom: 0.4em;
+ margin-block-end: 0.6em;
+}
+
+.h6-l .markdown-reading-view h6,
+.h6-l .mod-cm6 .cm-editor .HyperMD-header-6 {
+ border-bottom: 1px solid var(--h6l);
+ padding-bottom: 0.4em;
+ margin-block-end: 0.6em;
+}
+
+/* Tablet */
+.is-tablet .workspace-drawer {
+ padding-top: 0px;
+}
+.is-tablet .workspace-drawer:not(.is-pinned) {
+ margin: 30px 16px 0;
+ height: calc(100vh - 48px);
+ border-radius: 15px;
+ border: none;
+}
+.is-tablet .workspace-drawer-ribbon {
+ background-color: var(--background-primary);
+ border-right: 1px solid var(--background-modifier-border);
+}
+.is-tablet .workspace-drawer-header,
+.is-tablet .workspace-drawer.is-pinned .workspace-drawer-header {
+ padding-top: var(--size-4-4);
+}
+.is-tablet .workspace-drawer-header-icon {
+ margin-inline-start: 0;
+}
+
+.is-mobile {
+ --font-bold: 600;
+ --font-ui-medium: var(--font-adaptive-small);
+ --interactive-normal: var(--background-secondary);
+ --background-modifier-form-field: var(--background-secondary);
+ --background-modifier-form-field-highlighted: var(--background-secondary);
+}
+.is-mobile .markdown-source-view.mod-cm6 .cm-gutters {
+ margin-left: 0;
+}
+.is-mobile.theme-light .menu {
+ --interactive-normal: var(--background-modifier-hover);
+}
+.is-mobile.theme-light.minimal-light-tonal .workspace-drawer {
+ --interactive-normal: rgb(from color-mix(in srgb, var(--bg2), var(--bg3))r g b / 1);
+}
+.is-mobile .workspace-drawer.mod-left.is-pinned {
+ width: var(--mobile-left-sidebar-width);
+ min-width: 150pt;
+}
+.is-mobile .workspace-drawer.mod-right.is-pinned {
+ width: var(--mobile-right-sidebar-width);
+ min-width: 150pt;
+}
+
+.is-phone {
+ --bases-embed-width: 100%;
+ --bases-embed-transform: none;
+}
+
+/* Core plugins */
+/* Backlink pane */
+.outgoing-link-pane > .tree-item-self:hover,
+.outgoing-link-pane > .tree-item-self,
+.backlink-pane > .tree-item-self:hover,
+.backlink-pane > .tree-item-self {
+ color: var(--text-muted);
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ font-size: var(--font-adaptive-smallest);
+ font-weight: 500;
+}
+
+body {
+ --canvas-dot-pattern: var(--background-modifier-border-hover);
+}
+
+.canvas-node-label {
+ font-size: var(--font-adaptive-small);
+}
+
+.canvas-edges :not(.is-themed) path.canvas-display-path {
+ stroke: var(--background-modifier-border-focus);
+}
+
+.canvas-edges :not(.is-themed) polyline.canvas-path-end {
+ stroke: var(--background-modifier-border-focus);
+ fill: var(--background-modifier-border-focus);
+}
+
+.canvas-node-container {
+ border: 1.5px solid var(--background-modifier-border-focus);
+}
+
+.node-insert-event.mod-inside-iframe {
+ --max-width: 100%;
+ --folding-offset: 0px;
+}
+.node-insert-event.mod-inside-iframe .cm-editor .cm-content {
+ padding-top: 0;
+}
+
+/* File browser */
+.hider-file-nav-header:not(.labeled-nav) .nav-files-container {
+ padding-top: var(--size-4-3);
+}
+
+.is-mobile .nav-folder.mod-root > .nav-folder-title .nav-folder-title-content {
+ display: none;
+}
+
+body:not(.is-mobile) .nav-folder.mod-root > .nav-folder-title .nav-folder-title-content {
+ font-weight: 500;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ color: var(--text-muted);
+ font-size: var(--font-adaptive-smallest);
+}
+
+body:not(.is-mobile) .nav-buttons-container {
+ justify-content: flex-start;
+}
+
+.nav-file-tag {
+ padding-top: 0.2em;
+ background-color: transparent;
+ color: var(--text-faint);
+}
+
+.nav-file:hover .nav-file-tag,
+.nav-file .is-active .nav-file-tag {
+ color: var(--text-muted);
+}
+
+input.prompt-input,
+input.prompt-input:hover,
+input.prompt-input:focus,
+input.prompt-input:focus-visible {
+ border-color: rgba(var(--mono-rgb-100), 0.05);
+}
+
+.is-mobile {
+ /* Mobile publish */
+}
+.is-mobile .mod-publish .modal-content {
+ display: unset;
+ padding: 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;
+}
+.is-mobile {
+ /* Phone */
+}
+@media (max-width: 400pt) {
+ .is-mobile .publish-section-header,
+ .is-mobile .publish-changes-info {
+ flex-wrap: wrap;
+ border: none;
+ }
+ .is-mobile .publish-changes-info .publish-changes-add-linked-btn {
+ flex-basis: 100%;
+ margin-top: 10px;
+ }
+ .is-mobile .publish-section-header-text {
+ flex-basis: 100%;
+ margin-bottom: 10px;
+ margin-left: 20px;
+ margin-top: -8px;
+ }
+ .is-mobile .publish-section {
+ background: var(--background-secondary);
+ border-radius: 10px;
+ padding: 12px 12px 1px;
+ }
+ .is-mobile .publish-changes-switch-site {
+ flex-grow: 0;
+ margin-right: 10px;
+ }
+}
+
+.release-notes-view .cm-scroller.is-readable-line-width {
+ width: var(--line-width);
+ max-width: var(--max-width);
+ margin: 0 auto;
+}
+
+.search-results-info {
+ border-bottom: none;
+}
+
+.workspace-leaf-content[data-type=sync] .tree-item.nav-folder .nav-folder-title {
+ color: var(--text-muted);
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ font-size: var(--font-adaptive-smallest);
+ font-weight: 500;
+ margin-bottom: 4px;
+}
+.workspace-leaf-content[data-type=sync] .tree-item.nav-folder .nav-folder-title:hover {
+ color: var(--text-normal);
+}
+.workspace-leaf-content[data-type=sync] .tree-item.nav-folder.is-collapsed .nav-folder-title {
+ color: var(--text-faint);
+}
+.workspace-leaf-content[data-type=sync] .tree-item.nav-folder.is-collapsed .nav-folder-title:hover {
+ color: var(--text-muted);
+}
+
+/* Community plugins */
+/* Calendar plugin */
+.workspace-leaf-content[data-type=calendar] .view-content {
+ padding: 5px 0 0;
+}
+
+.mod-root #calendar-container {
+ width: var(--line-width);
+ max-width: var(--max-width);
+ margin: 0 auto;
+ padding: 0;
+}
+
+body {
+ --calendar-dot-active: var(--text-faint);
+ --calendar-dot-today: var(--text-accent);
+}
+
+#calendar-container {
+ padding: 0 var(--size-4-4) var(--size-4-1);
+ --color-background-day-empty:var(--background-secondary-alt);
+ --color-background-day-active:var(--background-modifier-hover);
+ --color-background-day-hover:var(--background-modifier-hover);
+ --color-dot:var(--text-faint);
+ --calendar-text-active: inherit;
+ --color-text-title:var(--text-normal);
+ --color-text-heading:var(--text-muted);
+ --color-text-day:var(--text-normal);
+ --color-text-today:var(--text-normal);
+ --color-arrow:var(--text-faint);
+ --color-background-day-empty:transparent;
+}
+#calendar-container .table {
+ border-collapse: separate;
+ table-layout: fixed;
+}
+#calendar-container h2 {
+ font-weight: 400;
+ font-size: var(--h2);
+}
+#calendar-container .arrow {
+ cursor: var(--cursor);
+ width: 22px;
+ border-radius: 4px;
+ padding: 3px 7px;
+}
+#calendar-container .arrow svg {
+ width: 12px;
+ height: 12px;
+ color: var(--text-faint);
+ opacity: 0.7;
+}
+#calendar-container .arrow:hover {
+ fill: var(--text-muted);
+ color: var(--text-muted);
+ background-color: var(--background-modifier-hover);
+}
+#calendar-container .arrow:hover svg {
+ color: var(--text-muted);
+ opacity: 1;
+}
+#calendar-container tr th {
+ padding: 2px 0 4px;
+ font-weight: 500;
+ letter-spacing: 0.1em;
+ font-size: var(--font-adaptive-smallest);
+}
+#calendar-container tr th:first-child {
+ padding-left: 0 !important;
+}
+#calendar-container tr td {
+ padding: 2px 0 0;
+ border-radius: var(--radius-m);
+ cursor: var(--cursor);
+ border: 1px solid transparent;
+ transition: none;
+}
+#calendar-container tr td:first-child {
+ padding-left: 0 !important;
+}
+#calendar-container .nav {
+ padding: 0;
+ margin: var(--size-4-2) var(--size-4-1);
+}
+#calendar-container .dot {
+ margin: 0;
+}
+#calendar-container .year,
+#calendar-container .month,
+#calendar-container .title {
+ font-size: calc(var(--font-adaptive-small) + 2px);
+ font-weight: 400;
+ color: var(--text-normal);
+}
+#calendar-container .today.active,
+#calendar-container .today {
+ color: var(--text-accent);
+ font-weight: 600;
+}
+#calendar-container .today.active .dot,
+#calendar-container .today .dot {
+ fill: var(--calendar-dot-today);
+}
+#calendar-container .active .task {
+ stroke: var(--text-faint);
+}
+#calendar-container .active {
+ color: var(--text-normal);
+}
+#calendar-container .reset-button {
+ text-transform: none;
+ letter-spacing: 0;
+ font-size: var(--font-adaptive-smaller);
+ font-weight: 500;
+ color: var(--text-muted);
+ border-radius: 4px;
+ margin: 0;
+ padding: 2px 8px;
+}
+#calendar-container .reset-button:hover {
+ color: var(--text-normal);
+ background-color: var(--background-modifier-hover);
+}
+#calendar-container .reset-button,
+#calendar-container .week-num,
+#calendar-container .day {
+ cursor: var(--cursor);
+}
+#calendar-container .day.adjacent-month {
+ color: var(--text-faint);
+ opacity: 1;
+}
+#calendar-container .day {
+ padding: 2px 4px 4px;
+ transition: none;
+}
+#calendar-container .day,
+#calendar-container .week-num {
+ font-size: calc(var(--font-adaptive-smaller) + 5%);
+}
+#calendar-container .active,
+#calendar-container .active.today,
+#calendar-container .week-num:hover,
+#calendar-container .day:hover {
+ background-color: var(--color-background-day-active);
+ color: var(--calendar-text-active);
+ transition: none;
+}
+#calendar-container .active .dot {
+ fill: var(--calendar-dot-active);
+}
+
+/* Charts */
+.block-language-chart canvas,
+.block-language-dataviewjs canvas {
+ margin: 1em 0;
+}
+
+.theme-light,
+.theme-dark {
+ --chart-color-1:var(--color-blue);
+ --chart-color-2:var(--color-red);
+ --chart-color-3:var(--color-yellow);
+ --chart-color-4:var(--color-green);
+ --chart-color-5:var(--color-orange);
+ --chart-color-6:var(--color-purple);
+ --chart-color-7:var(--color-cyan);
+ --chart-color-8:var(--color-pink);
+}
+
+/* cMenu plugin */
+body #cMenuModalBar {
+ box-shadow: 0px 2px 20px var(--shadow-color);
+}
+
+body #cMenuModalBar .cMenuCommandItem {
+ cursor: var(--cursor);
+}
+
+body #cMenuModalBar button.cMenuCommandItem:hover {
+ background-color: var(--background-modifier-hover);
+}
+
+.MiniSettings-statusbar-button {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.MySnippets-statusbar-menu .menu-item .MS-OpenSnippet {
+ height: auto;
+ border: none;
+ background: transparent;
+ box-shadow: none;
+ width: auto;
+ padding: 4px 6px;
+ margin-left: 0;
+}
+.MySnippets-statusbar-menu .menu-item .MS-OpenSnippet svg path {
+ fill: var(--text-muted);
+}
+.MySnippets-statusbar-menu .menu-item .MS-OpenSnippet:hover {
+ background-color: var(--background-modifier-hover);
+}
+
+/* Dataview plugin */
+/* inline lists */
+.dataview-inline-lists .markdown-source-view .dataview-ul,
+.dataview-inline-lists .markdown-preview-view .dataview-ul {
+ --list-spacing: 0;
+}
+.dataview-inline-lists .markdown-source-view .dataview-ul li:not(:last-child):after,
+.dataview-inline-lists .markdown-source-view .dataview-ol li:not(:last-child):after,
+.dataview-inline-lists .markdown-preview-view .dataview-ul li:not(:last-child):after,
+.dataview-inline-lists .markdown-preview-view .dataview-ol li:not(:last-child):after {
+ content: ", ";
+}
+.dataview-inline-lists .markdown-source-view ul.dataview-ul > li::before,
+.dataview-inline-lists .markdown-source-view ul.dataview-ol > li::before,
+.dataview-inline-lists .markdown-preview-view ul.dataview-ul > li::before,
+.dataview-inline-lists .markdown-preview-view ul.dataview-ol > li::before {
+ display: none;
+}
+.dataview-inline-lists .markdown-source-view .dataview-ul li,
+.dataview-inline-lists .markdown-source-view .dataview-ol li,
+.dataview-inline-lists .markdown-preview-view .dataview-ul li,
+.dataview-inline-lists .markdown-preview-view .dataview-ol li {
+ display: inline-block;
+ padding-inline-end: 0.25em;
+ margin-inline-start: 0;
+}
+
+.markdown-rendered table.dataview {
+ margin-block-start: 0;
+ margin-block-end: 0;
+}
+.markdown-rendered table.dataview .dataview-result-list-li {
+ margin-inline-start: 0;
+}
+
+body .table-view-table > thead > tr > th,
+.markdown-preview-view .table-view-table > thead > tr > th {
+ font-weight: 400;
+ font-size: var(--table-text-size);
+ color: var(--text-muted);
+ border-bottom: var(--table-border-width) solid var(--table-border-color);
+ cursor: var(--cursor);
+}
+
+table.dataview ul.dataview-ul {
+ list-style: none;
+ padding-inline-start: 0;
+ margin-block-start: 0em !important;
+ margin-block-end: 0em !important;
+}
+
+.markdown-source-view.mod-cm6:not(.cards) .table-view-table > tbody > tr > td,
+.markdown-preview-view:not(.cards) .table-view-table > tbody > tr > td {
+ max-width: var(--max-col-width);
+}
+
+body .dataview.small-text {
+ color: var(--text-faint);
+}
+
+/* Remove hover effect */
+body:not(.row-hover) .dataview.task-list-item:hover,
+body:not(.row-hover) .dataview.task-list-basic-item:hover,
+body:not(.row-hover) .table-view-table > tbody > tr:hover {
+ background-color: transparent !important;
+ box-shadow: none;
+}
+
+body.row-hover .dataview.task-list-item:hover,
+body.row-hover .dataview.task-list-basic-item:hover,
+body.row-hover .table-view-table > tbody > tr:hover {
+ background-color: var(--table-row-background-hover);
+}
+
+body .dataview-error {
+ background-color: transparent;
+}
+
+.markdown-source-view.mod-cm6 .cm-content .dataview.dataview-error,
+.dataview.dataview-error {
+ color: var(--text-muted);
+}
+
+body div.dataview-error-box {
+ min-height: 0;
+ border: none;
+ background-color: transparent;
+ font-size: var(--table-text-size);
+ border-radius: var(--radius-m);
+ padding: 15px 0;
+ justify-content: flex-start;
+}
+body div.dataview-error-box p {
+ margin-block-start: 0;
+ margin-block-end: 0;
+ color: var(--text-faint);
+}
+
+/* Trim columns feature */
+.trim-cols .markdown-source-view.mod-cm6 .table-view-table > tbody > tr > td,
+.trim-cols .markdown-preview-view .table-view-table > tbody > tr > td,
+.trim-cols .markdown-source-view.mod-cm6 .table-view-table > thead > tr > th {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+/* Lists */
+ul .dataview .task-list-item:hover,
+ul .dataview .task-list-basic-item:hover {
+ background-color: transparent;
+ box-shadow: none;
+}
+
+body .dataview.result-group {
+ padding-left: 0;
+}
+
+/* Inline fields */
+body .dataview.inline-field-key,
+body .dataview.inline-field-value,
+body .dataview .inline-field-standalone-value {
+ font-family: var(--font-text);
+ font-size: calc(var(--font-adaptive-normal) - 2px);
+ background: transparent;
+ color: var(--text-muted);
+}
+
+body .dataview.inline-field-key {
+ padding: 0;
+}
+
+body .dataview .inline-field-standalone-value {
+ padding: 0;
+}
+
+body .dataview.inline-field-key::after {
+ margin-left: 3px;
+ content: "|";
+ color: var(--background-modifier-border);
+}
+
+body .dataview.inline-field-value {
+ padding: 0 1px 0 3px;
+}
+
+/* Calendar */
+.markdown-preview-view .block-language-dataview table.calendar th {
+ border: none;
+ cursor: default;
+ background-image: none;
+}
+
+.markdown-preview-view .block-language-dataview table.calendar .day {
+ font-size: var(--font-adaptive-small);
+}
+
+/* Git plugin */
+.git-view-body .opener {
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ font-size: var(--font-adaptive-smallest);
+ font-weight: 500;
+ padding: 5px 7px 5px 10px;
+ margin-bottom: 6px;
+}
+
+.git-view-body .file-view .opener {
+ text-transform: none;
+ letter-spacing: normal;
+ font-size: var(--font-adaptive-smallest);
+ font-weight: normal;
+ padding: initial;
+ margin-bottom: 0px;
+}
+
+.git-view-body .file-view .opener .collapse-icon {
+ display: flex !important;
+ margin-left: -7px;
+}
+
+.git-view-body {
+ margin-top: 6px;
+}
+
+.git-view-body .file-view {
+ margin-left: 4px;
+}
+
+.git-view-body .file-view main:hover {
+ color: var(--text-normal);
+}
+
+.git-view-body .file-view .tools .type {
+ display: none !important;
+}
+
+.git-view-body .file-view .tools {
+ opacity: 0;
+ transition: opacity 0.1s;
+}
+
+.git-view-body .file-view main:hover > .tools {
+ opacity: 1;
+}
+
+.git-view-body .staged {
+ margin-bottom: 12px;
+}
+
+.git-view-body .opener.open {
+ color: var(--text-normal);
+}
+
+div[data-type=git-view] .search-input-container {
+ margin-left: 0;
+ width: 100%;
+}
+
+.git-view-body .opener .collapse-icon {
+ display: none !important;
+}
+
+.git-view-body main {
+ background-color: var(--background-primary) !important;
+ width: initial !important;
+}
+
+.git-view-body .file-view > main:not(.topLevel) {
+ margin-left: 7px;
+}
+
+div[data-type=git-view] .commit-msg {
+ min-height: 2.5em !important;
+ height: 2.5em !important;
+ padding: 6.5px 8px !important;
+}
+
+div[data-type=git-view] .search-input-clear-button {
+ bottom: 5.5px;
+}
+
+/* Hider plugin */
+.hider-vault .nav-folder.mod-root > .nav-folder-title {
+ height: 4px;
+}
+
+/* Kanban plugin */
+body.theme-dark,
+body.minimal-dark-black.theme-dark,
+body.minimal-dark-tonal.theme-dark,
+body.minimal-light-white.theme-light,
+body.minimal-light-tonal.theme-light {
+ --kanban-border:0px;
+}
+
+body:not(.is-mobile) .kanban-plugin__grow-wrap > textarea:focus {
+ box-shadow: none;
+}
+
+body:not(.minimal-icons-off) .kanban-plugin svg.cross {
+ height: 14px;
+ width: 14px;
+}
+
+body .kanban-plugin__icon > svg,
+body .kanban-plugin__lane-settings-button svg {
+ width: 18px;
+ height: 18px;
+}
+body .kanban-plugin {
+ --kanban-border:var(--border-width);
+ --interactive-accent:var(--text-selection);
+ --interactive-accent-hover:var(--background-modifier-hover);
+ --text-on-accent:var(--text-normal);
+ background-color: var(--background-primary);
+}
+body .kanban-plugin__markdown-preview-view {
+ font-family: var(--font-text);
+}
+body .kanban-plugin__board > div {
+ margin: 0 auto;
+}
+body .kanban-plugin__checkbox-label {
+ color: var(--text-muted);
+}
+body .kanban-plugin__item-markdown ul {
+ margin: 0;
+}
+body .kanban-plugin__item-content-wrapper {
+ box-shadow: none;
+}
+body .kanban-plugin__grow-wrap > textarea,
+body .kanban-plugin__grow-wrap::after {
+ padding: 0;
+ border: 0;
+ border-radius: 0;
+}
+body .kanban-plugin__markdown-preview-view,
+body .kanban-plugin__grow-wrap > textarea,
+body .kanban-plugin__grow-wrap::after,
+body .kanban-plugin__item-title p {
+ font-size: var(--font-ui-medium);
+ line-height: 1.3;
+}
+body .kanban-plugin__item {
+ background-color: var(--background-primary);
+}
+body .kanban-plugin__item-title-wrapper {
+ align-items: center;
+}
+body .kanban-plugin__lane-form-wrapper {
+ border: 1px solid var(--background-modifier-border);
+}
+body .kanban-plugin__lane-header-wrapper {
+ border-bottom: 0;
+}
+body .kanban-plugin__lane-title p,
+body .kanban-plugin__lane-header-wrapper .kanban-plugin__grow-wrap > textarea,
+body .kanban-plugin__lane-input-wrapper .kanban-plugin__grow-wrap > textarea {
+ background: transparent;
+ color: var(--text-normal);
+ font-size: var(--font-ui-medium);
+ font-weight: 500;
+}
+body .kanban-plugin__item-input-wrapper .kanban-plugin__grow-wrap > textarea {
+ padding: 0;
+ border-radius: 0;
+ height: auto;
+}
+body .kanban-plugin__item-form .kanban-plugin__grow-wrap {
+ background-color: var(--background-primary);
+}
+body .kanban-plugin__item-input-wrapper .kanban-plugin__grow-wrap > textarea::placeholder {
+ color: var(--text-faint);
+}
+body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled,
+body .kanban-plugin__lane button.kanban-plugin__lane-settings-button,
+body .kanban-plugin__item .kanban-plugin__item-edit-archive-button,
+body .kanban-plugin__item button.kanban-plugin__item-edit-button,
+body .kanban-plugin__item-settings-actions > button,
+body .kanban-plugin__lane-action-wrapper > button {
+ background: transparent;
+ transition: color 0.1s ease-in-out;
+}
+body .kanban-plugin__item .kanban-plugin__item-edit-archive-button:hover,
+body .kanban-plugin__item button.kanban-plugin__item-edit-button.is-enabled,
+body .kanban-plugin__item button.kanban-plugin__item-edit-button:hover,
+body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled,
+body .kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover {
+ color: var(--text-normal);
+ transition: color 0.1s ease-in-out;
+ background: transparent;
+}
+body .kanban-plugin__new-lane-button-wrapper {
+ position: fixed;
+ bottom: 30px;
+}
+body .kanban-plugin__lane-items > .kanban-plugin__placeholder:only-child {
+ border: 1px dashed var(--background-modifier-border);
+ height: 2em;
+}
+body .kanban-plugin__item-postfix-button-wrapper {
+ align-self: flex-start;
+}
+body .kanban-plugin__item button.kanban-plugin__item-prefix-button.is-enabled,
+body .kanban-plugin__item button.kanban-plugin__item-postfix-button.is-enabled,
+body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled {
+ color: var(--text-muted);
+}
+body .kanban-plugin button {
+ box-shadow: none;
+ cursor: var(--cursor);
+ height: auto;
+}
+body .kanban-plugin__item button.kanban-plugin__item-prefix-button:hover,
+body .kanban-plugin__item button.kanban-plugin__item-postfix-button:hover,
+body .kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover {
+ background-color: var(--background-modifier-hover);
+}
+body .kanban-plugin__item-button-wrapper > button {
+ color: var(--text-muted);
+ font-weight: 400;
+ background: transparent;
+ min-height: calc(var(--input-height) + 8px);
+}
+body .kanban-plugin__item-button-wrapper > button:hover {
+ color: var(--text-normal);
+ background: var(--background-modifier-hover);
+}
+body .kanban-plugin__item-button-wrapper > button:focus {
+ box-shadow: none;
+}
+body .kanban-plugin__item-button-wrapper {
+ padding: 1px 6px 5px;
+ border-top: none;
+}
+body .kanban-plugin__lane-setting-wrapper > div:last-child {
+ border: none;
+ margin: 0;
+}
+body .kanban-plugin.something-is-dragging {
+ cursor: grabbing;
+}
+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-items {
+ border: var(--kanban-border) solid var(--background-modifier-border);
+ padding: 0 4px;
+ margin: 0;
+ background-color: var(--background-secondary);
+}
+body .kanban-plugin__lane {
+ background: transparent;
+ padding: 0;
+ border: var(--border-width) solid transparent;
+}
+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 .kanban-plugin__item-button-wrapper {
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+ border-top: 1px solid var(--background-modifier-border);
+ border-bottom-width: 0;
+ padding: 4px 4px 0;
+}
+body .kanban-plugin__lane.will-prepend .kanban-plugin__lane-items {
+ border-radius: 8px;
+}
+body .kanban-plugin__lane.will-prepend .kanban-plugin__item-form {
+ border-top: 1px solid var(--background-modifier-border);
+ border-radius: 8px 8px 0 0;
+ padding: 4px 4px 0;
+ border-bottom-width: 0;
+}
+body .kanban-plugin__lane.will-prepend .kanban-plugin__item-form + .kanban-plugin__lane-items {
+ border-top-width: 0px;
+ border-radius: 0 0 8px 8px;
+}
+body .kanban-plugin__lane.will-prepend .kanban-plugin__item-button-wrapper + .kanban-plugin__lane-items {
+ border-top-width: 0px;
+ border-radius: 0 0 8px 8px;
+}
+body .kanban-plugin__lane:not(.will-prepend) .kanban-plugin__item-form,
+body .kanban-plugin__lane:not(.will-prepend) .kanban-plugin__item-button-wrapper {
+ border-top: none;
+ border-radius: 0 0 8px 8px;
+}
+body .kanban-plugin__lane:not(.will-prepend) .kanban-plugin__item-button-wrapper {
+ padding: 0 4px 4px;
+ border-bottom-width: 1px;
+}
+body .kanban-plugin__lane:not(.will-prepend) .kanban-plugin__lane-items {
+ border-bottom: none;
+ border-top-width: 1px;
+ border-radius: 8px 8px 0 0;
+}
+body .kanban-plugin__item-form .kanban-plugin__item-input-wrapper {
+ min-height: calc(var(--input-height) + 8px);
+ display: flex;
+ justify-content: center;
+}
+body .kanban-plugin__item-form,
+body .kanban-plugin__item-button-wrapper {
+ background-color: var(--background-secondary);
+ border: var(--kanban-border) solid var(--background-modifier-border);
+}
+body .kanban-plugin__item-form {
+ padding: 0 4px 5px;
+}
+body .kanban-plugin__markdown-preview-view ol.contains-task-list .contains-task-list,
+body .kanban-plugin__markdown-preview-view ul.contains-task-list .contains-task-list,
+body .kanban-plugin__markdown-preview-view ul, body .kanban-plugin__markdown-preview-view ol {
+ padding-inline-start: 1.8em !important;
+}
+
+@media (max-width: 400pt) {
+ .kanban-plugin__board {
+ flex-direction: column !important;
+ }
+ .kanban-plugin__lane {
+ width: 100% !important;
+ margin-bottom: 1rem !important;
+ }
+}
+/* Lapel */
+body .cm-heading-marker {
+ cursor: var(--cursor);
+ padding-left: 10px;
+}
+
+/* Sortable plugin */
+body .markdown-preview-view th,
+body .table-view-table > thead > tr > th,
+body .markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th {
+ cursor: var(--cursor);
+ background-image: none;
+}
+
+/* Live preview */
+.markdown-source-view.mod-cm6 th {
+ background-repeat: no-repeat;
+ background-position: right;
+}
+
+/* Style Settings preferences */
+.style-settings-container[data-level="2"] {
+ background: var(--background-secondary);
+ border: 1px solid var(--ui1);
+ border-radius: 5px;
+ padding: 10px 20px;
+ margin: 2px 0 2px -20px;
+}
+
+.workspace-leaf-content[data-type=style-settings] div[data-id=instructions] .setting-item-name {
+ display: none;
+}
+.workspace-leaf-content[data-type=style-settings] div[data-id=instructions] .setting-item-description {
+ color: var(--text-normal);
+ font-size: var(--font-adaptive-smaller);
+ padding-bottom: 0.5em;
+}
+.workspace-leaf-content[data-type=style-settings] .view-content {
+ padding: var(--size-4-4) 0;
+}
+.workspace-leaf-content[data-type=style-settings] .view-content > div {
+ width: var(--line-width);
+ max-width: var(--max-width);
+ margin: 0 auto;
+}
+.workspace-leaf-content[data-type=style-settings] .style-settings-heading[data-level="0"] .setting-item-name {
+ padding-left: 17px;
+}
+.workspace-leaf-content[data-type=style-settings] .setting-item {
+ max-width: 100%;
+ margin: 0 auto;
+ border: none;
+}
+.workspace-leaf-content[data-type=style-settings] .setting-item-name {
+ position: relative;
+}
+.workspace-leaf-content[data-type=style-settings] .style-settings-collapse-indicator {
+ position: absolute;
+ left: 0;
+}
+
+.setting-item-heading.style-settings-heading,
+.style-settings-container .style-settings-heading {
+ cursor: var(--cursor);
+}
+
+.modal.mod-settings .setting-item .pickr button.pcr-button {
+ box-shadow: none;
+ border-radius: 40px;
+ height: 24px;
+ width: 24px;
+}
+
+.style-settings-container .setting-item {
+ background-color: transparent;
+}
+
+.setting-item .pickr .pcr-button:after,
+.setting-item .pickr .pcr-button:before {
+ border-radius: 40px;
+ box-shadow: none;
+ border: none;
+}
+.setting-item.setting-item-heading.style-settings-heading.is-collapsed {
+ border-bottom: 1px solid var(--background-modifier-border);
+}
+.setting-item.setting-item-heading.style-settings-heading {
+ border: 0;
+ padding: 10px 0 5px;
+ margin-bottom: 0;
+ border-radius: 0;
+}
+.setting-item .style-settings-import,
+.setting-item .style-settings-export {
+ text-decoration: none;
+ font-size: var(--font-ui-small);
+ font-weight: 500;
+ color: var(--text-muted);
+ margin: 0;
+ padding: 2px 8px;
+ border-radius: 5px;
+ cursor: var(--cursor);
+}
+.setting-item .style-settings-import:hover,
+.setting-item .style-settings-export:hover {
+ background-color: var(--background-modifier-hover);
+ color: var(--text-normal);
+ cursor: var(--cursor);
+}
+
+.mod-root .workspace-leaf-content[data-type=style-settings] .style-settings-container .setting-item:not(.setting-item-heading) {
+ flex-direction: row;
+ align-items: center;
+ padding: 0.5em 0;
+}
+
+.workspace-split:not(.mod-root) .workspace-leaf-content[data-type=style-settings] .setting-item-name {
+ font-size: var(--font-adaptive-smaller);
+}
+
+.themed-color-wrapper > div + div {
+ margin-top: 0;
+ margin-left: 6px;
+}
+
+.theme-light .themed-color-wrapper > .theme-light {
+ background-color: transparent;
+}
+.theme-light .themed-color-wrapper > .theme-dark {
+ background-color: rgba(0, 0, 0, 0.8);
+}
+
+.theme-dark .themed-color-wrapper > .theme-dark {
+ background-color: transparent;
+}
+
+@media (max-width: 400pt) {
+ .workspace-leaf-content[data-type=style-settings] .setting-item-name {
+ font-size: var(--font-adaptive-small);
+ }
+ .workspace-leaf-content[data-type=style-settings] .view-content > .setting-item > .setting-item-info:first-child {
+ width: 100%;
+ margin-right: 0;
+ }
+}
+.zoom-plugin-header {
+ --link-color: var(--text-normal);
+ --link-decoration: none;
+ font-size: var(--font-ui-small);
+ padding: 0;
+ justify-content: center;
+ margin: var(--size-4-2) auto;
+ max-width: var(--max-width);
+}
+.zoom-plugin-header > .zoom-plugin-title {
+ text-decoration: none;
+ max-width: 15em;
+ overflow: hidden;
+}
+.zoom-plugin-header > .zoom-plugin-delimiter {
+ color: var(--text-faint);
+ padding: 0 var(--size-4-1);
+}
+
+/* Color schemes */
+/* Atom */
+.theme-dark.minimal-atom-dark {
+ --color-red-rgb: 225,109,118;
+ --color-orange-rgb: 209,154,102;
+ --color-yellow-rgb: 206,193,103;
+ --color-green-rgb: 152,195,121;
+ --color-cyan-rgb: 88,182,194;
+ --color-blue-rgb: 98,175,239;
+ --color-purple-rgb: 198,120,222;
+ --color-pink-rgb: 225,109,118;
+ --color-red:#e16d76;
+ --color-orange:#d19a66;
+ --color-yellow:#cec167;
+ --color-green:#98c379;
+ --color-cyan:#58b6c2;
+ --color-blue:#62afef;
+ --color-purple:#c678de;
+ --color-pink:#e16d76;
+}
+
+.theme-light.minimal-atom-light {
+ --color-red-rgb: 228,87,73;
+ --color-orange-rgb: 183,107,2;
+ --color-yellow-rgb: 193,131,2;
+ --color-green-rgb: 80,161,80;
+ --color-cyan-rgb: 13,151,179;
+ --color-blue-rgb: 98,175,239;
+ --color-purple-rgb: 166,38,164;
+ --color-pink-rgb: 228,87,73;
+ --color-red:#e45749;
+ --color-orange:#b76b02;
+ --color-yellow:#c18302;
+ --color-green:#50a150;
+ --color-cyan:#0d97b3;
+ --color-blue:#62afef;
+ --color-purple:#a626a4;
+ --color-pink:#e45749;
+ --base-h:106;
+ --base-s:0%;
+ --base-l:98%;
+ --accent-h:231;
+ --accent-s:76%;
+ --accent-l:62%;
+ --bg1:#fafafa;
+ --bg2:#eaeaeb;
+ --bg3:rgba(0,0,0,.1);
+ --ui1:#dbdbdc;
+ --ui2:#d8d8d9;
+ --tx1:#232324;
+ --tx2:#8e8e90;
+ --tx3:#a0a1a8;
+ --hl1:rgba(180,180,183,0.3);
+ --hl2:rgba(209,154,102,0.35);
+}
+
+.theme-light.minimal-atom-light.minimal-light-white {
+ --bg3:#eaeaeb;
+}
+
+.theme-light.minimal-atom-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-atom-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-atom-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-atom-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-atom-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-atom-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-atom-dark {
+ --base-h:220;
+ --base-s:12%;
+ --base-l:18%;
+ --accent-h:220;
+ --accent-s:86%;
+ --accent-l:65%;
+ --bg1:#282c34;
+ --bg2:#21252c;
+ --bg3:#3a3f4b;
+ --divider-color:#181a1f;
+ --tab-outline-color:#181a1f;
+ --tx1:#d8dae1;
+ --tx2:#898f9d;
+ --tx3:#5d6370;
+ --hl1:rgba(114,123,141,0.3);
+ --hl2:rgba(209,154,102,0.3);
+ --sp1:#ffffff;
+}
+
+.theme-dark.minimal-atom-dark.minimal-dark-black {
+ --base-d:5%;
+ --bg3:#282c34;
+ --divider-color:#282c34;
+ --tab-outline-color:#282c34;
+}
+
+/*
+ayu
+MIT License
+Copyright (c) Konstantin Pschera <me@kons.ch> (kons.ch)
+https://github.com/ayu-theme/ayu-colors
+*/
+.theme-light.minimal-ayu-light {
+ --color-red-rgb: 230,80,80;
+ --color-orange-rgb: 250,141,62;
+ --color-yellow-rgb: 242,174,73;
+ --color-green-rgb: 108,191,67;
+ --color-cyan-rgb: 76,191,153;
+ --color-blue-rgb: 57,158,230;
+ --color-purple-rgb: 163,122,204;
+ --color-pink-rgb: 255,115,131;
+ --color-red:#e65050;
+ --color-orange:#fa8d3e;
+ --color-yellow:#f2ae49;
+ --color-green:#6CBF43;
+ --color-cyan:#4cbf99;
+ --color-blue:#399ee6;
+ --color-purple:#a37acc;
+ --color-pink:#ff7383;
+ --base-h:210;
+ --base-s:17%;
+ --base-l:98%;
+ --accent-h:36;
+ --accent-s:100%;
+ --accent-l:50%;
+ --bg1:#ffffff;
+ --bg2:#f8f9fa;
+ --bg3:rgba(209,218,224,0.5);
+ --ui1:#E6EAED;
+ --tx1:#5C6165;
+ --tx2:#8A9199;
+ --tx3:#AAAEB0;
+ --hl1:rgba(3,91,214,0.15);
+}
+
+.theme-dark.minimal-ayu-dark {
+ --color-red-rgb: 255,102,102;
+ --color-orange-rgb: 250,173,102;
+ --color-yellow-rgb: 255,209,55;
+ --color-green-rgb: 135,217,108;
+ --color-cyan-rgb: 149,230,203;
+ --color-blue-rgb: 115,208,255;
+ --color-purple-rgb: 223,191,255;
+ --color-pink-rgb: 242,121,131;
+ --color-red:#ff6666;
+ --color-orange:#ffad66;
+ --color-yellow:#ffd137;
+ --color-green:#87D96C;
+ --color-cyan:#95e6cb;
+ --color-blue:#73d0ff;
+ --color-purple:#dfbfff;
+ --color-pink:#f27983;
+}
+
+.theme-light.minimal-ayu-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-ayu-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-ayu-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-ayu-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-ayu-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-ayu-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-ayu-dark {
+ --base-h:222;
+ --base-s:22%;
+ --base-l:15%;
+ --accent-h:35;
+ --accent-s:100%;
+ --accent-l:60%;
+ --bg1:#232937;
+ --bg2:#1E2431;
+ --bg3:rgba(51,61,80,0.5);
+ --ui1:#333C4A;
+ --ui2:#333C4A;
+ --ui3:#333C4A;
+ --tx1:#cccac2;
+ --tx2:#707A8C;
+ --tx3:#495063;
+ --hl1:rgba(64,159,255,0.25);
+}
+
+.theme-dark.minimal-ayu-dark.minimal-dark-black {
+ --accent-h:40;
+ --accent-s:75%;
+ --accent-l:61%;
+ --bg3:#0E1017;
+ --tx1:#BFBDB6;
+ --divider-color:#11151C;
+ --tab-outline-color:#11151C;
+}
+
+/*
+Catppuccin
+MIT License
+Copyright (c) 2021 Catppuccin
+https://github.com/catppuccin/catppuccin
+*/
+.theme-light.minimal-catppuccin-light {
+ --color-red-rgb: 230,69,83;
+ --color-orange-rgb: 254,100,12;
+ --color-yellow-rgb: 223,142,29;
+ --color-green-rgb: 64,160,43;
+ --color-cyan-rgb: 23,146,154;
+ --color-blue-rgb: 33,102,246;
+ --color-purple-rgb: 137,56,239;
+ --color-pink-rgb: 234,119,203;
+ --color-red: #E64553;
+ --color-orange: #FE640C;
+ --color-yellow: #DF8E1D;
+ --color-green: #40A02B;
+ --color-cyan: #17929A;
+ --color-blue: #2166F6;
+ --color-purple: #8938EF;
+ --color-pink: #EA77CB;
+ --base-h: 228;
+ --base-s: 20%;
+ --base-l: 95%;
+ --accent-h: 11;
+ --accent-s: 59%;
+ --accent-l: 67%;
+ --bg1: #F0F1F5;
+ --bg2: #DCE0E8;
+ --bg3: hsla(228,11%,65%,.25);
+ --ui1: #CCD0DA;
+ --ui2: #BCC0CC;
+ --ui3: #ACB0BE;
+ --tx1: #4D4F69;
+ --tx2: #5D5F77;
+ --tx3: #8D8FA2;
+ --hl1: rgba(172,176,190,.3);
+ --hl2: rgba(223,142,29,.3);
+}
+
+.theme-dark.minimal-catppuccin-dark {
+ --color-red-rgb: 235,153,156;
+ --color-orange-rgb: 239,160,118;
+ --color-yellow-rgb: 229,200,144;
+ --color-green-rgb: 166,209,138;
+ --color-cyan-rgb: 129,200,190;
+ --color-blue-rgb: 140,170,238;
+ --color-purple-rgb: 202,158,230;
+ --color-pink-rgb: 244,185,229;
+ --color-red: #EB999C;
+ --color-orange: #EFA076;
+ --color-yellow: #E5C890;
+ --color-green: #A6D18A;
+ --color-cyan: #81C8BE;
+ --color-blue: #8CAAEE;
+ --color-purple: #CA9EE6;
+ --color-pink: #F4B9E5;
+}
+
+.theme-light.minimal-catppuccin-light.minimal-light-tonal {
+ --bg2: #DCE0E8;
+}
+
+.theme-light.minimal-catppuccin-light.minimal-light-white {
+ --bg3: #F0F1F5;
+ --ui1: #DCE0E8;
+}
+
+.theme-light.minimal-catppuccin-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-catppuccin-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-catppuccin-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-catppuccin-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-catppuccin-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-catppuccin-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-catppuccin-dark {
+ --base-h: 229;
+ --base-s: 19%;
+ --base-l: 23%;
+ --accent-h: 10;
+ --accent-s: 57%;
+ --accent-l: 88%;
+ --bg1: #303446;
+ --bg2: #242634;
+ --bg3: hsla(229,13%,52%,0.25);
+ --ui1: #41455A;
+ --ui2: #51576D;
+ --ui3: #626880;
+ --tx1: #C6D0F5;
+ --tx2: #A6ADCE;
+ --tx3: #848BA7;
+ --sp1: #242634;
+ --hl1: rgba(98,104,128,.5);
+ --hl2: rgba(223,142,29,.4);
+}
+
+.theme-dark.minimal-catppuccin-dark.minimal-dark-black {
+ --ui1: #303446;
+ --hl2: rgba(223,142,29,.5);
+}
+
+/*
+Dracula
+MIT License
+Copyright (c) 2016 Dracula Theme
+https://github.com/dracula/dracula-theme
+*/
+.theme-dark.minimal-dracula-dark {
+ --color-red-rgb: 255,85,85;
+ --color-orange-rgb: 255,184,108;
+ --color-yellow-rgb: 241,250,140;
+ --color-green-rgb: 80,250,123;
+ --color-cyan-rgb: 139,233,253;
+ --color-blue-rgb: 98,114,164;
+ --color-purple-rgb: 189,147,249;
+ --color-pink-rgb: 255,121,198;
+ --color-red:#ff5555;
+ --color-orange:#ffb86c;
+ --color-yellow:#f1fa8c;
+ --color-green:#50fa7b;
+ --color-cyan:#8be9fd;
+ --color-blue:#6272a4;
+ --color-purple:#bd93f9;
+ --color-pink:#ff79c6;
+}
+
+.theme-light.minimal-dracula-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-dracula-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-dracula-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-dracula-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-dracula-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-dracula-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-dracula-dark {
+ --base-h: 232;
+ --base-s: 16%;
+ --base-l: 19%;
+ --accent-h: 265;
+ --accent-s: 89%;
+ --accent-l: 78%;
+ --bg1: #282a37;
+ --bg2: #21222c;
+ --ui2: #44475a;
+ --ui3: #6272a4;
+ --tx1: #f8f8f2;
+ --tx2: #949FBE;
+ --tx3: #6272a4;
+ --hl1:rgba(134, 140, 170, 0.3);
+ --hl2:rgba(189, 147, 249, 0.35);
+}
+
+.theme-dark.minimal-dracula-dark.minimal-dark-black {
+ --ui1:#282a36;
+}
+
+/* Eink */
+.theme-light.minimal-eink-light,
+.theme-dark.minimal-eink-dark {
+ --collapse-icon-color: var(--text-normal);
+ --icon-color-active: var(--bg1);
+ --icon-color-hover: var(--bg1);
+ --icon-color-focused: var(--bg1);
+ --icon-opacity: 1;
+ --indentation-guide-color: var(--tx1);
+ --indentation-guide-color-active: var(--tx1);
+ --indentation-guide-width-active: 3px;
+ --interactive-normal: var(--bg1);
+ --input-shadow: 0 0 0 1px var(--tx1);
+ --link-unresolved-opacity: 1;
+ --link-unresolved-decoration-style: dashed;
+ --link-unresolved-decoration-color: var(--tx1);
+ --metadata-label-background-active: var(--bg1);
+ --metadata-input-background-active: var(--bg1);
+ --modal-border-color: var(--tx1);
+ --modal-border-width: 2px;
+ --prompt-border-color: var(--tx1);
+ --prompt-border-width: 2px;
+ --calendar-dot-active: var(--bg1);
+ --calendar-dot-today: var(--bg1);
+ --calendar-text-active: var(--bg1);
+ --tag-border-width: 1.25px;
+ --tag-background: transparent;
+ --tag-background-hover: transparent;
+ --tag-border-color: var(--tx1);
+ --tag-border-color-hover: var(--tx1);
+ --text-on-accent: var(--bg1);
+ --text-on-accent-inverted: var(--bg1);
+ --text-selection: var(--tx1);
+ --vault-profile-color: var(--tx1);
+ --nav-item-color-hover: var(--bg1);
+}
+.theme-light.minimal-eink-light button:hover,
+.theme-light.minimal-eink-light ::selection,
+.theme-dark.minimal-eink-dark button:hover,
+.theme-dark.minimal-eink-dark ::selection {
+ color: var(--bg1);
+}
+.theme-light.minimal-eink-light .nav-files-container,
+.theme-dark.minimal-eink-dark .nav-files-container {
+ --nav-item-color-active: var(--bg1);
+}
+.theme-light.minimal-eink-light .tree-item-self:hover,
+.theme-dark.minimal-eink-dark .tree-item-self:hover {
+ --nav-collapse-icon-color: var(--bg1);
+}
+.theme-light.minimal-eink-light.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon, .theme-light.minimal-eink-light.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active, .theme-light.minimal-eink-light.tabs-modern,
+.theme-dark.minimal-eink-dark.is-focused .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
+.theme-dark.minimal-eink-dark.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active,
+.theme-dark.minimal-eink-dark.tabs-modern {
+ --minimal-tab-text-color-active: var(--bg1);
+ --tab-text-color-focused: var(--bg1);
+ --tab-text-color-focused-active-current: var(--bg1);
+}
+.theme-light.minimal-eink-light .setting-hotkey,
+.theme-dark.minimal-eink-dark .setting-hotkey {
+ background-color: transparent;
+ border: 1px solid var(--tx1);
+}
+.theme-light.minimal-eink-light .suggestion-container,
+.theme-dark.minimal-eink-dark .suggestion-container {
+ border-width: 3px;
+}
+.theme-light.minimal-eink-light .markdown-rendered code,
+.theme-light.minimal-eink-light .cm-s-obsidian span.cm-inline-code,
+.theme-dark.minimal-eink-dark .markdown-rendered code,
+.theme-dark.minimal-eink-dark .cm-s-obsidian span.cm-inline-code {
+ font-weight: 600;
+}
+.theme-light.minimal-eink-light .tree-item-self:hover,
+.theme-light.minimal-eink-light .tree-item-self.is-active,
+.theme-dark.minimal-eink-dark .tree-item-self:hover,
+.theme-dark.minimal-eink-dark .tree-item-self.is-active {
+ --icon-color: var(--bg1);
+}
+.theme-light.minimal-eink-light .metadata-property-icon,
+.theme-dark.minimal-eink-dark .metadata-property-icon {
+ --icon-color-focused: var(--tx1);
+}
+.theme-light.minimal-eink-light .checkbox-container,
+.theme-dark.minimal-eink-dark .checkbox-container {
+ background-color: var(--bg1);
+ box-shadow: 0 0 0 1px var(--tx1);
+ --toggle-thumb-color: var(--tx1);
+}
+.theme-light.minimal-eink-light .checkbox-container.is-enabled,
+.theme-dark.minimal-eink-dark .checkbox-container.is-enabled {
+ background-color: var(--tx1);
+ --toggle-thumb-color: var(--bg1);
+}
+.theme-light.minimal-eink-light.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active, .theme-light.minimal-eink-light.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active:not(:hover),
+.theme-dark.minimal-eink-dark.tabs-modern .mod-root .workspace-tabs:not(.mod-stacked) .workspace-tab-header.is-active,
+.theme-dark.minimal-eink-dark.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active:not(:hover) {
+ background-color: var(--tx1);
+}
+.theme-light.minimal-eink-light.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active, .theme-light.minimal-eink-light.labeled-nav .mod-left-split .mod-top .workspace-tab-header:hover, .theme-light.minimal-eink-light.is-focused.tabs-modern .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title,
+.theme-light.minimal-eink-light #calendar-container .reset-button:hover,
+.theme-light.minimal-eink-light .status-bar .plugin-sync:hover .sync-status-icon.mod-success,
+.theme-light.minimal-eink-light .status-bar .plugin-sync:hover .sync-status-icon.mod-working,
+.theme-light.minimal-eink-light .status-bar-item.mod-clickable:hover,
+.theme-light.minimal-eink-light .text-icon-button:hover,
+.theme-light.minimal-eink-light .community-item .suggestion-highlight,
+.theme-light.minimal-eink-light .cm-s-obsidian span.cm-formatting-highlight,
+.theme-light.minimal-eink-light .cm-s-obsidian span.cm-highlight,
+.theme-light.minimal-eink-light .markdown-rendered mark,
+.theme-light.minimal-eink-light .suggestion-item.is-selected,
+.theme-light.minimal-eink-light .horizontal-tab-nav-item:hover,
+.theme-light.minimal-eink-light .search-result-file-matched-text,
+.theme-light.minimal-eink-light .vertical-tab-nav-item:hover,
+.theme-light.minimal-eink-light .mod-root .workspace-tab-header-status-icon,
+.theme-light.minimal-eink-light .mod-root .workspace-tab-header:hover, .theme-light.minimal-eink-light:not(.colorful-active) .horizontal-tab-nav-item.is-active, .theme-light.minimal-eink-light:not(.colorful-active) .vertical-tab-nav-item.is-active,
+.theme-light.minimal-eink-light button.mod-cta,
+.theme-light.minimal-eink-light .search-result-file-match:hover,
+.theme-light.minimal-eink-light select:hover, .theme-light.minimal-eink-light .dropdown:hover,
+.theme-dark.minimal-eink-dark.labeled-nav .mod-left-split .mod-top .workspace-tab-header.is-active,
+.theme-dark.minimal-eink-dark.labeled-nav .mod-left-split .mod-top .workspace-tab-header:hover,
+.theme-dark.minimal-eink-dark.is-focused.tabs-modern .mod-active .workspace-tab-header.is-active .workspace-tab-header-inner-title,
+.theme-dark.minimal-eink-dark #calendar-container .reset-button:hover,
+.theme-dark.minimal-eink-dark .status-bar .plugin-sync:hover .sync-status-icon.mod-success,
+.theme-dark.minimal-eink-dark .status-bar .plugin-sync:hover .sync-status-icon.mod-working,
+.theme-dark.minimal-eink-dark .status-bar-item.mod-clickable:hover,
+.theme-dark.minimal-eink-dark .text-icon-button:hover,
+.theme-dark.minimal-eink-dark .community-item .suggestion-highlight,
+.theme-dark.minimal-eink-dark .cm-s-obsidian span.cm-formatting-highlight,
+.theme-dark.minimal-eink-dark .cm-s-obsidian span.cm-highlight,
+.theme-dark.minimal-eink-dark .markdown-rendered mark,
+.theme-dark.minimal-eink-dark .suggestion-item.is-selected,
+.theme-dark.minimal-eink-dark .horizontal-tab-nav-item:hover,
+.theme-dark.minimal-eink-dark .search-result-file-matched-text,
+.theme-dark.minimal-eink-dark .vertical-tab-nav-item:hover,
+.theme-dark.minimal-eink-dark .mod-root .workspace-tab-header-status-icon,
+.theme-dark.minimal-eink-dark .mod-root .workspace-tab-header:hover,
+.theme-dark.minimal-eink-dark:not(.colorful-active) .horizontal-tab-nav-item.is-active,
+.theme-dark.minimal-eink-dark:not(.colorful-active) .vertical-tab-nav-item.is-active,
+.theme-dark.minimal-eink-dark button.mod-cta,
+.theme-dark.minimal-eink-dark .search-result-file-match:hover,
+.theme-dark.minimal-eink-dark select:hover,
+.theme-dark.minimal-eink-dark .dropdown:hover {
+ color: var(--bg1);
+}
+.theme-light.minimal-eink-light .is-flashing,
+.theme-dark.minimal-eink-dark .is-flashing {
+ --text-highlight-bg: #999999 ;
+}
+.theme-light.minimal-eink-light #calendar-container .day:hover,
+.theme-dark.minimal-eink-dark #calendar-container .day:hover {
+ --color-dot: var(--bg1);
+}
+
+.theme-light.minimal-eink-light {
+ --base-h:0;
+ --base-s:0%;
+ --base-l:100%;
+ --accent-h:0;
+ --accent-s:0%;
+ --accent-l:0%;
+ --ax3:#000000;
+ --bg1:#ffffff;
+ --bg2:#ffffff;
+ --bg3:#000000;
+ --ui1:#000000;
+ --ui2:#000000;
+ --ui3:#000000;
+ --tx1:#000000;
+ --tx2:#000000;
+ --tx3:#000000;
+ --hl1:#000000;
+ --hl2:#000000;
+ --sp1:#ffffff;
+ --text-on-accent:#ffffff;
+ --background-modifier-cover: rgba(235,235,235,1);
+}
+
+.theme-light.minimal-eink-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-eink-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-eink-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-eink-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-eink-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-eink-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-eink-dark {
+ --base-h:0;
+ --base-s:0%;
+ --base-l:0%;
+ --accent-h:0;
+ --accent-s:0%;
+ --accent-l:100%;
+ --ax3:#ffffff;
+ --bg1:#000000;
+ --bg2:#000000;
+ --bg3:#ffffff;
+ --ui1:#ffffff;
+ --ui2:#ffffff;
+ --ui3:#ffffff;
+ --tx1:#ffffff;
+ --tx2:#ffffff;
+ --tx3:#ffffff;
+ --hl1:#ffffff;
+ --hl2:#ffffff;
+ --sp1:#000000;
+ --background-modifier-cover: rgba(20,20,20,1);
+ --vault-profile-color: var(--tx1);
+ --vault-profile-color-hover: var(--bg1);
+ --nav-item-color-hover: var(--bg1);
+ --nav-item-color-active: var(--bg1);
+}
+
+.theme-light.minimal-eink-light.minimal-light-tonal {
+ --bg3:#bbbbbb;
+ --ui1:#bbbbbb;
+ --tx3:#999999;
+}
+
+.theme-dark.minimal-eink-dark.minimal-dark-tonal {
+ --bg3:#444444;
+ --ui1:#444444;
+ --tx3:#999999;
+}
+
+.theme-light.minimal-eink-light.minimal-light-tonal,
+.theme-dark.minimal-eink-dark.minimal-dark-tonal {
+ --hl2: var(--bg3);
+ --modal-border-color: var(--ui1);
+ --prompt-border-color: var(--ui1);
+ --tag-border-color: var(--ui1);
+ --text-selection: var(--bg3);
+ --icon-color-active: var(--tx1);
+ --icon-color-focused: var(--tx1);
+ --nav-item-color-active: var(--tx1);
+ --nav-item-color-hover: var(--tx1);
+ --minimal-tab-text-color-active: var(--tx1);
+}
+.theme-light.minimal-eink-light.minimal-light-tonal .is-flashing,
+.theme-light.minimal-eink-light.minimal-light-tonal .search-result-file-matched-text,
+.theme-dark.minimal-eink-dark.minimal-dark-tonal .is-flashing,
+.theme-dark.minimal-eink-dark.minimal-dark-tonal .search-result-file-matched-text {
+ background-color: var(--bg3);
+ color: var(--tx1);
+}
+.theme-light.minimal-eink-light.minimal-light-tonal ::selection,
+.theme-light.minimal-eink-light.minimal-light-tonal #calendar-container .reset-button:hover, .theme-light.minimal-eink-light.minimal-light-tonal:not(.colorful-active) .vertical-tab-nav-item:hover, .theme-light.minimal-eink-light.minimal-light-tonal:not(.colorful-active) .vertical-tab-nav-item.is-active,
+.theme-dark.minimal-eink-dark.minimal-dark-tonal ::selection,
+.theme-dark.minimal-eink-dark.minimal-dark-tonal #calendar-container .reset-button:hover,
+.theme-dark.minimal-eink-dark.minimal-dark-tonal:not(.colorful-active) .vertical-tab-nav-item:hover,
+.theme-dark.minimal-eink-dark.minimal-dark-tonal:not(.colorful-active) .vertical-tab-nav-item.is-active {
+ color: var(--tx1);
+}
+
+/*
+Everforest
+MIT License
+Copyright (c) 2019 sainnhe
+https://github.com/sainnhe/everforest
+*/
+.theme-light.minimal-everforest-light {
+ --color-red-rgb: 248,85,82;
+ --color-orange-rgb: 245,125,38;
+ --color-yellow-rgb: 223,160,0;
+ --color-green-rgb: 141,161,1;
+ --color-cyan-rgb: 53,167,124;
+ --color-blue-rgb: 56,148,196;
+ --color-purple-rgb: 223,105,186;
+ --color-pink-rgb: 223,105,186;
+ --color-red:#f85552;
+ --color-orange:#f57d26;
+ --color-yellow:#dfa000;
+ --color-green:#8da101;
+ --color-cyan:#35a77c;
+ --color-blue:#3795C5;
+ --color-purple:#df69ba;
+ --color-pink:#df69ba;
+ --base-h:44;
+ --base-s:87%;
+ --base-l:94%;
+ --accent-h:83;
+ --accent-s:36%;
+ --accent-l:53%;
+ --bg1:#fdf6e3;
+ --bg2:#efebd4;
+ --bg3:rgba(226,222,198,.5);
+ --ui1:#e0dcc7;
+ --ui2:#bec5b2;
+ --ui3:#bec5b2;
+ --tx1:#5C6A72;
+ --tx2:#829181;
+ --tx3:#a6b0a0;
+ --hl1:rgba(198,214,152,.4);
+ --hl2:rgba(222,179,51,.3);
+}
+
+.theme-dark.minimal-everforest-dark {
+ --color-red-rgb: 230,126,128;
+ --color-orange-rgb: 230,152,117;
+ --color-yellow-rgb: 219,188,127;
+ --color-green-rgb: 167,192,128;
+ --color-cyan-rgb: 131,192,146;
+ --color-blue-rgb: 127,187,179;
+ --color-purple-rgb: 223,105,186;
+ --color-pink-rgb: 223,105,186;
+ --color-red:#e67e80;
+ --color-orange:#e69875;
+ --color-yellow:#dbbc7f;
+ --color-green:#a7c080;
+ --color-cyan:#83c092;
+ --color-blue:#7fbbb3;
+ --color-purple:#d699b6;
+ --color-pink:#d699b6;
+}
+
+.theme-light.minimal-everforest-light.minimal-light-tonal {
+ --bg2:#fdf6e3;
+}
+
+.theme-light.minimal-everforest-light.minimal-light-white {
+ --bg3:#f3efda;
+ --ui1:#edead5;
+}
+
+.theme-light.minimal-everforest-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-everforest-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-everforest-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-everforest-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-everforest-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-everforest-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-everforest-dark {
+ --base-h:203;
+ --base-s:15%;
+ --base-l:23%;
+ --accent-h:81;
+ --accent-s:34%;
+ --accent-l:63%;
+ --bg1:#2d353b;
+ --bg2:#232a2e;
+ --bg3:rgba(71,82,88,0.5);
+ --ui1:#475258;
+ --ui2:#4f585e;
+ --ui3:#525c62;
+ --tx1:#d3c6aa;
+ --tx2:#9da9a0;
+ --tx3:#7a8478;
+ --hl1:rgba(134,70,93,.5);
+ --hl2:rgba(147,185,96,.3);
+}
+
+.theme-dark.minimal-everforest-dark.minimal-dark-black {
+ --hl1:rgba(134,70,93,.4);
+ --ui1:#2b3339;
+}
+
+/*
+Flexoki
+MIT License
+Copyright (c) 2023 Steph Ango
+https://stephango.com/flexoki
+*/
+.theme-light.minimal-flexoki-light {
+ --color-red-rgb: 175, 48, 41;
+ --color-orange-rgb: 188, 82, 21;
+ --color-yellow-rgb: 173, 131, 1;
+ --color-green-rgb: 102, 128, 11;
+ --color-cyan-rgb: 36, 131, 123;
+ --color-blue-rgb: 32, 94, 166;
+ --color-purple-rgb: 94, 64, 157;
+ --color-pink-rgb: 160, 47, 111;
+ --color-red: #AF3029;
+ --color-orange: #BC5215;
+ --color-yellow: #AD8301;
+ --color-green: #66800B;
+ --color-cyan: #24837B;
+ --color-blue: #205EA6;
+ --color-purple: #5E409D;
+ --color-pink: #A02F6F;
+ --base-h: 48;
+ --base-s: 100%;
+ --base-l: 97%;
+ --accent-h: 175;
+ --accent-s: 57%;
+ --accent-l: 33%;
+ --bg1: #FFFCF0;
+ --bg2: #F2F0E5;
+ --bg3: rgba(16,15,15,0.05);
+ --ui1: #E6E4D9;
+ --ui2: #DAD8CE;
+ --ui3: #CECDC3;
+ --tx1: #100F0F;
+ --tx2: #6F6E69;
+ --tx3: #B7B5AC;
+ --hl1: rgba(187,220,206,0.3);
+ --hl2: rgba(247,209,61,0.3);
+}
+
+.theme-dark.minimal-flexoki-dark {
+ --color-red-rgb: 209, 77, 65;
+ --color-orange-rgb: 218, 112, 44;
+ --color-yellow-rgb:208, 162, 21;
+ --color-green-rgb: 135, 154, 57;
+ --color-cyan-rgb: 58, 169, 159;
+ --color-blue-rgb: 67, 133, 190;
+ --color-purple-rgb: 139, 126, 200;
+ --color-pink-rgb: 206, 93, 151;
+ --color-red: #D14D41;
+ --color-orange: #DA702C;
+ --color-yellow: #D0A215;
+ --color-green: #879A39;
+ --color-cyan: #3AA99F;
+ --color-blue: #4385BE;
+ --color-purple: #8B7EC8;
+ --color-pink: #CE5D97;
+}
+
+.theme-light.minimal-flexoki-light.minimal-light-tonal {
+ --bg2: #FFFCF0;
+}
+
+.theme-light.minimal-flexoki-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-flexoki-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-flexoki-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-flexoki-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-flexoki-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-flexoki-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-flexoki-dark {
+ --base-h: 360;
+ --base-s: 3%;
+ --base-l: 6%;
+ --accent-h: 175;
+ --accent-s: 49%;
+ --accent-l: 45%;
+ --bg1: #100F0F;
+ --bg2: #1C1B1A;
+ --bg3: rgba(254,252,240,0.05);
+ --ui1: #282726;
+ --ui2: #343331;
+ --ui3: #403E3C;
+ --tx1: #CECDC3;
+ --tx2: #878580;
+ --tx3: #575653;
+ --hl1: rgba(30,95,91,0.3);
+ --hl2: rgba(213,159,17,0.3);
+}
+
+.theme-dark.minimal-flexoki-dark.minimal-dark-black {
+ --ui1: #1C1B1A;
+}
+
+/*
+Gruvbox
+MIT License
+https://github.com/morhetz/gruvbox
+*/
+.theme-dark.minimal-gruvbox-dark,
+.theme-light.minimal-gruvbox-light {
+ --color-red-rgb: 204, 36, 29;
+ --color-orange-rgb: 214,93,14;
+ --color-yellow-rgb: 215,153,33;
+ --color-green-rgb: 152,151,26;
+ --color-cyan-rgb: 104,157,106;
+ --color-blue-rgb: 69,133,136;
+ --color-purple-rgb: 177,98,134;
+ --color-pink-rgb: 177,98,134;
+ --color-red:#cc241d;
+ --color-orange:#d65d0e;
+ --color-yellow:#d79921;
+ --color-green:#98971a;
+ --color-cyan:#689d6a;
+ --color-blue:#458588;
+ --color-purple:#b16286;
+ --color-pink:#b16286;
+}
+
+.theme-light.minimal-gruvbox-light {
+ --base-h:49;
+ --base-s:92%;
+ --base-l:89%;
+ --accent-h:24;
+ --accent-s:88%;
+ --accent-l:45%;
+ --bg1:#fcf2c7;
+ --bg2:#f2e6bd;
+ --bg3:#ebd9b3;
+ --ui1:#ebdbb2;
+ --ui2:#d5c4a1;
+ --ui3:#bdae93;
+ --tx1:#282828;
+ --tx2:#7c7065;
+ --tx3:#a89a85;
+ --hl1:rgba(192,165,125,.3);
+ --hl2:rgba(215,153,33,.4);
+}
+
+.theme-light.minimal-gruvbox-light.minimal-light-tonal {
+ --bg2:#fcf2c7;
+}
+
+.theme-light.minimal-gruvbox-light.minimal-light-white {
+ --bg3:#faf5d7;
+ --ui1:#f2e6bd;
+}
+
+.theme-light.minimal-gruvbox-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-gruvbox-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-gruvbox-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-gruvbox-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-gruvbox-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-gruvbox-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-gruvbox-dark {
+ --accent-h:24;
+ --accent-s:88%;
+ --accent-l:45%;
+ --bg1:#282828;
+ --bg2:#1e2021;
+ --bg3:#3d3836;
+ --bg3:rgba(62,57,55,0.5);
+ --ui1:#3c3836;
+ --ui2:#504945;
+ --ui3:#665c54;
+ --tx1:#fbf1c7;
+ --tx2:#bdae93;
+ --tx3:#7c6f64;
+ --hl1:rgba(173,149,139,0.3);
+ --hl2:rgba(215,153,33,.4);
+}
+
+.theme-dark.minimal-gruvbox-dark.minimal-dark-black {
+ --hl1:rgba(173,149,139,0.4);
+ --ui1:#282828;
+}
+
+/* macOS */
+.theme-dark.minimal-macos-dark,
+.theme-light.minimal-macos-light {
+ --color-red-rgb: 255,59,49;
+ --color-orange-rgb: 255,149,2;
+ --color-yellow-rgb: 255,204,0;
+ --color-green-rgb: 42,205,65;
+ --color-cyan-rgb: 2,199,190;
+ --color-blue-rgb: 2,122,255;
+ --color-purple-rgb: 176,81,222;
+ --color-pink-rgb: 255,46,85;
+ --color-red:#ff3b31;
+ --color-orange:#ff9502;
+ --color-yellow:#ffcc00;
+ --color-green:#2acd41;
+ --color-cyan:#02c7be;
+ --color-blue:#027aff;
+ --color-purple:#b051de;
+ --color-pink:#ff2e55;
+}
+
+.theme-light.minimal-macos-light {
+ --base-h:106;
+ --base-s:0%;
+ --base-l:94%;
+ --accent-h:212;
+ --accent-s:100%;
+ --accent-l:50%;
+ --bg1:#ffffff;
+ --bg2:#f0f0f0;
+ --bg3:rgba(0,0,0,.1);
+ --ui1:#e7e7e7;
+ --tx1:#454545;
+ --tx2:#808080;
+ --tx3:#b0b0b0;
+ --hl1:#b3d7ff;
+}
+
+.theme-light.minimal-macos-light.minimal-light-tonal {
+ --bg1:#f0f0f0;
+ --bg2:#f0f0f0;
+}
+
+.theme-light.minimal-macos-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-macos-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-macos-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-macos-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-macos-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-macos-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-macos-dark {
+ --base-h:106;
+ --base-s:0%;
+ --base-l:12%;
+ --accent-h:212;
+ --accent-s:100%;
+ --accent-l:50%;
+ --bg1:#1e1e1e;
+ --bg2:#282828;
+ --bg3:rgba(255,255,255,0.11);
+ --divider-color:#000000;
+ --tab-outline-color:#000000;
+ --ui1:#373737;
+ --ui2:#515151;
+ --ui3:#595959;
+ --tx1:#dcdcdc;
+ --tx2:#8c8c8c;
+ --tx3:#686868;
+ --hl1:rgba(98,169,252,0.5);
+ --sp1:#ffffff;
+}
+
+.theme-dark.minimal-macos-dark.minimal-dark-black {
+ --divider-color:#1e1e1e;
+ --tab-outline-color:#1e1e1e;
+}
+
+/*
+Nord
+MIT License
+Copyright (c) 2016-present Sven Greb <development@svengreb.de> (https://www.svengreb.de)
+https://github.com/nordtheme/nord
+*/
+.theme-dark.minimal-nord-dark,
+.theme-light.minimal-nord-light {
+ --color-red-rgb: 191,97,106;
+ --color-orange-rgb: 208,138,112;
+ --color-yellow-rgb: 235,203,139;
+ --color-green-rgb: 163,190,140;
+ --color-cyan-rgb: 136,192,208;
+ --color-blue-rgb: 129,161,193;
+ --color-purple-rgb: 180,142,173;
+ --color-pink-rgb: 180,142,173;
+ --color-red:#BF616A;
+ --color-orange:#D08770;
+ --color-yellow:#EBCB8B;
+ --color-green:#A3BE8C;
+ --color-cyan:#88C0D0;
+ --color-blue:#81A1C1;
+ --color-purple:#B48EAD;
+ --color-pink:#B48EAD;
+}
+
+.theme-light.minimal-nord-light {
+ --base-h:221;
+ --base-s:27%;
+ --base-l:94%;
+ --accent-h:213;
+ --accent-s:32%;
+ --accent-l:52%;
+ --bg1:#ffffff;
+ --bg2:#eceff4;
+ --bg3:rgba(157,174,206,0.25);
+ --ui1:#d8dee9;
+ --ui2:#BBCADC;
+ --ui3:#81a1c1;
+ --tx1:#2e3440;
+ --tx2:#7D8697;
+ --tx3:#ADB1B8;
+ --hl2:rgba(208, 135, 112, 0.35);
+}
+
+.theme-light.minimal-nord-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-nord-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-nord-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-nord-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-nord-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-nord-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-nord-dark {
+ --base-h:220;
+ --base-s:16%;
+ --base-l:22%;
+ --accent-h:213;
+ --accent-s:32%;
+ --accent-l:52%;
+ --bg1:#2e3440;
+ --bg2:#3b4252;
+ --bg3:rgba(135,152,190,0.15);
+ --ui1:#434c5e;
+ --ui2:#58647b;
+ --ui3:#58647b;
+ --tx1:#d8dee9;
+ --tx2:#9eafcc;
+ --tx3:#4c566a;
+ --hl1:rgba(129,142,180,0.3);
+ --hl2:rgba(208, 135, 112, 0.35);
+}
+
+.theme-dark.minimal-nord-dark.minimal-dark-black {
+ --ui1:#2e3440;
+}
+
+/* Sky color scheme, inspired by Notion */
+.theme-light.minimal-notion-light {
+ --base-h:39;
+ --base-s:18%;
+ --base-d:96%;
+ --accent-h:197;
+ --accent-s:71%;
+ --accent-l:52%;
+ --bg2:#f7f6f4;
+ --bg3:#e8e7e4;
+ --ui1:#ededec;
+ --ui2:#dbdbda;
+ --ui3:#aaa9a5;
+ --tx1:#37352f;
+ --tx2:#72706c;
+ --tx3:#aaa9a5;
+ --hl1:rgba(131,201,229,0.3);
+}
+
+.theme-light.minimal-notion-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-notion-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-notion-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-notion-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-notion-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-notion-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-notion-dark {
+ --base-h:203;
+ --base-s:8%;
+ --base-d:20%;
+ --accent-h:197;
+ --accent-s:71%;
+ --accent-l:52%;
+ --bg1:#2f3437;
+ --bg2:#373c3f;
+ --bg3:#4b5053;
+ --ui1:#3e4245;
+ --ui2:#585d5f;
+ --ui3:#585d5f;
+ --tx1:#ebebeb;
+ --tx2:#909295;
+ --tx3:#585d5f;
+ --hl1:rgba(57,134,164,0.3);
+}
+
+.theme-dark.minimal-notion-dark.minimal-dark-black {
+ --base-d:5%;
+ --bg3:#232729;
+ --ui1:#2f3437;
+}
+
+/*
+Rosé Pine
+MIT License
+Copyright (c) 2023 Rosé Pine
+https://github.com/rose-pine/rose-pine-theme
+*/
+.theme-light.minimal-rose-pine-light {
+ --color-red-rgb: 180,99,122;
+ --color-orange-rgb: 215,130,125;
+ --color-yellow-rgb: 234,157,53;
+ --color-green-rgb: 40,105,131;
+ --color-cyan-rgb: 87,147,159;
+ --color-blue-rgb: 87,147,159;
+ --color-purple-rgb: 144,122,169;
+ --color-pink-rgb: 144,122,169;
+ --color-red: #b4637a;
+ --color-orange: #d7827e;
+ --color-yellow: #ea9d34;
+ --color-green: #286983;
+ --color-cyan: #56949f;
+ --color-blue: #56949f;
+ --color-purple: #907aa9;
+ --color-pink: #907aa9;
+ --base-h: 32;
+ --base-s: 57%;
+ --base-l: 95%;
+ --accent-h: 3;
+ --accent-s: 53%;
+ --accent-l: 67%;
+ --bg1: #fffaf3;
+ --bg2: #faf4ed;
+ --bg3: rgba(233,223,218,0.5);
+ --ui1: #EAE3E1;
+ --ui2: #dfdad9;
+ --ui3: #cecacd;
+ --tx1: #575279;
+ --tx2: #797593;
+ --tx3: #9893a5;
+ --hl1: rgba(191,180,181,0.35);
+}
+
+.theme-dark.minimal-rose-pine-dark {
+ --color-red-rgb: 234,111,146;
+ --color-orange-rgb: 233,155,151;
+ --color-yellow-rgb: 246,193,119;
+ --color-green-rgb: 47,116,143;
+ --color-cyan-rgb: 157,207,215;
+ --color-blue-rgb: 157,207,215;
+ --color-purple-rgb: 196,167,231;
+ --color-pink-rgb: 196,167,231;
+ --color-red: #eb6f92;
+ --color-orange: #ea9a97;
+ --color-yellow: #f6c177;
+ --color-green: #31748f;
+ --color-cyan: #9ccfd8;
+ --color-blue: #9ccfd8;
+ --color-purple: #c4a7e7;
+ --color-pink: #c4a7e7;
+}
+
+.theme-light.minimal-rose-pine-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-rose-pine-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-rose-pine-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-rose-pine-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-rose-pine-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-rose-pine-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-rose-pine-dark {
+ --base-h: 247;
+ --base-s: 23%;
+ --base-l: 15%;
+ --accent-h: 2;
+ --accent-s: 55%;
+ --accent-l: 83%;
+ --bg1: #1f1d2e;
+ --bg2: #191724;
+ --bg3: rgba(68,66,86,0.5);
+ --ui1: #312F41;
+ --ui2: #403d52;
+ --ui3: #524f67;
+ --tx1: #e0def4;
+ --tx2: #908caa;
+ --tx3: #6e6a86;
+ --hl1: rgba(126,121,155,0.35);
+}
+
+.theme-dark.minimal-rose-pine-dark.minimal-dark-black {
+ --ui1: #21202e;
+}
+
+/*
+Solarized
+MIT License
+Copyright (c) 2011 Ethan Schoonover
+https://ethanschoonover.com/solarized/
+*/
+.theme-dark.minimal-solarized-dark,
+.theme-light.minimal-solarized-light {
+ --color-red-rgb: 220, 50, 47;
+ --color-orange-rgb: 203,77,22;
+ --color-yellow-rgb: 181,137,0;
+ --color-green-rgb: 133,153,0;
+ --color-cyan-rgb: 42,161,152;
+ --color-blue-rgb: 38,139,210;
+ --color-purple-rgb: 108,113,196;
+ --color-pink-rgb: 211,54,130;
+ --color-red: #dc322f;
+ --color-orange: #cb4b16;
+ --color-yellow: #b58900;
+ --color-green: #859900;
+ --color-cyan: #2aa198;
+ --color-blue: #268bd2;
+ --color-purple: #6c71c4;
+ --color-pink: #d33682;
+}
+
+.theme-light.minimal-solarized-light {
+ --base-h: 44;
+ --base-s: 87%;
+ --base-l: 94%;
+ --accent-h: 205;
+ --accent-s: 70%;
+ --accent-l: 48%;
+ --bg1: #fdf6e3;
+ --bg2: #eee8d5;
+ --bg3: rgba(0,0,0,0.062);
+ --ui1: #e9e1c8;
+ --ui2: #d0cab8;
+ --ui3: #d0cab8;
+ --tx1: #073642;
+ --tx2: #586e75;
+ --tx3: #ABB2AC;
+ --tx4: #586e75;
+ --hl1: rgba(202,197,182,0.3);
+ --hl2: rgba(203,75,22,0.3);
+}
+
+.theme-light.minimal-solarized-light.minimal-light-tonal {
+ --bg2: #fdf6e3;
+}
+
+.theme-light.minimal-solarized-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-solarized-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-solarized-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-solarized-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-solarized-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-solarized-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-solarized-dark {
+ --accent-h: 205;
+ --accent-s: 70%;
+ --accent-l: 48%;
+ --base-h: 193;
+ --base-s: 98%;
+ --base-l: 11%;
+ --bg1: #002b36;
+ --bg2: #073642;
+ --bg3: rgba(255,255,255,0.062);
+ --ui1: #19414B;
+ --ui2: #274850;
+ --ui3: #31535B;
+ --tx1: #93a1a1;
+ --tx2: #657b83;
+ --tx3: #31535B;
+ --tx4: #657b83;
+ --hl1: rgba(15,81,98,0.3);
+ --hl2: rgba(203, 75, 22, 0.35);
+}
+
+.theme-dark.minimal-solarized-dark.minimal-dark-black {
+ --hl1: rgba(15,81,98,0.55);
+ --ui1: #002b36;
+}
+
+/* Things */
+.theme-dark.minimal-things-dark,
+.theme-light.minimal-things-light {
+ --color-red-rgb: 255,48,108;
+ --color-orange-rgb: 255,149,2;
+ --color-yellow-rgb: 255,213,0;
+ --color-green-rgb: 75,191,94;
+ --color-cyan-rgb: 73,174,164;
+ --color-purple-rgb: 176,81,222;
+ --color-pink-rgb: 255,46,85;
+ --color-red:#FF306C;
+ --color-orange:#ff9502;
+ --color-yellow:#FFD500;
+ --color-green:#4BBF5E;
+ --color-cyan:#49AEA4;
+ --color-purple:#b051de;
+ --color-pink:#ff2e55;
+}
+
+.theme-light.minimal-things-light {
+ --color-blue-rgb: 27,97,194;
+ --color-blue:#1b61c2;
+ --accent-h:215;
+ --accent-s:76%;
+ --accent-l:43%;
+ --bg1:white;
+ --bg2:#f5f6f8;
+ --bg3:rgba(162,177,187,0.25);
+ --ui1:#eef0f4;
+ --ui2:#D8DADD;
+ --ui3:#c1c3c6;
+ --tx1:#26272b;
+ --tx2:#7D7F84;
+ --tx3:#a9abb0;
+ --hl1:#cae2ff;
+}
+
+.theme-dark.minimal-things-dark {
+ --color-blue-rgb: 77,149,247;
+ --color-blue:#4d95f7;
+}
+
+.theme-light.minimal-things-light.minimal-light-tonal {
+ --ui1:#e6e8ec;
+}
+
+.theme-light.minimal-things-light.minimal-light-white {
+ --bg3:#f5f6f8;
+}
+
+.theme-light.minimal-things-light.minimal-light-contrast .titlebar,
+.theme-light.minimal-things-light.minimal-light-contrast.minimal-status-off .status-bar,
+.theme-light.minimal-things-light.minimal-light-contrast .workspace-drawer.mod-left,
+.theme-light.minimal-things-light.minimal-light-contrast .mod-left-split,
+.theme-light.minimal-things-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
+.theme-light.minimal-things-light.minimal-light-contrast .theme-dark,
+.theme-dark.minimal-things-dark {
+ --base-h:218;
+ --base-s:9%;
+ --base-l:15%;
+ --accent-h:215;
+ --accent-s:91%;
+ --accent-l:64%;
+ --bg1:#24262a;
+ --bg2:#202225;
+ --bg3:#3d3f41;
+ --divider-color:#17191c;
+ --tab-outline-color:#17191c;
+ --ui1:#3A3B3F;
+ --ui2:#45464a;
+ --ui3:#6c6e70;
+ --tx1:#fbfbfb;
+ --tx2:#CBCCCD;
+ --tx3:#6c6e70;
+ --hl1:rgba(40,119,236,0.35);
+ --sp1:#ffffff;
+}
+
+.theme-dark.minimal-things-dark.minimal-dark-black {
+ --base-d:5%;
+ --bg3:#24262a;
+ --divider-color:#24262a;
+ --tab-outline-color:#24262a;
+}
+/* Plugin compatibility */
+
+/* @plugins
+core:
+- backlink
+- command-palette
+- daily-notes
+- file-explorer
+- file-recovery
+- global-search
+- graph
+- outgoing-link
+- outline
+- page-preview
+- publish
+- random-note
+- starred
+- switcher
+- sync
+- tag-pane
+- word-count
+community:
+- buttons
+- dataview
+- calendar
+- obsidian-charts
+- obsidian-checklist-plugin
+- obsidian-codemirror-options
+- obsidian-dictionary-plugin
+- obsidian-embedded-note-titles
+- obsidian-excalidraw-plugin
+- obsidian-git
+- obsidian-hider
+- obsidian-hover-editor
+- obsidian-kanban
+- obsidian-metatable
+- obsidian-minimal-settings
+- obsidian-outliner
+- obsidian-system-dark-mode
+- obsidian-style-settings
+- quickadd
+- sliding-panes-obsidian
+- todoist-sync-plugin
+*/
+
+/* @settings\r
+\r
+name: Minimal\r
+id: minimal-style\r
+settings:\r
+ -\r
+ id: instructions\r
+ title: Documentation\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ description: Use the Minimal Theme Settings plugin to set hotkeys, adjust features, select fonts, and choose from preset color schemes. Use the settings below for more granular customization. Go to https://minimal.guide for documentation.\r
+ -\r
+ id: interface\r
+ title: Interface colors\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: base\r
+ title: Base color\r
+ description: Defines all background and border colors unless overridden in more granular settings\r
+ type: variable-themed-color\r
+ format: hsl-split\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: bg1\r
+ title: Primary background\r
+ description: Background color for the main window\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: bg2\r
+ title: Secondary background\r
+ description: Background color for left sidebar and menus\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: bg3\r
+ title: Active background\r
+ description: Background color for hovered buttons and currently selected file\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: ui1\r
+ title: Border color\r
+ type: variable-themed-color\r
+ description: For buttons, divider lines, and outlined elements\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: ui2\r
+ title: Highlighted border color\r
+ description: Used when hovering over buttons, dividers, and outlined elements\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: ui3\r
+ title: Active border color\r
+ description: Used when clicking buttons and outlined elements\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: accent-color\r
+ title: Accent color\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: ax1\r
+ title: Accent color\r
+ type: variable-themed-color\r
+ description: Used primarily for links\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: ax2\r
+ title: Accent color (hover)\r
+ type: variable-themed-color\r
+ description: Used primarily for hovered links\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: ax3\r
+ title: Accent color interactive\r
+ type: variable-themed-color\r
+ description: Used for buttons, checklists, toggles\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: sp1\r
+ title: Text on accent\r
+ type: variable-themed-color\r
+ description: Used primarily for text on accented buttons\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: extended-palette\r
+ title: Extended colors\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: color-red\r
+ title: Red\r
+ description: Extended palette colors are defaults used for progress bar status, syntax highlighting, colorful headings, and graph nodes\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: color-orange\r
+ title: Orange\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: color-yellow\r
+ title: Yellow\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: color-green\r
+ title: Green\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: color-cyan\r
+ title: Cyan\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: color-blue\r
+ title: Blue\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: color-purple\r
+ title: Purple\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: color-pink\r
+ title: Pink\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: bases\r
+ title: Bases\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: bases-toolbar-opacity\r
+ title: Toolbar opacity\r
+ type: variable-number-slider\r
+ default: 1\r
+ min: 0\r
+ max: 1\r
+ step: 0.05\r
+ -\r
+ id: bases-table-header-icon-display\r
+ title: Table header icons\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: flex\r
+ options:\r
+ -\r
+ label: Visible\r
+ value: flex\r
+ -\r
+ label: Hidden\r
+ value: none\r
+ -\r
+ id: bases-table-row-height\r
+ title: Table row height\r
+ type: variable-number\r
+ default: 30\r
+ format: px\r
+ -\r
+ id: blockquotes\r
+ title: Blockquotes\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: blockquote-color\r
+ title: Blockquote text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: blockquote-background-color\r
+ title: Blockquote background color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: blockquote-border-color\r
+ title: Blockquote border color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: blockquote-border-thickness\r
+ title: Blockquote border thickness\r
+ type: variable-number-slider\r
+ format: px\r
+ default: 1\r
+ min: 0\r
+ max: 5\r
+ step: 1\r
+ -\r
+ id: blockquote-size\r
+ title: Blockquote font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: ''\r
+ -\r
+ id: blockquote-font-style\r
+ title: Blockquote font style\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Italic\r
+ value: italic\r
+ -\r
+ id: callouts\r
+ title: Callouts\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: callouts-style\r
+ title: Callout style\r
+ type: class-select\r
+ allowEmpty: false\r
+ default: callouts-default\r
+ options:\r
+ -\r
+ label: Filled\r
+ value: callouts-default\r
+ -\r
+ label: Outlined\r
+ value: callouts-outlined\r
+ -\r
+ id: callout-blend-mode\r
+ title: Color blending\r
+ description: Blend the color of nested callouts\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: var(--highlight-mix-blend-mode)\r
+ options:\r
+ -\r
+ label: On\r
+ value: var(--highlight-mix-blend-mode)\r
+ -\r
+ label: Off\r
+ value: normal\r
+ -\r
+ id: canvas\r
+ title: Canvas\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: canvas-dot-pattern\r
+ title: Canvas dot pattern\r
+ description: Color for background dot pattern\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-blocks\r
+ title: Code blocks\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: code-size\r
+ title: Code font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: 0.8em\r
+ -\r
+ id: minimal-code-scroll\r
+ title: Scroll long lines\r
+ description: Turns off line wrap for code\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: code-background\r
+ title: Code background color\r
+ description: Background for code blocks\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-normal\r
+ title: Code text color\r
+ description: Color of code when syntax highlighting is not present\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: syntax-highlighting\r
+ title: Syntax highlighting\r
+ type: heading\r
+ level: 3\r
+ collapsed: false\r
+ -\r
+ id: code-comment\r
+ title: "Syntax: comments"\r
+ description: Syntax highlighting for comments\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-function\r
+ title: "Syntax: functions"\r
+ description: Syntax highlighting for functions\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-keyword\r
+ title: "Syntax: keywords"\r
+ description: Syntax highlighting for keywords\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-important\r
+ title: "Syntax: important"\r
+ description: Syntax highlighting for important text\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-operator\r
+ title: "Syntax: operators"\r
+ description: Syntax highlighting for operators\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-property\r
+ title: "Syntax: properties"\r
+ description: Syntax highlighting for properties\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-punctuation\r
+ title: "Syntax: punctuation"\r
+ description: Syntax highlighting for punctuation\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-string\r
+ title: "Syntax: strings"\r
+ description: Syntax highlighting for strings\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-tag\r
+ title: "Syntax: tags"\r
+ description: Syntax highlighting for tags\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: code-value\r
+ title: "Syntax: values"\r
+ description: Syntax highlighting for values\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: dataview\r
+ title: Dataview\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: trim-cols\r
+ title: Trim Dataview columns\r
+ description: Disables word wrapping in table cells, and trims long text\r
+ type: class-toggle\r
+ default: true\r
+ -\r
+ id: dataview-inline-lists\r
+ title: Force tables lists inline\r
+ description: Makes lists inside of table cells inline and comma separated\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: max-col-width\r
+ title: Dataview maximum column width\r
+ description: Maximum width for Dataview columns, accepts any CSS width value\r
+ type: variable-text\r
+ default: 18em\r
+ -\r
+ id: embed-blocks\r
+ title: Embeds and transclusions\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: embed-strict\r
+ title: Use strict embed style globally\r
+ description: Transclusions appear seamlessly in the flow of text. Can be enabled per file using the embed-strict helper class\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: embed-hide-title\r
+ title: Hide embed titles\r
+ description: Hide title of the transcluded file (if strict embed is off)\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: embed-underline\r
+ title: Underline embedded text\r
+ description: Transcluded text is underlined. Can be enabled per file using the embed-underline helper class\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: embed-max-height\r
+ title: Maximum height of embeds\r
+ type: variable-text\r
+ description: For transcluded text, accepts valid CSS units\r
+ default: ''\r
+ -\r
+ id: embed-decoration-style\r
+ title: Embedded text underline style\r
+ type: variable-select\r
+ description: Requires underlines to be enabled\r
+ allowEmpty: true\r
+ default: solid\r
+ options:\r
+ -\r
+ label: Solid\r
+ value: solid\r
+ -\r
+ label: Dashed\r
+ value: dashed\r
+ -\r
+ label: Dotted\r
+ value: dotted\r
+ -\r
+ label: Double\r
+ value: double\r
+ -\r
+ label: Wavy\r
+ value: wavy\r
+ -\r
+ id: embed-decoration-color\r
+ title: Embedded text underline color\r
+ type: variable-themed-color\r
+ description: Requires underlines to be enabled\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: embed-background\r
+ title: Embed background\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: graphs\r
+ title: Graphs\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: graph-line\r
+ title: Line color\r
+ description: Changing graph colors requires closing and reopening graph panes or restarting Obsidian\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: graph-node\r
+ title: Node color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: graph-node-focused\r
+ title: Active node color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ - \r
+ id: graph-node-tag\r
+ title: Tag node color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ - \r
+ id: graph-node-attachment\r
+ title: Attachment node color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ - \r
+ id: graph-node-unresolved\r
+ title: Unresolved node color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: headings\r
+ title: Headings\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: level-1-headings\r
+ title: Level 1 Headings\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: h1-font\r
+ title: H1 font\r
+ description: Name of the font as it appears on your system\r
+ type: variable-text\r
+ default: ''\r
+ -\r
+ id: h1-size\r
+ title: H1 font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: 1.125em\r
+ -\r
+ id: h1-weight\r
+ title: H1 font weight\r
+ type: variable-number-slider\r
+ default: 600\r
+ min: 100\r
+ max: 900\r
+ step: 100\r
+ -\r
+ id: h1-color\r
+ title: H1 text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: h1-variant\r
+ title: H1 font variant\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Small caps\r
+ value: small-caps\r
+ -\r
+ label: All small caps\r
+ value: all-small-caps \r
+ -\r
+ id: h1-style\r
+ title: H1 font style\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Italic\r
+ value: italic\r
+ -\r
+ id: h1-l\r
+ title: H1 divider line\r
+ description: Adds a border below the heading\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: level-2-headings\r
+ title: Level 2 Headings\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: h2-font\r
+ title: H2 font\r
+ description: Name of the font as it appears on your system\r
+ type: variable-text\r
+ default: ''\r
+ -\r
+ id: h2-size\r
+ title: H2 font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: 1em\r
+ -\r
+ id: h2-weight\r
+ title: H2 font weight\r
+ type: variable-number-slider\r
+ default: 600\r
+ min: 100\r
+ max: 900\r
+ step: 100\r
+ -\r
+ id: h2-color\r
+ title: H2 text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: h2-variant\r
+ title: H2 font variant\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Small caps\r
+ value: small-caps\r
+ -\r
+ label: All small caps\r
+ value: all-small-caps\r
+ -\r
+ id: h2-style\r
+ title: H2 font style\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Italic\r
+ value: italic\r
+ -\r
+ id: h2-l\r
+ title: H2 divider line\r
+ description: Adds a border below the heading\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: level-3-headings\r
+ title: Level 3 Headings\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: h3-font\r
+ title: H3 font\r
+ description: Name of the font as it appears on your system\r
+ type: variable-text\r
+ default: ''\r
+ -\r
+ id: h3-size\r
+ title: H3 font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: 1em\r
+ -\r
+ id: h3-weight\r
+ title: H3 font weight\r
+ type: variable-number-slider\r
+ default: 600\r
+ min: 100\r
+ max: 900\r
+ step: 100\r
+ -\r
+ id: h3-color\r
+ title: H3 text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: h3-variant\r
+ title: H3 font variant\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Small caps\r
+ value: small-caps\r
+ -\r
+ label: All small caps\r
+ value: all-small-caps\r
+ -\r
+ id: h3-style\r
+ title: H3 font style\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Italic\r
+ value: italic\r
+ -\r
+ id: h3-l\r
+ title: H3 divider line\r
+ description: Adds a border below the heading\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: level-4-headings\r
+ title: Level 4 Headings\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: h4-font\r
+ title: H4 font\r
+ description: Name of the font as it appears on your system\r
+ type: variable-text\r
+ default: ''\r
+ -\r
+ id: h4-size\r
+ title: H4 font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: 0.9em\r
+ -\r
+ id: h4-weight\r
+ title: H4 font weight\r
+ type: variable-number-slider\r
+ default: 500\r
+ min: 100\r
+ max: 900\r
+ step: 100\r
+ -\r
+ id: h4-color\r
+ title: H4 text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: h4-variant\r
+ title: H4 font variant\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: small-caps\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Small caps\r
+ value: small-caps\r
+ -\r
+ label: All small caps\r
+ value: all-small-caps \r
+ -\r
+ id: h4-style\r
+ title: H4 font style\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Italic\r
+ value: italic\r
+ -\r
+ id: h4-l\r
+ title: H4 divider line\r
+ description: Adds a border below the heading\r
+ type: class-toggle\r
+ default: false \r
+ -\r
+ id: level-5-headings\r
+ title: Level 5 Headings\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: h5-font\r
+ title: H5 font\r
+ description: Name of the font as it appears on your system\r
+ type: variable-text\r
+ default: ''\r
+ - \r
+ id: h5-size\r
+ title: H5 font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: 0.85em\r
+ -\r
+ id: h5-weight\r
+ title: H5 font weight\r
+ type: variable-number-slider\r
+ default: 500\r
+ min: 100\r
+ max: 900\r
+ step: 100\r
+ -\r
+ id: h5-color\r
+ title: H5 text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: h5-variant\r
+ title: H5 font variant\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: small-caps\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Small caps\r
+ value: small-caps\r
+ -\r
+ label: All small caps\r
+ value: all-small-caps \r
+ -\r
+ id: h5-style\r
+ title: H5 font style\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Italic\r
+ value: italic\r
+ -\r
+ id: h5-l\r
+ title: H5 divider line\r
+ description: Adds a border below the heading\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: level-6-headings\r
+ title: Level 6 Headings\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: h6-font\r
+ title: H6 font\r
+ description: Name of the font as it appears on your system\r
+ type: variable-text\r
+ default: ''\r
+ -\r
+ id: h6-size\r
+ title: H6 font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: 0.85em\r
+ -\r
+ id: h6-weight\r
+ title: H6 font weight\r
+ type: variable-number-slider\r
+ default: 400\r
+ min: 100\r
+ max: 900\r
+ step: 100\r
+ -\r
+ id: h6-color\r
+ title: H6 text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: h6-variant\r
+ title: H6 font variant\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: small-caps\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Small caps\r
+ value: small-caps\r
+ -\r
+ label: All small caps\r
+ value: all-small-caps\r
+ -\r
+ id: h6-style\r
+ title: H6 font style\r
+ type: variable-select\r
+ allowEmpty: false\r
+ default: normal\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: normal\r
+ -\r
+ label: Italic\r
+ value: italic\r
+ -\r
+ id: h6-l\r
+ title: H6 divider line\r
+ type: class-toggle\r
+ description: Adds a border below the heading\r
+ default: false\r
+ -\r
+ id: icons\r
+ title: Icons\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: icon-muted\r
+ title: Icon opacity (inactive)\r
+ type: variable-number-slider\r
+ default: 0.5\r
+ min: 0.25\r
+ max: 1\r
+ step: 0.05\r
+ -\r
+ id: icon-color\r
+ title: Icon color\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: icon-color-hover\r
+ title: Icon color (hover)\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: icon-color-active\r
+ title: Icon color (active)\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: icon-color-focused\r
+ title: Icon color (focused)\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: images\r
+ title: Images\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: image-muted\r
+ title: Image opacity in dark mode\r
+ description: Level of fading for images in dark mode. Hover over images to display at full brightness.\r
+ type: variable-number-slider\r
+ default: 0.7\r
+ min: 0.25\r
+ max: 1\r
+ step: 0.05\r
+ -\r
+ id: image-radius\r
+ title: Image radius\r
+ description: Rounded corners for images\r
+ type: variable-number-slider\r
+ default: 4\r
+ min: 0\r
+ max: 16\r
+ step: 1\r
+ format: px\r
+ -\r
+ id: image-blend-light\r
+ title: Blend images in light mode\r
+ description: Allow images to blend into the color scheme background color\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: image-grid-fit\r
+ title: Image grid crop\r
+ description: Sets how images get cropped in a grid\r
+ type: variable-select\r
+ default: cover\r
+ options:\r
+ -\r
+ label: Crop to fit\r
+ value: cover\r
+ -\r
+ label: Show full image\r
+ value: contain\r
+ -\r
+ id: image-grid-background\r
+ title: Image grid background\r
+ description: Background of images in cells, useful when images are not cropped to fit\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: indentation-guides\r
+ title: Indentation guides\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: indentation-guide-color\r
+ title: Indentation guide color\r
+ type: variable-themed-color\r
+ format: hex\r
+ opacity: true\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: indentation-guide-color-active\r
+ title: Indentation guide color (active)\r
+ type: variable-themed-color\r
+ format: hex\r
+ opacity: true\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: links\r
+ title: Links\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: links-internal\r
+ title: Internal links\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: link-color\r
+ title: Internal link color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: link-color-hover\r
+ title: Internal link color (hover)\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: link-unresolved-opacity\r
+ title: Unresolved link opacity\r
+ type: variable-number-slider\r
+ default: 0.7\r
+ min: 0.25\r
+ max: 1\r
+ step: 0.05\r
+ -\r
+ id: link-unresolved-color\r
+ title: Unresolved link color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: link-unresolved-decoration-color\r
+ title: Unresolved link underline color\r
+ type: variable-themed-color\r
+ format: hex\r
+ opacity: true\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: links-external\r
+ title: External links\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: link-external-color\r
+ title: External link color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: link-external-color-hover\r
+ title: External link color (hover)\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: active-line\r
+ title: Line numbers\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: active-line-on\r
+ title: Highlight active line\r
+ description: Adds a background to current line in editor\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: folding-offset\r
+ title: Gutter offset\r
+ description: Width of the file margin used for gutter\r
+ type: variable-number-slider\r
+ default: 32\r
+ min: 0\r
+ max: 60\r
+ step: 1\r
+ format: px\r
+ - \r
+ id: gutter-background\r
+ title: Gutter background\r
+ type: variable-themed-color\r
+ format: hex\r
+ opacity: true\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ - \r
+ id: line-number-color\r
+ title: Line number color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ - \r
+ id: line-number-color-active\r
+ title: Active line number color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: active-line-bg\r
+ title: Active line background\r
+ description: Using a low opacity color is recommended to avoid conflicting with highlights\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: lists\r
+ title: Lists and tasks\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: checkbox-color\r
+ title: Checkbox color\r
+ description: Background color for completed tasks\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: checkbox-shape\r
+ title: Checkbox shape\r
+ type: class-select\r
+ allowEmpty: false\r
+ default: checkbox-circle\r
+ options:\r
+ -\r
+ label: Circle\r
+ value: checkbox-circle\r
+ -\r
+ label: Square\r
+ value: checkbox-square\r
+ -\r
+ id: minimal-strike-lists\r
+ title: Strike completed tasks\r
+ description: Adds strikethrough line and greyed text for completed tasks\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: list-spacing\r
+ title: List item spacing\r
+ description: Vertical space between list items in em units\r
+ type: variable-number-slider\r
+ default: 0.075\r
+ min: 0\r
+ max: 0.3\r
+ step: 0.005\r
+ format: em\r
+ -\r
+ id: list-indent\r
+ title: Nested list indentation\r
+ description: Horizontal space from left in em units\r
+ type: variable-number-slider\r
+ default: 2\r
+ min: 1\r
+ max: 3.5\r
+ step: 0.1\r
+ format: em\r
+ -\r
+ id: pdf\r
+ title: PDFs\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: pdf-page-style\r
+ title: PDF page style\r
+ description: Borders and shadows around pages\r
+ type: class-select\r
+ allowEmpty: false\r
+ default: pdf-seamless-on\r
+ options:\r
+ -\r
+ label: Seamless\r
+ value: pdf-seamless-on\r
+ -\r
+ label: Shadows\r
+ value: pdf-shadows-on\r
+ -\r
+ id: pdf-invert-dark\r
+ title: Invert PDFs in dark mode\r
+ description: Best for working with black text on white pages\r
+ type: class-toggle\r
+ default: true\r
+ -\r
+ id: pdf-blend-light\r
+ title: Blend PDFs in light mode\r
+ description: Allow PDFs to blend into the color scheme background color\r
+ type: class-toggle\r
+ default: true\r
+ -\r
+ id: pdf-dark-opacity\r
+ title: PDF opacity in dark mode\r
+ description: Fade PDF pages in dark mode\r
+ type: variable-number-slider\r
+ default: 1\r
+ min: 0.25\r
+ max: 1\r
+ step: 0.05\r
+ -\r
+ id: progress\r
+ title: Progress bars\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: progress-complete\r
+ title: Completed progress bar color\r
+ description: Defaults to your accent color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: properties\r
+ title: Properties\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: metadata-heading-off\r
+ title: Hide properties heading\r
+ description: Hide "Properties" heading above properties\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: metadata-add-property-off\r
+ title: Hide "Add property" button\r
+ description: Hide "Add property" button below properties\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: metadata-icons-off\r
+ title: Hide property icons\r
+ description: Hide icons next to property names\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: metadata-dividers\r
+ title: Property row lines\r
+ description: Display borders between properties\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: metadata-label-width-multiplier\r
+ title: Property name width\r
+ description: Width for the name of the property\r
+ type: variable-number-slider\r
+ default: 9\r
+ min: 4\r
+ max: 12\r
+ step: 0.25\r
+ -\r
+ id: sidebars\r
+ title: Sidebars\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: sidebar-tabs-style\r
+ title: Sidebar tab style\r
+ type: class-select\r
+ allowEmpty: false\r
+ default: sidebar-tabs-default\r
+ options:\r
+ -\r
+ label: Index round\r
+ value: sidebar-tabs-index\r
+ -\r
+ label: Index square\r
+ value: sidebar-tabs-square\r
+ -\r
+ label: Modern compact\r
+ value: sidebar-tabs-default\r
+ -\r
+ label: Modern wide\r
+ value: sidebar-tabs-wide\r
+ -\r
+ label: Square\r
+ value: sidebar-tabs-plain-square\r
+ -\r
+ label: Underline\r
+ value: sidebar-tabs-underline\r
+ -\r
+ id: sidebar-tabs-names\r
+ title: Sidebar tab names\r
+ type: class-select\r
+ allowEmpty: false\r
+ default: tab-names-off\r
+ options:\r
+ -\r
+ label: Hidden\r
+ value: tab-names-off\r
+ -\r
+ label: Visible\r
+ value: tab-names-on\r
+ -\r
+ label: Single tab only\r
+ value: tab-names-single\r
+ -\r
+ id: vault-profile-display\r
+ title: Vault profile position\r
+ type: class-select\r
+ allowEmpty: false\r
+ default: vault-profile-default\r
+ options:\r
+ -\r
+ label: Bottom\r
+ value: vault-profile-default\r
+ -\r
+ label: Top\r
+ value: vault-profile-top\r
+ -\r
+ id: hide-help\r
+ title: Hide help button\r
+ description: \r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: hide-settings\r
+ title: Hide settings button\r
+ description: \r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: mobile-left-sidebar-width\r
+ title: Mobile left sidebar width\r
+ description: Maximum width for pinned left sidebar on mobile\r
+ type: variable-number\r
+ default: 280\r
+ format: pt\r
+ -\r
+ id: mobile-right-sidebar-width\r
+ title: Mobile right sidebar width\r
+ description: Maximum width for pinned right sidebar on mobile\r
+ type: variable-number\r
+ default: 240\r
+ format: pt\r
+ -\r
+ id: ribbon\r
+ title: Ribbon\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: ribbon-style\r
+ title: Ribbon style\r
+ description: Display options for ribbon menu. Ribbon must be turned on in Obsidian Appearance settings for these options to work.\r
+ type: class-select\r
+ allowEmpty: false\r
+ default: ribbon-hidden\r
+ options:\r
+ -\r
+ label: Default\r
+ value: ribbon-hidden\r
+ -\r
+ label: Expand (vertical)\r
+ value: ribbon-vertical-expand\r
+ -\r
+ label: Hover (vertical)\r
+ value: ribbon-bottom-left-hover-vertical\r
+ -\r
+ label: Hover (horizontal)\r
+ value: ribbon-bottom-left-hover \r
+ -\r
+ id: tables\r
+ title: Tables\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: table-text-size\r
+ title: Table font size\r
+ description: All of the following settings apply to all tables globally. To turn on these features on a per-note basis use helper classes. See documentation.\r
+ type: variable-text\r
+ default: 1em\r
+ -\r
+ id: table-column-min-width\r
+ title: Minimum column width\r
+ type: variable-text\r
+ default: 6ch\r
+ -\r
+ id: table-column-max-width\r
+ title: Maximum column width\r
+ type: variable-text\r
+ default: none\r
+ -\r
+ id: maximize-tables-off\r
+ title: Maximize table width \r
+ description: Determines how wide tables should behave when they become wider than the line width\r
+ type: class-select\r
+ allowEmpty: false\r
+ default: maximize-tables-off\r
+ options:\r
+ -\r
+ label: Fit to line width\r
+ value: maximize-tables-off\r
+ -\r
+ label: Overflow line width\r
+ value: maximize-tables-auto\r
+ -\r
+ label: Always fill\r
+ value: maximize-tables\r
+ -\r
+ id: row-lines\r
+ title: Row lines\r
+ description: Display borders between table rows globally\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: col-lines\r
+ title: Column lines\r
+ description: Display borders between table columns globally\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: table-lines\r
+ title: Cell lines\r
+ description: Display borders around all table cells globally\r
+ type: class-toggle\r
+ default: false \r
+ -\r
+ id: row-alt\r
+ title: Striped rows\r
+ description: Display striped background in alternating table rows globally\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: col-alt\r
+ title: Striped columns\r
+ description: Display striped background in alternating table columns globally\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: table-tabular\r
+ title: Tabular figures\r
+ description: Use fixed width numbers in tables globally\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: table-numbers\r
+ title: Row numbers\r
+ description: Display row numbers in tables globally\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: table-center\r
+ title: Center small tables\r
+ description: Make small tables centered\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: table-nowrap\r
+ title: Disable line wrap\r
+ description: Turn off line wrapping in table cells globally\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: row-hover\r
+ title: Highlight active row\r
+ description: Highlight rows on hover\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: table-row-background-hover\r
+ title: Active row background\r
+ description: Background color for hovered tables rows\r
+ type: variable-themed-color\r
+ format: hex\r
+ opacity: true\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: tabs\r
+ title: Tabs\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: header-height\r
+ title: Tab bar height\r
+ type: variable-text\r
+ default: 40px\r
+ -\r
+ id: tabs-style\r
+ title: Tab style\r
+ type: class-select\r
+ allowEmpty: false\r
+ default: tabs-default\r
+ options:\r
+ -\r
+ label: Index round\r
+ value: tabs-default\r
+ -\r
+ label: Index square\r
+ value: tabs-square\r
+ -\r
+ label: Modern\r
+ value: tabs-modern\r
+ -\r
+ label: Square\r
+ value: tabs-plain-square\r
+ -\r
+ label: Underline\r
+ value: tabs-underline\r
+ -\r
+ id: minimal-tab-text-color\r
+ title: Tab text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ opacity: true\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: minimal-tab-text-color-active\r
+ title: Tab text color (active)\r
+ type: variable-themed-color\r
+ format: hex\r
+ opacity: true\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: tab-stacks\r
+ title: Tab stacks\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: tab-stacked-pane-width\r
+ title: Stacked width\r
+ type: variable-number\r
+ description: Width of a stacked tab in pixels\r
+ default: 700\r
+ format: px\r
+ -\r
+ id: tab-stacked-header-width\r
+ title: Spine width\r
+ type: variable-number\r
+ description: Width of the spine in pixels\r
+ default: 40\r
+ format: px\r
+ -\r
+ id: tab-stacked-spine-orientation\r
+ title: Spine text orientation\r
+ type: class-select\r
+ default: tab-stack-top\r
+ options:\r
+ -\r
+ label: Top\r
+ value: tab-stack-top\r
+ -\r
+ label: Top flipped\r
+ value: tab-stack-top-flipped\r
+ -\r
+ label: Bottom\r
+ value: tab-stack-bottom\r
+ -\r
+ label: Bottom flipped\r
+ value: tab-stack-bottom-flipped\r
+ -\r
+ label: Center\r
+ value: tab-stack-center\r
+ -\r
+ label: Center flipped\r
+ value: tab-stack-center-flipped\r
+ -\r
+ id: tab-stacked-spine-order\r
+ title: Spine element order\r
+ type: variable-select\r
+ default: row\r
+ options:\r
+ -\r
+ label: Default\r
+ value: row\r
+ -\r
+ label: Reversed\r
+ value: row-reverse\r
+ -\r
+ id: tags\r
+ title: Tags\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: minimal-unstyled-tags\r
+ title: Plain tags\r
+ description: Tags will render as normal text, overrides settings below\r
+ type: class-toggle\r
+ default: false\r
+ -\r
+ id: tag-radius\r
+ title: Tag shape\r
+ type: variable-select\r
+ default: 14px\r
+ options:\r
+ -\r
+ label: Pill\r
+ value: 14px\r
+ -\r
+ label: Rounded\r
+ value: 4px\r
+ -\r
+ label: Square\r
+ value: 0px\r
+ -\r
+ id: tag-border-width\r
+ title: Tag border width\r
+ type: variable-select\r
+ default: 1px\r
+ options:\r
+ -\r
+ label: None\r
+ value: 0\r
+ -\r
+ label: Thin\r
+ value: 1px\r
+ -\r
+ label: Thick\r
+ value: 2px\r
+ -\r
+ id: tag-color\r
+ title: Tag text color\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: tag-background\r
+ title: Tag background color\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: tag-background-hover\r
+ title: Tag background color (hover)\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: text\r
+ title: Text\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: tx1\r
+ title: Normal text color\r
+ type: variable-themed-color\r
+ description: Primary text color used by default across all elements\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: hl1\r
+ title: Selected text background\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: hl2\r
+ title: Highlighted text background\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: tx2\r
+ title: Muted text color\r
+ description: Secondary text such as sidebar note titles and table headings\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: tx3\r
+ title: Faint text color\r
+ description: tertiary text such as input placeholders, empty checkboxes, and disabled statuses\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: text-formatting\r
+ title: Markdown syntax color\r
+ description: Markdown formatting syntax text color\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: italic-color\r
+ title: Italic text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: bold-color\r
+ title: Bold text color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: bold-modifier\r
+ title: Bold text weight\r
+ type: variable-number-slider\r
+ default: 200\r
+ min: 100\r
+ max: 500\r
+ step: 100\r
+ -\r
+ id: p-spacing\r
+ title: Paragraph spacing\r
+ description: Space between paragraphs in reading mode (Obsidian 1.3.7+)\r
+ type: variable-text\r
+ default: 1.75rem\r
+ -\r
+ id: heading-spacing\r
+ title: Heading spacing\r
+ description: Space between paragraphs and headings in reading mode (Obsidian 1.3.7+)\r
+ type: variable-text\r
+ default: 2em\r
+ -\r
+ id: titles\r
+ title: Titles\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: tab-title-bar\r
+ title: Tab title bar\r
+ description: Tab title bar must be turned on in Appearance settings\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: file-header-visibility\r
+ title: Tab title visibility\r
+ description: Visibility of the tab title text\r
+ type: class-select\r
+ default: minimal-tab-title-hover\r
+ options:\r
+ -\r
+ label: Hover only\r
+ value: minimal-tab-title-hover\r
+ -\r
+ label: Hidden\r
+ value: minimal-tab-title-hidden\r
+ -\r
+ label: Visible\r
+ value: minimal-tab-title-visible\r
+ -\r
+ id: file-header-font-size\r
+ title: Tab title font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: 0.9em\r
+ -\r
+ id: file-header-font-weight\r
+ title: Tab title font weight\r
+ type: variable-number-slider\r
+ default: 400\r
+ min: 100\r
+ max: 900\r
+ step: 100\r
+ -\r
+ id: file-header-justify\r
+ title: Tab title alignment\r
+ type: variable-select\r
+ default: center\r
+ options:\r
+ -\r
+ label: Center\r
+ value: center\r
+ -\r
+ label: Left\r
+ value: left\r
+ -\r
+ id: title-color\r
+ title: Tab title text color (active)\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: title-color-inactive\r
+ title: Tab title text color (inactive)\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: inline-title\r
+ title: Inline title\r
+ description: Inline titles must be turned on in Appearance settings\r
+ type: heading\r
+ level: 3\r
+ collapsed: true\r
+ -\r
+ id: inline-title-font\r
+ title: Inline title font\r
+ description: Name of the font as it appears on your system\r
+ type: variable-text\r
+ default: ''\r
+ -\r
+ id: inline-title-size\r
+ title: Inline title font size\r
+ description: Accepts any CSS font-size value\r
+ type: variable-text\r
+ default: 1.125em\r
+ -\r
+ id: inline-title-weight\r
+ title: Inline title font weight\r
+ type: variable-number-slider\r
+ default: 600\r
+ min: 100\r
+ max: 900\r
+ step: 100\r
+ -\r
+ id: inline-title-color\r
+ title: Inline title text color (active)\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: translucency\r
+ title: Translucency\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: workspace-background-translucent\r
+ title: Translucent background color\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: window-frame\r
+ title: Window frame\r
+ type: heading\r
+ level: 2\r
+ collapsed: true\r
+ -\r
+ id: window-title-off\r
+ title: Hide window frame title\r
+ description: Hide title in the custom title bar\r
+ type: class-toggle\r
+ -\r
+ id: frame-background\r
+ title: Frame background\r
+ description: Requires colorful window frame\r
+ type: variable-themed-color\r
+ opacity: true\r
+ format: hsl-split\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: frame-icon-color\r
+ title: Frame icon color\r
+ description: Requires colorful frame\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: titlebar-text-color-focused\r
+ title: Frame title color (focused)\r
+ description: Requires custom title bar\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: titlebar-text-color\r
+ title: Frame title color (inactive)\r
+ description: Requires custom title bar\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ -\r
+ id: titlebar-text-weight\r
+ title: Frame title font weight\r
+ description: Requires custom title bar\r
+ type: variable-number-slider\r
+ default: 600\r
+ min: 100\r
+ max: 900\r
+ step: 100\r
+*/\r
+\r
+/* @settings\r
+name: Minimal Cards\r
+id: minimal-cards-style\r
+settings:\r
+ -\r
+ id: cards-min-width\r
+ title: Card minimum width\r
+ type: variable-text\r
+ default: 180px\r
+ -\r
+ id: cards-max-width\r
+ title: Card maximum width\r
+ description: Default fills the available width, accepts valid CSS units\r
+ type: variable-text\r
+ default: 1fr\r
+ -\r
+ id: cards-mobile-width\r
+ title: Card minimum width on mobile\r
+ type: variable-text\r
+ default: 120px\r
+ -\r
+ id: cards-padding\r
+ title: Card padding\r
+ type: variable-text\r
+ default: 1.2em\r
+ -\r
+ id: cards-image-height\r
+ title: Card maximum image height\r
+ type: variable-text\r
+ default: 400px\r
+ -\r
+ id: cards-border-width\r
+ title: Card border width\r
+ type: variable-text\r
+ default: 1px\r
+ - \r
+ id: cards-background\r
+ title: Card background color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+ - \r
+ id: cards-background-hover (hover)\r
+ title: Card background color\r
+ type: variable-themed-color\r
+ format: hex\r
+ default-light: '#'\r
+ default-dark: '#'\r
+\r
+*/\r
+\r
+/* @settings\r
+name: Minimal Advanced Settings\r
+id: minimal-advanced\r
+settings:\r
+ -\r
+ id: hide-markdown\r
+ title: Hide Markdown syntax\r
+ description: WARNING — This may be confusing because the characters still exist they are just hidden.\r
+ type: class-toggle\r
+ -\r
+ id: hide-settings-desc\r
+ title: Hide setting descriptions\r
+ description: Press and hold setting names to see their description.\r
+ type: class-toggle\r
+ -\r
+ id: animations\r
+ title: Animation speed\r
+ type: class-select\r
+ default: default\r
+ options:\r
+ -\r
+ label: Normal\r
+ value: default\r
+ -\r
+ label: Disabled\r
+ value: disable-animations\r
+ -\r
+ label: Fast\r
+ value: fast-animations\r
+ -\r
+ id: cursor\r
+ title: Cursor style\r
+ description: The cursor style for UI elements\r
+ type: variable-select\r
+ default: default\r
+ options:\r
+ -\r
+ label: Default\r
+ value: default\r
+ -\r
+ label: Pointer\r
+ value: pointer\r
+ -\r
+ label: Crosshair\r
+ value: crosshair\r
+ -\r
+ id: font-ui-small\r
+ title: Small font size\r
+ description: Font size in px of smaller text\r
+ type: variable-number\r
+ default: 13\r
+ format: px\r
+ -\r
+ id: font-ui-smaller\r
+ title: Smaller font size\r
+ description: Font size in px of smallest text\r
+ type: variable-number\r
+ default: 11\r
+ format: px\r
+ - \r
+ id: mobile-toolbar-off\r
+ title: Disable mobile toolbar\r
+ description: Turns off toolbar in editor on mobile\r
+ type: class-toggle\r
+\r
+*/\r
projects / research-obsidian.git / commitdiff