From 16404bd08c99f0afb8aeb3ffecd72ead38a4b6e9 Mon Sep 17 00:00:00 2001 From: 2weiEmu Date: Tue, 9 Jun 2026 00:02:30 +0200 Subject: [PATCH] updated: changes theme, one new style --- .obsidian/appearance.json | 5 +- .obsidian/snippets/columns.css | 4 +- .obsidian/snippets/nocol.css | 20 + .obsidian/themes/Minimal/manifest.json | 8 + .obsidian/themes/Minimal/theme.css | 8793 ++++++++++++++++++++++++ .obsidian/workspace.json | 35 +- Would NATO Intervene?.md | 7 +- 7 files changed, 8848 insertions(+), 24 deletions(-) create mode 100644 .obsidian/snippets/nocol.css create mode 100644 .obsidian/themes/Minimal/manifest.json create mode 100644 .obsidian/themes/Minimal/theme.css diff --git a/.obsidian/appearance.json b/.obsidian/appearance.json index 94e8f49..44a7316 100644 --- a/.obsidian/appearance.json +++ b/.obsidian/appearance.json @@ -4,9 +4,10 @@ "interfaceFontFamily": "Courier Code", "textFontFamily": "Aptos Mono", "monospaceFontFamily": "Courier Code", - "cssTheme": "Ukiyo", + "cssTheme": "Minimal", "baseFontSize": 16, "enabledCssSnippets": [ - "columns" + "columns", + "nocol" ] } \ No newline at end of file diff --git a/.obsidian/snippets/columns.css b/.obsidian/snippets/columns.css index bd1abde..8ca9a8a 100644 --- a/.obsidian/snippets/columns.css +++ b/.obsidian/snippets/columns.css @@ -4,11 +4,12 @@ @media print { .columns * { - font-family: "Times New Roman"; + font-family: TimesNewRoman, 'Times New Roman', Times, serif; } p, ul, ol { font-size: 12px; + font-family: TimesNewRoman, 'Times New Roman', Times, serif; } /* Document title to go across entire page */ @@ -23,5 +24,4 @@ column-rule: 1px solid #EEE; column-gap: 2em; } - } diff --git a/.obsidian/snippets/nocol.css b/.obsidian/snippets/nocol.css new file mode 100644 index 0000000..cf4014a --- /dev/null +++ b/.obsidian/snippets/nocol.css @@ -0,0 +1,20 @@ +/* Adjust printing style only to have column output + when the document is tagged with the fontmatter + cssclass of 'columns'*/ +@media print { + + .nocol * { + font-family: TimesNewRoman, 'Times New Roman', Times, serif; + } + + .nocol p, ul, ol { + line-height: 2; + font-size: 12px; + font-family: TimesNewRoman, 'Times New Roman', Times, serif; + } + + /* Document title to go across entire page */ + .nocol h1:first-of-type { + text-align: center; + } +} diff --git a/.obsidian/themes/Minimal/manifest.json b/.obsidian/themes/Minimal/manifest.json new file mode 100644 index 0000000..35a95ed --- /dev/null +++ b/.obsidian/themes/Minimal/manifest.json @@ -0,0 +1,8 @@ +{ + "name": "Minimal", + "version": "8.2.1", + "minAppVersion": "1.9.0", + "author": "@kepano", + "authorUrl": "https://twitter.com/kepano", + "fundingUrl": "https://www.buymeacoffee.com/kepano" +} diff --git a/.obsidian/themes/Minimal/theme.css b/.obsidian/themes/Minimal/theme.css new file mode 100644 index 0000000..d30020c --- /dev/null +++ b/.obsidian/themes/Minimal/theme.css @@ -0,0 +1,8793 @@ +/* --------------------------------------------------------------------------- + +Minimal Theme by @kepano + +User interface replacement for Obsidian. + +Designed to be used with the Minimal Theme Settings +plugin and the Hider plugin. + +Sponsor my work: +https://www.buymeacoffee.com/kepano + +Readme: +https://github.com/kepano/obsidian-minimal + +----------------------------------------------------------------------------- + +MIT License + +Copyright (c) 2020-2024 Steph Ango (@kepano) + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + +*/ + +@charset "UTF-8"; +/* Variables */ +body { + --font-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,"); +} + +.theme-dark a[href*="obsidian://search"] { + background-image: url("data:image/svg+xml,"); +} + +.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,'); +} +.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 (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 (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 + +name: Minimal +id: minimal-style +settings: + - + id: instructions + title: Documentation + type: heading + level: 2 + collapsed: true + 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. + - + id: interface + title: Interface colors + type: heading + level: 2 + collapsed: true + - + id: base + title: Base color + description: Defines all background and border colors unless overridden in more granular settings + type: variable-themed-color + format: hsl-split + default-light: '#' + default-dark: '#' + - + id: bg1 + title: Primary background + description: Background color for the main window + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: bg2 + title: Secondary background + description: Background color for left sidebar and menus + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: bg3 + title: Active background + description: Background color for hovered buttons and currently selected file + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: ui1 + title: Border color + type: variable-themed-color + description: For buttons, divider lines, and outlined elements + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: ui2 + title: Highlighted border color + description: Used when hovering over buttons, dividers, and outlined elements + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: ui3 + title: Active border color + description: Used when clicking buttons and outlined elements + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: accent-color + title: Accent color + type: heading + level: 2 + collapsed: true + - + id: ax1 + title: Accent color + type: variable-themed-color + description: Used primarily for links + format: hex + default-light: '#' + default-dark: '#' + - + id: ax2 + title: Accent color (hover) + type: variable-themed-color + description: Used primarily for hovered links + format: hex + default-light: '#' + default-dark: '#' + - + id: ax3 + title: Accent color interactive + type: variable-themed-color + description: Used for buttons, checklists, toggles + format: hex + default-light: '#' + default-dark: '#' + - + id: sp1 + title: Text on accent + type: variable-themed-color + description: Used primarily for text on accented buttons + format: hex + default-light: '#' + default-dark: '#' + - + id: extended-palette + title: Extended colors + type: heading + level: 2 + collapsed: true + - + id: color-red + title: Red + description: Extended palette colors are defaults used for progress bar status, syntax highlighting, colorful headings, and graph nodes + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: color-orange + title: Orange + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: color-yellow + title: Yellow + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: color-green + title: Green + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: color-cyan + title: Cyan + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: color-blue + title: Blue + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: color-purple + title: Purple + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: color-pink + title: Pink + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: bases + title: Bases + type: heading + level: 2 + collapsed: true + - + id: bases-toolbar-opacity + title: Toolbar opacity + type: variable-number-slider + default: 1 + min: 0 + max: 1 + step: 0.05 + - + id: bases-table-header-icon-display + title: Table header icons + type: variable-select + allowEmpty: false + default: flex + options: + - + label: Visible + value: flex + - + label: Hidden + value: none + - + id: bases-table-row-height + title: Table row height + type: variable-number + default: 30 + format: px + - + id: blockquotes + title: Blockquotes + type: heading + level: 2 + collapsed: true + - + id: blockquote-color + title: Blockquote text color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: blockquote-background-color + title: Blockquote background color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: blockquote-border-color + title: Blockquote border color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: blockquote-border-thickness + title: Blockquote border thickness + type: variable-number-slider + format: px + default: 1 + min: 0 + max: 5 + step: 1 + - + id: blockquote-size + title: Blockquote font size + description: Accepts any CSS font-size value + type: variable-text + default: '' + - + id: blockquote-font-style + title: Blockquote font style + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Italic + value: italic + - + id: callouts + title: Callouts + type: heading + level: 2 + collapsed: true + - + id: callouts-style + title: Callout style + type: class-select + allowEmpty: false + default: callouts-default + options: + - + label: Filled + value: callouts-default + - + label: Outlined + value: callouts-outlined + - + id: callout-blend-mode + title: Color blending + description: Blend the color of nested callouts + type: variable-select + allowEmpty: false + default: var(--highlight-mix-blend-mode) + options: + - + label: On + value: var(--highlight-mix-blend-mode) + - + label: Off + value: normal + - + id: canvas + title: Canvas + type: heading + level: 2 + collapsed: true + - + id: canvas-dot-pattern + title: Canvas dot pattern + description: Color for background dot pattern + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-blocks + title: Code blocks + type: heading + level: 2 + collapsed: true + - + id: code-size + title: Code font size + description: Accepts any CSS font-size value + type: variable-text + default: 0.8em + - + id: minimal-code-scroll + title: Scroll long lines + description: Turns off line wrap for code + type: class-toggle + default: false + - + id: code-background + title: Code background color + description: Background for code blocks + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-normal + title: Code text color + description: Color of code when syntax highlighting is not present + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: syntax-highlighting + title: Syntax highlighting + type: heading + level: 3 + collapsed: false + - + id: code-comment + title: "Syntax: comments" + description: Syntax highlighting for comments + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-function + title: "Syntax: functions" + description: Syntax highlighting for functions + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-keyword + title: "Syntax: keywords" + description: Syntax highlighting for keywords + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-important + title: "Syntax: important" + description: Syntax highlighting for important text + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-operator + title: "Syntax: operators" + description: Syntax highlighting for operators + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-property + title: "Syntax: properties" + description: Syntax highlighting for properties + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-punctuation + title: "Syntax: punctuation" + description: Syntax highlighting for punctuation + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-string + title: "Syntax: strings" + description: Syntax highlighting for strings + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-tag + title: "Syntax: tags" + description: Syntax highlighting for tags + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: code-value + title: "Syntax: values" + description: Syntax highlighting for values + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: dataview + title: Dataview + type: heading + level: 2 + collapsed: true + - + id: trim-cols + title: Trim Dataview columns + description: Disables word wrapping in table cells, and trims long text + type: class-toggle + default: true + - + id: dataview-inline-lists + title: Force tables lists inline + description: Makes lists inside of table cells inline and comma separated + type: class-toggle + default: false + - + id: max-col-width + title: Dataview maximum column width + description: Maximum width for Dataview columns, accepts any CSS width value + type: variable-text + default: 18em + - + id: embed-blocks + title: Embeds and transclusions + type: heading + level: 2 + collapsed: true + - + id: embed-strict + title: Use strict embed style globally + description: Transclusions appear seamlessly in the flow of text. Can be enabled per file using the embed-strict helper class + type: class-toggle + default: false + - + id: embed-hide-title + title: Hide embed titles + description: Hide title of the transcluded file (if strict embed is off) + type: class-toggle + default: false + - + id: embed-underline + title: Underline embedded text + description: Transcluded text is underlined. Can be enabled per file using the embed-underline helper class + type: class-toggle + default: false + - + id: embed-max-height + title: Maximum height of embeds + type: variable-text + description: For transcluded text, accepts valid CSS units + default: '' + - + id: embed-decoration-style + title: Embedded text underline style + type: variable-select + description: Requires underlines to be enabled + allowEmpty: true + default: solid + options: + - + label: Solid + value: solid + - + label: Dashed + value: dashed + - + label: Dotted + value: dotted + - + label: Double + value: double + - + label: Wavy + value: wavy + - + id: embed-decoration-color + title: Embedded text underline color + type: variable-themed-color + description: Requires underlines to be enabled + format: hex + default-light: '#' + default-dark: '#' + - + id: embed-background + title: Embed background + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: graphs + title: Graphs + type: heading + level: 2 + collapsed: true + - + id: graph-line + title: Line color + description: Changing graph colors requires closing and reopening graph panes or restarting Obsidian + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: graph-node + title: Node color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: graph-node-focused + title: Active node color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: graph-node-tag + title: Tag node color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: graph-node-attachment + title: Attachment node color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: graph-node-unresolved + title: Unresolved node color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: headings + title: Headings + type: heading + level: 2 + collapsed: true + - + id: level-1-headings + title: Level 1 Headings + type: heading + level: 3 + collapsed: true + - + id: h1-font + title: H1 font + description: Name of the font as it appears on your system + type: variable-text + default: '' + - + id: h1-size + title: H1 font size + description: Accepts any CSS font-size value + type: variable-text + default: 1.125em + - + id: h1-weight + title: H1 font weight + type: variable-number-slider + default: 600 + min: 100 + max: 900 + step: 100 + - + id: h1-color + title: H1 text color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: h1-variant + title: H1 font variant + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Small caps + value: small-caps + - + label: All small caps + value: all-small-caps + - + id: h1-style + title: H1 font style + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Italic + value: italic + - + id: h1-l + title: H1 divider line + description: Adds a border below the heading + type: class-toggle + default: false + - + id: level-2-headings + title: Level 2 Headings + type: heading + level: 3 + collapsed: true + - + id: h2-font + title: H2 font + description: Name of the font as it appears on your system + type: variable-text + default: '' + - + id: h2-size + title: H2 font size + description: Accepts any CSS font-size value + type: variable-text + default: 1em + - + id: h2-weight + title: H2 font weight + type: variable-number-slider + default: 600 + min: 100 + max: 900 + step: 100 + - + id: h2-color + title: H2 text color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: h2-variant + title: H2 font variant + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Small caps + value: small-caps + - + label: All small caps + value: all-small-caps + - + id: h2-style + title: H2 font style + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Italic + value: italic + - + id: h2-l + title: H2 divider line + description: Adds a border below the heading + type: class-toggle + default: false + - + id: level-3-headings + title: Level 3 Headings + type: heading + level: 3 + collapsed: true + - + id: h3-font + title: H3 font + description: Name of the font as it appears on your system + type: variable-text + default: '' + - + id: h3-size + title: H3 font size + description: Accepts any CSS font-size value + type: variable-text + default: 1em + - + id: h3-weight + title: H3 font weight + type: variable-number-slider + default: 600 + min: 100 + max: 900 + step: 100 + - + id: h3-color + title: H3 text color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: h3-variant + title: H3 font variant + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Small caps + value: small-caps + - + label: All small caps + value: all-small-caps + - + id: h3-style + title: H3 font style + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Italic + value: italic + - + id: h3-l + title: H3 divider line + description: Adds a border below the heading + type: class-toggle + default: false + - + id: level-4-headings + title: Level 4 Headings + type: heading + level: 3 + collapsed: true + - + id: h4-font + title: H4 font + description: Name of the font as it appears on your system + type: variable-text + default: '' + - + id: h4-size + title: H4 font size + description: Accepts any CSS font-size value + type: variable-text + default: 0.9em + - + id: h4-weight + title: H4 font weight + type: variable-number-slider + default: 500 + min: 100 + max: 900 + step: 100 + - + id: h4-color + title: H4 text color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: h4-variant + title: H4 font variant + type: variable-select + allowEmpty: false + default: small-caps + options: + - + label: Normal + value: normal + - + label: Small caps + value: small-caps + - + label: All small caps + value: all-small-caps + - + id: h4-style + title: H4 font style + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Italic + value: italic + - + id: h4-l + title: H4 divider line + description: Adds a border below the heading + type: class-toggle + default: false + - + id: level-5-headings + title: Level 5 Headings + type: heading + level: 3 + collapsed: true + - + id: h5-font + title: H5 font + description: Name of the font as it appears on your system + type: variable-text + default: '' + - + id: h5-size + title: H5 font size + description: Accepts any CSS font-size value + type: variable-text + default: 0.85em + - + id: h5-weight + title: H5 font weight + type: variable-number-slider + default: 500 + min: 100 + max: 900 + step: 100 + - + id: h5-color + title: H5 text color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: h5-variant + title: H5 font variant + type: variable-select + allowEmpty: false + default: small-caps + options: + - + label: Normal + value: normal + - + label: Small caps + value: small-caps + - + label: All small caps + value: all-small-caps + - + id: h5-style + title: H5 font style + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Italic + value: italic + - + id: h5-l + title: H5 divider line + description: Adds a border below the heading + type: class-toggle + default: false + - + id: level-6-headings + title: Level 6 Headings + type: heading + level: 3 + collapsed: true + - + id: h6-font + title: H6 font + description: Name of the font as it appears on your system + type: variable-text + default: '' + - + id: h6-size + title: H6 font size + description: Accepts any CSS font-size value + type: variable-text + default: 0.85em + - + id: h6-weight + title: H6 font weight + type: variable-number-slider + default: 400 + min: 100 + max: 900 + step: 100 + - + id: h6-color + title: H6 text color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: h6-variant + title: H6 font variant + type: variable-select + allowEmpty: false + default: small-caps + options: + - + label: Normal + value: normal + - + label: Small caps + value: small-caps + - + label: All small caps + value: all-small-caps + - + id: h6-style + title: H6 font style + type: variable-select + allowEmpty: false + default: normal + options: + - + label: Normal + value: normal + - + label: Italic + value: italic + - + id: h6-l + title: H6 divider line + type: class-toggle + description: Adds a border below the heading + default: false + - + id: icons + title: Icons + type: heading + level: 2 + collapsed: true + - + id: icon-muted + title: Icon opacity (inactive) + type: variable-number-slider + default: 0.5 + min: 0.25 + max: 1 + step: 0.05 + - + id: icon-color + title: Icon color + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: icon-color-hover + title: Icon color (hover) + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: icon-color-active + title: Icon color (active) + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: icon-color-focused + title: Icon color (focused) + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: images + title: Images + type: heading + level: 2 + collapsed: true + - + id: image-muted + title: Image opacity in dark mode + description: Level of fading for images in dark mode. Hover over images to display at full brightness. + type: variable-number-slider + default: 0.7 + min: 0.25 + max: 1 + step: 0.05 + - + id: image-radius + title: Image radius + description: Rounded corners for images + type: variable-number-slider + default: 4 + min: 0 + max: 16 + step: 1 + format: px + - + id: image-blend-light + title: Blend images in light mode + description: Allow images to blend into the color scheme background color + type: class-toggle + default: false + - + id: image-grid-fit + title: Image grid crop + description: Sets how images get cropped in a grid + type: variable-select + default: cover + options: + - + label: Crop to fit + value: cover + - + label: Show full image + value: contain + - + id: image-grid-background + title: Image grid background + description: Background of images in cells, useful when images are not cropped to fit + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: indentation-guides + title: Indentation guides + type: heading + level: 2 + collapsed: true + - + id: indentation-guide-color + title: Indentation guide color + type: variable-themed-color + format: hex + opacity: true + default-light: '#' + default-dark: '#' + - + id: indentation-guide-color-active + title: Indentation guide color (active) + type: variable-themed-color + format: hex + opacity: true + default-light: '#' + default-dark: '#' + - + id: links + title: Links + type: heading + level: 2 + collapsed: true + - + id: links-internal + title: Internal links + type: heading + level: 3 + collapsed: true + - + id: link-color + title: Internal link color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: link-color-hover + title: Internal link color (hover) + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: link-unresolved-opacity + title: Unresolved link opacity + type: variable-number-slider + default: 0.7 + min: 0.25 + max: 1 + step: 0.05 + - + id: link-unresolved-color + title: Unresolved link color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: link-unresolved-decoration-color + title: Unresolved link underline color + type: variable-themed-color + format: hex + opacity: true + default-light: '#' + default-dark: '#' + - + id: links-external + title: External links + type: heading + level: 3 + collapsed: true + - + id: link-external-color + title: External link color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: link-external-color-hover + title: External link color (hover) + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: active-line + title: Line numbers + type: heading + level: 2 + collapsed: true + - + id: active-line-on + title: Highlight active line + description: Adds a background to current line in editor + type: class-toggle + default: false + - + id: folding-offset + title: Gutter offset + description: Width of the file margin used for gutter + type: variable-number-slider + default: 32 + min: 0 + max: 60 + step: 1 + format: px + - + id: gutter-background + title: Gutter background + type: variable-themed-color + format: hex + opacity: true + default-light: '#' + default-dark: '#' + - + id: line-number-color + title: Line number color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: line-number-color-active + title: Active line number color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: active-line-bg + title: Active line background + description: Using a low opacity color is recommended to avoid conflicting with highlights + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: lists + title: Lists and tasks + type: heading + level: 2 + collapsed: true + - + id: checkbox-color + title: Checkbox color + description: Background color for completed tasks + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: checkbox-shape + title: Checkbox shape + type: class-select + allowEmpty: false + default: checkbox-circle + options: + - + label: Circle + value: checkbox-circle + - + label: Square + value: checkbox-square + - + id: minimal-strike-lists + title: Strike completed tasks + description: Adds strikethrough line and greyed text for completed tasks + type: class-toggle + default: false + - + id: list-spacing + title: List item spacing + description: Vertical space between list items in em units + type: variable-number-slider + default: 0.075 + min: 0 + max: 0.3 + step: 0.005 + format: em + - + id: list-indent + title: Nested list indentation + description: Horizontal space from left in em units + type: variable-number-slider + default: 2 + min: 1 + max: 3.5 + step: 0.1 + format: em + - + id: pdf + title: PDFs + type: heading + level: 2 + collapsed: true + - + id: pdf-page-style + title: PDF page style + description: Borders and shadows around pages + type: class-select + allowEmpty: false + default: pdf-seamless-on + options: + - + label: Seamless + value: pdf-seamless-on + - + label: Shadows + value: pdf-shadows-on + - + id: pdf-invert-dark + title: Invert PDFs in dark mode + description: Best for working with black text on white pages + type: class-toggle + default: true + - + id: pdf-blend-light + title: Blend PDFs in light mode + description: Allow PDFs to blend into the color scheme background color + type: class-toggle + default: true + - + id: pdf-dark-opacity + title: PDF opacity in dark mode + description: Fade PDF pages in dark mode + type: variable-number-slider + default: 1 + min: 0.25 + max: 1 + step: 0.05 + - + id: progress + title: Progress bars + type: heading + level: 2 + collapsed: true + - + id: progress-complete + title: Completed progress bar color + description: Defaults to your accent color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: properties + title: Properties + type: heading + level: 2 + collapsed: true + - + id: metadata-heading-off + title: Hide properties heading + description: Hide "Properties" heading above properties + type: class-toggle + default: false + - + id: metadata-add-property-off + title: Hide "Add property" button + description: Hide "Add property" button below properties + type: class-toggle + default: false + - + id: metadata-icons-off + title: Hide property icons + description: Hide icons next to property names + type: class-toggle + default: false + - + id: metadata-dividers + title: Property row lines + description: Display borders between properties + type: class-toggle + default: false + - + id: metadata-label-width-multiplier + title: Property name width + description: Width for the name of the property + type: variable-number-slider + default: 9 + min: 4 + max: 12 + step: 0.25 + - + id: sidebars + title: Sidebars + type: heading + level: 2 + collapsed: true + - + id: sidebar-tabs-style + title: Sidebar tab style + type: class-select + allowEmpty: false + default: sidebar-tabs-default + options: + - + label: Index round + value: sidebar-tabs-index + - + label: Index square + value: sidebar-tabs-square + - + label: Modern compact + value: sidebar-tabs-default + - + label: Modern wide + value: sidebar-tabs-wide + - + label: Square + value: sidebar-tabs-plain-square + - + label: Underline + value: sidebar-tabs-underline + - + id: sidebar-tabs-names + title: Sidebar tab names + type: class-select + allowEmpty: false + default: tab-names-off + options: + - + label: Hidden + value: tab-names-off + - + label: Visible + value: tab-names-on + - + label: Single tab only + value: tab-names-single + - + id: vault-profile-display + title: Vault profile position + type: class-select + allowEmpty: false + default: vault-profile-default + options: + - + label: Bottom + value: vault-profile-default + - + label: Top + value: vault-profile-top + - + id: hide-help + title: Hide help button + description: + type: class-toggle + default: false + - + id: hide-settings + title: Hide settings button + description: + type: class-toggle + default: false + - + id: mobile-left-sidebar-width + title: Mobile left sidebar width + description: Maximum width for pinned left sidebar on mobile + type: variable-number + default: 280 + format: pt + - + id: mobile-right-sidebar-width + title: Mobile right sidebar width + description: Maximum width for pinned right sidebar on mobile + type: variable-number + default: 240 + format: pt + - + id: ribbon + title: Ribbon + type: heading + level: 2 + collapsed: true + - + id: ribbon-style + title: Ribbon style + description: Display options for ribbon menu. Ribbon must be turned on in Obsidian Appearance settings for these options to work. + type: class-select + allowEmpty: false + default: ribbon-hidden + options: + - + label: Default + value: ribbon-hidden + - + label: Expand (vertical) + value: ribbon-vertical-expand + - + label: Hover (vertical) + value: ribbon-bottom-left-hover-vertical + - + label: Hover (horizontal) + value: ribbon-bottom-left-hover + - + id: tables + title: Tables + type: heading + level: 2 + collapsed: true + - + id: table-text-size + title: Table font size + description: All of the following settings apply to all tables globally. To turn on these features on a per-note basis use helper classes. See documentation. + type: variable-text + default: 1em + - + id: table-column-min-width + title: Minimum column width + type: variable-text + default: 6ch + - + id: table-column-max-width + title: Maximum column width + type: variable-text + default: none + - + id: maximize-tables-off + title: Maximize table width + description: Determines how wide tables should behave when they become wider than the line width + type: class-select + allowEmpty: false + default: maximize-tables-off + options: + - + label: Fit to line width + value: maximize-tables-off + - + label: Overflow line width + value: maximize-tables-auto + - + label: Always fill + value: maximize-tables + - + id: row-lines + title: Row lines + description: Display borders between table rows globally + type: class-toggle + default: false + - + id: col-lines + title: Column lines + description: Display borders between table columns globally + type: class-toggle + default: false + - + id: table-lines + title: Cell lines + description: Display borders around all table cells globally + type: class-toggle + default: false + - + id: row-alt + title: Striped rows + description: Display striped background in alternating table rows globally + type: class-toggle + default: false + - + id: col-alt + title: Striped columns + description: Display striped background in alternating table columns globally + type: class-toggle + default: false + - + id: table-tabular + title: Tabular figures + description: Use fixed width numbers in tables globally + type: class-toggle + default: false + - + id: table-numbers + title: Row numbers + description: Display row numbers in tables globally + type: class-toggle + default: false + - + id: table-center + title: Center small tables + description: Make small tables centered + type: class-toggle + default: false + - + id: table-nowrap + title: Disable line wrap + description: Turn off line wrapping in table cells globally + type: class-toggle + default: false + - + id: row-hover + title: Highlight active row + description: Highlight rows on hover + type: class-toggle + default: false + - + id: table-row-background-hover + title: Active row background + description: Background color for hovered tables rows + type: variable-themed-color + format: hex + opacity: true + default-light: '#' + default-dark: '#' + - + id: tabs + title: Tabs + type: heading + level: 2 + collapsed: true + - + id: header-height + title: Tab bar height + type: variable-text + default: 40px + - + id: tabs-style + title: Tab style + type: class-select + allowEmpty: false + default: tabs-default + options: + - + label: Index round + value: tabs-default + - + label: Index square + value: tabs-square + - + label: Modern + value: tabs-modern + - + label: Square + value: tabs-plain-square + - + label: Underline + value: tabs-underline + - + id: minimal-tab-text-color + title: Tab text color + type: variable-themed-color + format: hex + opacity: true + default-light: '#' + default-dark: '#' + - + id: minimal-tab-text-color-active + title: Tab text color (active) + type: variable-themed-color + format: hex + opacity: true + default-light: '#' + default-dark: '#' + - + id: tab-stacks + title: Tab stacks + type: heading + level: 2 + collapsed: true + - + id: tab-stacked-pane-width + title: Stacked width + type: variable-number + description: Width of a stacked tab in pixels + default: 700 + format: px + - + id: tab-stacked-header-width + title: Spine width + type: variable-number + description: Width of the spine in pixels + default: 40 + format: px + - + id: tab-stacked-spine-orientation + title: Spine text orientation + type: class-select + default: tab-stack-top + options: + - + label: Top + value: tab-stack-top + - + label: Top flipped + value: tab-stack-top-flipped + - + label: Bottom + value: tab-stack-bottom + - + label: Bottom flipped + value: tab-stack-bottom-flipped + - + label: Center + value: tab-stack-center + - + label: Center flipped + value: tab-stack-center-flipped + - + id: tab-stacked-spine-order + title: Spine element order + type: variable-select + default: row + options: + - + label: Default + value: row + - + label: Reversed + value: row-reverse + - + id: tags + title: Tags + type: heading + level: 2 + collapsed: true + - + id: minimal-unstyled-tags + title: Plain tags + description: Tags will render as normal text, overrides settings below + type: class-toggle + default: false + - + id: tag-radius + title: Tag shape + type: variable-select + default: 14px + options: + - + label: Pill + value: 14px + - + label: Rounded + value: 4px + - + label: Square + value: 0px + - + id: tag-border-width + title: Tag border width + type: variable-select + default: 1px + options: + - + label: None + value: 0 + - + label: Thin + value: 1px + - + label: Thick + value: 2px + - + id: tag-color + title: Tag text color + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: tag-background + title: Tag background color + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: tag-background-hover + title: Tag background color (hover) + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: text + title: Text + type: heading + level: 2 + collapsed: true + - + id: tx1 + title: Normal text color + type: variable-themed-color + description: Primary text color used by default across all elements + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: hl1 + title: Selected text background + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: hl2 + title: Highlighted text background + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: tx2 + title: Muted text color + description: Secondary text such as sidebar note titles and table headings + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: tx3 + title: Faint text color + description: tertiary text such as input placeholders, empty checkboxes, and disabled statuses + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: text-formatting + title: Markdown syntax color + description: Markdown formatting syntax text color + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: italic-color + title: Italic text color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: bold-color + title: Bold text color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: bold-modifier + title: Bold text weight + type: variable-number-slider + default: 200 + min: 100 + max: 500 + step: 100 + - + id: p-spacing + title: Paragraph spacing + description: Space between paragraphs in reading mode (Obsidian 1.3.7+) + type: variable-text + default: 1.75rem + - + id: heading-spacing + title: Heading spacing + description: Space between paragraphs and headings in reading mode (Obsidian 1.3.7+) + type: variable-text + default: 2em + - + id: titles + title: Titles + type: heading + level: 2 + collapsed: true + - + id: tab-title-bar + title: Tab title bar + description: Tab title bar must be turned on in Appearance settings + type: heading + level: 3 + collapsed: true + - + id: file-header-visibility + title: Tab title visibility + description: Visibility of the tab title text + type: class-select + default: minimal-tab-title-hover + options: + - + label: Hover only + value: minimal-tab-title-hover + - + label: Hidden + value: minimal-tab-title-hidden + - + label: Visible + value: minimal-tab-title-visible + - + id: file-header-font-size + title: Tab title font size + description: Accepts any CSS font-size value + type: variable-text + default: 0.9em + - + id: file-header-font-weight + title: Tab title font weight + type: variable-number-slider + default: 400 + min: 100 + max: 900 + step: 100 + - + id: file-header-justify + title: Tab title alignment + type: variable-select + default: center + options: + - + label: Center + value: center + - + label: Left + value: left + - + id: title-color + title: Tab title text color (active) + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: title-color-inactive + title: Tab title text color (inactive) + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: inline-title + title: Inline title + description: Inline titles must be turned on in Appearance settings + type: heading + level: 3 + collapsed: true + - + id: inline-title-font + title: Inline title font + description: Name of the font as it appears on your system + type: variable-text + default: '' + - + id: inline-title-size + title: Inline title font size + description: Accepts any CSS font-size value + type: variable-text + default: 1.125em + - + id: inline-title-weight + title: Inline title font weight + type: variable-number-slider + default: 600 + min: 100 + max: 900 + step: 100 + - + id: inline-title-color + title: Inline title text color (active) + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: translucency + title: Translucency + type: heading + level: 2 + collapsed: true + - + id: workspace-background-translucent + title: Translucent background color + type: variable-themed-color + opacity: true + format: hex + default-light: '#' + default-dark: '#' + - + id: window-frame + title: Window frame + type: heading + level: 2 + collapsed: true + - + id: window-title-off + title: Hide window frame title + description: Hide title in the custom title bar + type: class-toggle + - + id: frame-background + title: Frame background + description: Requires colorful window frame + type: variable-themed-color + opacity: true + format: hsl-split + default-light: '#' + default-dark: '#' + - + id: frame-icon-color + title: Frame icon color + description: Requires colorful frame + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: titlebar-text-color-focused + title: Frame title color (focused) + description: Requires custom title bar + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: titlebar-text-color + title: Frame title color (inactive) + description: Requires custom title bar + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: titlebar-text-weight + title: Frame title font weight + description: Requires custom title bar + type: variable-number-slider + default: 600 + min: 100 + max: 900 + step: 100 +*/ + +/* @settings +name: Minimal Cards +id: minimal-cards-style +settings: + - + id: cards-min-width + title: Card minimum width + type: variable-text + default: 180px + - + id: cards-max-width + title: Card maximum width + description: Default fills the available width, accepts valid CSS units + type: variable-text + default: 1fr + - + id: cards-mobile-width + title: Card minimum width on mobile + type: variable-text + default: 120px + - + id: cards-padding + title: Card padding + type: variable-text + default: 1.2em + - + id: cards-image-height + title: Card maximum image height + type: variable-text + default: 400px + - + id: cards-border-width + title: Card border width + type: variable-text + default: 1px + - + id: cards-background + title: Card background color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + - + id: cards-background-hover (hover) + title: Card background color + type: variable-themed-color + format: hex + default-light: '#' + default-dark: '#' + +*/ + +/* @settings +name: Minimal Advanced Settings +id: minimal-advanced +settings: + - + id: hide-markdown + title: Hide Markdown syntax + description: WARNING — This may be confusing because the characters still exist they are just hidden. + type: class-toggle + - + id: hide-settings-desc + title: Hide setting descriptions + description: Press and hold setting names to see their description. + type: class-toggle + - + id: animations + title: Animation speed + type: class-select + default: default + options: + - + label: Normal + value: default + - + label: Disabled + value: disable-animations + - + label: Fast + value: fast-animations + - + id: cursor + title: Cursor style + description: The cursor style for UI elements + type: variable-select + default: default + options: + - + label: Default + value: default + - + label: Pointer + value: pointer + - + label: Crosshair + value: crosshair + - + id: font-ui-small + title: Small font size + description: Font size in px of smaller text + type: variable-number + default: 13 + format: px + - + id: font-ui-smaller + title: Smaller font size + description: Font size in px of smallest text + type: variable-number + default: 11 + format: px + - + id: mobile-toolbar-off + title: Disable mobile toolbar + description: Turns off toolbar in editor on mobile + type: class-toggle + +*/ diff --git a/.obsidian/workspace.json b/.obsidian/workspace.json index 88f676e..25b650d 100644 --- a/.obsidian/workspace.json +++ b/.obsidian/workspace.json @@ -13,7 +13,7 @@ "state": { "type": "markdown", "state": { - "file": "Watchlist & Do List.md", + "file": "Would NATO Intervene?.md", "mode": "source", "source": false, "backlinks": true, @@ -28,7 +28,7 @@ } }, "icon": "lucide-file", - "title": "Watchlist & Do List" + "title": "Would NATO Intervene?" } } ] @@ -177,14 +177,26 @@ "active": "ca79fe463a6bafc1", "lastOpenFiles": [ "List of things to do.md", - "Watchlist & Do List.md", + "Would NATO Intervene?.md", + "AI/Thoughts on the Ethics of AI.md", + "AI/References on AI.md", + "Blog/sis50.nl Experiences Writing that Software.md", + "Blog/Saalbach.dev and experiences writing that software.md", + "Blog/My Design Philosophy when creating (web) apps.md", + "Blog/Engine-Light and Experiences writing that Software.md", + "Bundesverfassungsgericht/Urteil_des_Ersten_Senats_vom_5_November_2019.pdf", + "Bundesverfassungsgericht/References on Bundesverfassungsgericht.md", "Computers Maintenance/Computer Maintenance Schedule.md", + "People/Pim.md", + "People/Ruxi.md", + "Physics/Experience of the world from a Light Particle's Point of view?.md", + "Physics/Just some questions.md", + "Poems that I like/Poems that I like.md", + "Watchlist & Do List.md", "Computers Maintenance", "An Apology.md", "Smaller Writings?/Hanxin Zhao/PhD Terminated after 6 years investigated.md", "Pasted image 20260521001302.png", - "Bundesverfassungsgericht/Urteil_des_Ersten_Senats_vom_5_November_2019.pdf", - "Bundesverfassungsgericht/References on Bundesverfassungsgericht.md", "Smaller Writings?/Hanxin Zhao/PhD terminated after 6 years with excellent work done： retaliation from Prof. Zofia Lukszo, TU Delft [ChS0eT683bA].webm", "Smaller Writings?/Hanxin Zhao/PhD terminated after 6 years with excellent work done： retaliation from Prof. Zofia Lukszo, TU Delft [ChS0eT683bA].temp.webm", "Smaller Writings?/Hanxin Zhao/PhD terminated after 6 years with excellent work done： retaliation from Prof. Zofia Lukszo, TU Delft [ChS0eT683bA].f251.webm", @@ -204,22 +216,9 @@ "Recipes.md", "Notes - Self/Good men.md", "Quotes.md", - "AI/Thoughts on the Ethics of AI.md", - "AI/References on AI.md", - "Blog/sis50.nl Experiences Writing that Software.md", - "Blog/Saalbach.dev and experiences writing that software.md", - "Blog/My Design Philosophy when creating (web) apps.md", - "Blog/Engine-Light and Experiences writing that Software.md", "Daily/27-01-2025.md", "Daily/25-01-2025.md", "Daily/23-01-2025.md", - "Daily/22-01-2025.md", - "Daily/19-01-2025.md", - "Daily/16-01-2025.md", - "Dead Poet's Society/Some Notes.md", - "European Union/Child Sexual Abuse Act/Notes on the Original Document.md", - "European Military Capability/On the Military Readiness of Europe.md", - "European Military Capability/References on European Military Capability.md", "Nebulous Command/Missile Interception/Test Layouts/SCC_SGM211_Layout.png", "Nebulous Command/Missile Interception/Ship Images/SCC_Layout.png" ] diff --git a/Would NATO Intervene?.md b/Would NATO Intervene?.md index bd1748d..bd29364 100644 --- a/Would NATO Intervene?.md +++ b/Would NATO Intervene?.md @@ -1,6 +1,6 @@ --- cssclasses: - - columns + - nocol --- This also came up when I was visiting my parents recently, and saw my sister and her boyfriend and my brother. That evening was a long discussion and provided lots of other ideas to discuss but one thing that was brought up was the varying levels of faith on whether NATO would intervene in case of a Russian invasion into a country such as Estonia (another NATO member state). @@ -8,7 +8,7 @@ My sister's boyfriend has less faith that NATO would intervene in such a scenari Article 5: > The Parties agree that an armed attack against one or more of them in Europe or North America shall be considered an attack against them all and consequently they agree that, if such an armed attack occurs, each of them, in exercise of the right of individual or collective self-defence recognised by Article 51 of the Charter of the United Nations, will assist the Party or Parties so attacked by taking forthwith, individually and in concert with the other Parties, such action as it deems necessary, including the use of armed force, to restore and maintain the security of the North Atlantic area. -> Any such armed attack and all measures taken as a result thereof shall immediately be reported to the Security Council. Such measures shall be terminated when the Security Council has taken the measures necessary to restore and maintain international peace and security. +> Any such armed attack and all measures taken as a result thereof shall immediately be reported to the Security Council. Such measures shall be terminated when the Security Council has taken the measures necessary to restore and maintain international peace and security[^1]. Now, this is a classic and somewhat understandable NATO concern, if Russia invaded, especially small and insignificant country like Estonia - would other nations and governments risk their approval ratings, countrymen and money to fend off a Russian invasion, especially if they can _somewhat reasonably_ get out of that responsibility. My answer is yes, even if they don't necessarily do so to their _absolute fullest_ extent. @@ -19,3 +19,6 @@ So here we have the two perspectives: If I recall correctly there is not necessarily disagreement on how effective being a NATO member is as a deterrent to Russian aggression - I think the world's stance and history are quite clear on that. No NATO member has ever been invaded by Russia. Non-NATO members on the other hand, Russia seems quite eager to "intervene" in. I'd even argue the steps that would need to be taken for this deterrent to fail would be quite drastic (though, unfortunately are _partially_ occurring). Complete failure is yet to set in, and hopefully never does. + +[^1]: A footnote example, for printing + -- 2.54.0