/* Minimal Theme for Obsidian Designed to be used with Minimal Theme Settings and Hider plugins. MIT License. Copyright 2020-2026 Steph Ango (@kepano). */ @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 { --bases-table-group-background: transparent; --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); --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; } .theme-light.minimal-light-white .mod-settings { --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); } .theme-light.minimal-light-tonal .mod-settings { --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); } .theme-dark.minimal-dark-tonal .mod-settings { --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); } .theme-dark.minimal-dark-black .mod-settings { --setting-items-border-width: 1px; } body.styled-scrollbar { --scrollbar-active-thumb-bg: var(--ui3); --scrollbar-bg: transparent; --scrollbar-thumb-bg: var(--ui1); } /* 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); } .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; } .is-phone .modal.mod-settings .vertical-tab-header-group-items, .is-phone .modal.mod-settings .setting-search-result-group { border: var(--setting-items-border-width) solid var(--background-modifier-border); } /* 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; } /* 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) Steph 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; } /* ------------------- */ /* 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) Steph 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) Steph 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) Steph 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) Steph 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: inline-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) Steph 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: - dataview - calendar - obsidian-charts - obsidian-git - obsidian-hider - obsidian-kanban - obsidian-metatable - obsidian-minimal-settings - obsidian-style-settings - quickadd */ /* @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 */