melchiorbv
/
Obsidian
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'fd74d73d53'
${ noResults }
Obsidian/.obsidian/themes/Minimal.css

12637 lines
493 KiB
Raw Normal View History Unescape

daily note update
2 years ago
/* ---------------------------------------------------------------------------
Minimal Obsidian 5.3.2 by @kepano
Important: this is an archived copy of Minimal
only for use with Obsidian 0.15.x and below.
For Obsidian 0.16+ use Minimal 6.0+
---------------------------------------------------------------------------
User interface replacement for Obsidian.
Designed to be used with the Minimal Theme Settings
plugin and the Hider plugin.
Sponsor my work:
https://www.buymeacoffee.com/kepano
Readme:
https://github.com/kepano/obsidian-minimal
-----------------------------------------------------------------------------
MIT License
Copyright (c) 2020-2022 Stephan Ango (@kepano)
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/
@charset "UTF-8";
/* Variables */
body {
--font-text-theme:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,sans-serif;
--font-editor-theme:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,sans-serif;
--font-monospace-theme:Menlo,SFMono-Regular,Consolas,"Roboto Mono",monospace;
--font-interface-theme:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Ubuntu,sans-serif;
--font-editor:var(--font-editor-override), var(--font-text-override), var(--font-editor-theme);
--minimal-version:"You are currently using Minimal 5.3.2\a\aIf you run into any issues, try updating to the latest version of the theme. It is also highly recommended to install Minimal Theme Settings and Contextual Typography plugins.\a\a Full documentation:\a minimal.guide\a\a Support my work:\a buymeacoffee.com/kepano"; }
:root {
/* Cursor */
--cursor:default;
/* Font sizes */
--font-small:13px;
--font-smaller:11px;
--font-smallest:10px;
--font-inputs:13px;
--font-settings:15px;
--font-settings-small:12px;
/* Font weights */
--normal-weight:400;
--bold-weight:600;
--link-weight:inherit;
/* Headings */
--title-size:1.1em;
--title-weight:600;
/* Headings */
--h1:1.125em;
--h2:1.05em;
--h3:1em;
--h4:0.90em;
--h5:0.85em;
--h6:0.85em;
--h1-weight:600;
--h2-weight:600;
--h3-weight:500;
--h4-weight:500;
--h5-weight:500;
--h6-weight:400;
--h1-variant:normal;
--h2-variant:normal;
--h3-variant:normal;
--h4-variant:small-caps;
--h5-variant:small-caps;
--h6-variant:small-caps;
--h1-style:normal;
--h2-style:normal;
--h3-style:normal;
--h4-style:normal;
--h5-style:normal;
--h6-style:normal;
/* Blockquotes */
--blockquote-style:normal;
/* Line widths */
--line-width:40rem;
--line-height:1.5;
--max-width:88%;
--max-col-width:18em;
/* Icons */
--icon-muted:0.5;
--icon-size:18px;
--border-width:1px;
--border-width-alt:1px;
/* Quotes and transclusions */
--nested-padding:1.1em;
/* Lists */
--folding-offset:10px;
--list-edit-offset:0.5em;
--list-indent:2em;
--list-spacing:0.075em;
/* Radiuses */
--radius-s:2px;
--radius-m:5px;
--radius-l:12px;
--radius-xl:16px;
--input-height:32px;
--header-height:40px;
/* Mobile sidebars */
--mobile-left-sidebar-width:280pt;
--mobile-right-sidebar-width:240pt;
/* Tags */
--tag-radius:14px;
--tag-border-width:1px;
--top-left-padding-y:0px;
/* Image opacity in dark mode */
--image-muted:0.7;
/* Spacing */
--spacing-p: 0.75em; }
.mod-macos {
--top-left-padding-y:24px; }
/* Dynamic colors
Most colors are driven from the following values, meaning that
the backgrounds, borders, and various shades are
automatically generated.
- Base color is used for the backgrounds, text and borders.
- Accent color is used for links and some interactive elements.
The colors use HSL (hue, saturation, lightness)
- Hue (0-360 degrees):0 is red, 120 is green, and 240 is blue
- Saturation (0-100%):0% is desaturated, 100% is full saturation
- Lightness (0-100%):0% is black, 100% is white
*/
:root {
--base-h:0;
/* Base hue */
--base-s:0%;
/* Base saturation */
--base-d:15%;
/* Base lightness Dark Mode - 0 is black */
--base-l:96%;
/* Base lightness Light Mode - 100 is white */
--accent-h:201;
/* Accent hue */
--accent-s:17%;
/* Accent saturation */
--accent-d:60%;
/* Accent lightness Dark Mode */
--accent-l:50%;
/* Accent lightness Light Mode */
--red:#d04255;
--yellow:#e5b567;
--green:#a8c373;
--orange:#d5763f;
--cyan:#73bbb2;
--blue:#6c99bb;
--purple:#9e86c8;
--pink:#b05279; }
.theme-light,
.theme-light.minimal-default-light,
body .excalidraw {
--accent-l:50%;
--base-l:96%;
--bg1:white;
--bg2:
hsl(
var(--base-h),
var(--base-s),
var(--base-l)
);
--bg3:
hsla(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 50%),
0.12
);
--ui1:
hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 6%)
);
--ui2:
hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 12%)
);
--ui3:
hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 20%)
);
--tx1:
hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 90%)
);
--tx2:
hsl(
var(--base-h),
calc(var(--base-s) - 20%),
calc(var(--base-l) - 45%)
);
--tx3:
hsl(
var(--base-h),
calc(var(--base-s) - 10%),
calc(var(--base-l) - 25%)
);
--tx4:
hsl(
var(--base-h),
calc(var(--base-s) - 10%),
calc(var(--base-l) - 60%)
);
--ax1:
hsl(
var(--accent-h),
var(--accent-s),
var(--accent-l)
);
--ax2:
hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-l) - 10%)
);
--ax3:
hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-l) + 10%)
);
--hl1:
hsla(
var(--accent-h),
50%,
calc(var(--base-l) - 20%),
30%
);
--hl2:rgba(255, 225, 0, 0.5); }
.theme-light.minimal-light-contrast .titlebar,
.theme-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark,
.theme-dark.minimal-default-dark,
.excalidraw.theme--dark {
--accent-l:60%;
--base-l:15%;
--bg1:
hsl(
var(--base-h),
var(--base-s),
var(--base-l)
);
--bg2:
hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) - 2%)
);
--bg3:
hsla(
var(--base-h),
var(--base-s),
calc(var(--base-l) + 40%),
0.12
);
--ui1:
hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) + 6%)
);
--ui2:
hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) + 12%)
);
--ui3:
hsl(
var(--base-h),
var(--base-s),
calc(var(--base-l) + 20%)
);
--tx1:
hsl(
var(--base-h),
calc(var(--base-s) - 10%),
calc(var(--base-l) + 67%)
);
--tx2:
hsl(
var(--base-h),
calc(var(--base-s) - 20%),
calc(var(--base-l) + 45%)
);
--tx3:
hsl(
var(--base-h),
calc(var(--base-s) - 10%),
calc(var(--base-l) + 20%)
);
--tx4:
hsl(
var(--base-h),
calc(var(--base-s) - 10%),
calc(var(--base-l) + 50%)
);
--ax1:
hsl(
var(--accent-h),
var(--accent-s),
var(--accent-l)
);
--ax2:
hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-l) + 12%)
);
--ax3:
hsl(
var(--accent-h),
var(--accent-s),
calc(var(--accent-l) - 12%)
);
--hl1:
hsla(
var(--accent-h),
70%,
40%,
30%
);
--hl2:rgba(255, 177, 80, 0.3);
--sp1:#fff; }
.theme-light.minimal-light-white {
--background-primary: white;
--background-secondary: white;
--background-secondary-alt: white; }
.theme-dark.minimal-dark-black {
--base-d:0%;
--background-primary: black;
--background-secondary: black;
--background-secondary-alt: black;
--background-tertiary:
hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 10%)) ;
--tx1:hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 75%)
);
--tx2:hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 50%)
);
--tx3:hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 25%)
);
--ui1:hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 12%)
);
--ui2:hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 20%)
);
--ui3:hsl(
var(--base-h),
var(--base-s),
calc(var(--base-d) + 30%)
); }
/* Map colors to semantic Obsidian names */
.theme-light {
--mono100:black;
--mono0:white; }
.theme-dark {
--mono100:white;
--mono0:black; }
.theme-light,
.theme-dark {
--h1-color:var(--text-normal);
--h2-color:var(--text-normal);
--h3-color:var(--text-normal);
--h4-color:var(--text-normal);
--h5-color:var(--text-normal);
--h6-color:var(--text-muted); }
.theme-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-light-contrast .titlebar,
.theme-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark,
.theme-light,
.excalidraw.theme--dark,
body .excalidraw {
--text-normal: var(--tx1);
--text-bold: var(--tx1);
--text-italic: var(--tx1);
--text-muted: var(--tx2);
--text-faint: var(--tx3);
--title-color: var(--tx1);
--title-color-inactive: var(--tx2);
--text-code: var(--tx4);
--text-error: var(--red);
--text-blockquote: var(--tx2);
--text-accent: var(--ax1);
--text-accent-hover: var(--ax2);
--text-on-accent: white;
--text-selection: var(--hl1);
--text-highlight-bg: var(--hl2);
--background-primary: var(--bg1);
--background-primary-alt: var(--bg2);
--background-secondary: var(--bg2);
--background-secondary-alt: var(--bg1);
--background-tertiary: var(--bg3);
--background-table-rows: var(--bg2);
--background-modifier-form-field: var(--bg1);
--background-modifier-form-field-highlighted:
var(--bg1);
--interactive-hover: var(--ui1);
--interactive-accent: var(--ax3);
--interactive-accent-hover: var(--ax3);
--background-modifier-accent: var(--ax3);
--background-modifier-border: var(--ui1);
--background-modifier-border-hover: var(--ui2);
--background-modifier-border-focus: var(--ui3);
--background-modifier-success: var(--green);
--background-divider: var(--ui1);
--scrollbar-bg: transparent;
--scrollbar-thumb-bg: var(--ui1);
--scrollbar-active-thumb-bg: var(--ui3);
--quote-opening-modifier: var(--ui2);
--modal-border: var(--ui2);
--icon-color: var(--tx2);
--icon-color-hover: var(--tx2);
--icon-color-active: var(--tx1);
--icon-hex: var(--mono0);
--tag-color: var(--tx2);
--tag-bg: transparent;
--tag-bg2: transparent;
--shadow-m:
0px 2.7px 6.7px rgba(0, 0, 0, 0.04),
0px 8.9px 22.3px rgba(0, 0, 0, 0.06),
0px 40px 100px rgba(0, 0, 0, 0.1);
--shadow-l:
0px 0.8px 4.2px rgba(0, 0, 0, 0.014),
0px 2px 10px rgba(0, 0, 0, 0.02),
0px 3.8px 18.8px rgba(0, 0, 0, 0.025),
0px 6.7px 33.5px rgba(0, 0, 0, 0.03),
0px 12.5px 62.7px rgba(0, 0, 0, 0.036),
0px 30px 150px rgba(0, 0, 0, 0.05); }
.theme-light,
body .excalidraw {
--interactive-normal: var(--bg1);
--interactive-accent-rgb:220, 220, 220;
--active-line-bg:rgba(0,0,0,0.035);
--background-modifier-cover:hsla(var(--base-h),calc(var(--base-s) - 50%),calc(var(--base-l) - 7%),0.7);
--text-highlight-bg-active:rgba(0, 0, 0, 0.1);
/* Errors */
--background-modifier-error:rgba(255,0,0,0.14);
--background-modifier-error-hover:rgba(255,0,0,0.08);
/* Shadows */
--shadow-color:rgba(0, 0, 0, 0.1);
--btn-shadow-color:rgba(0, 0, 0, 0.05); }
.theme-dark,
.excalidraw.theme--dark {
--interactive-normal: var(--bg3);
--interactive-accent-rgb:66, 66, 66;
--active-line-bg:rgba(255,255,255,0.04);
--background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-d) - 12%),0.7);
--text-highlight-bg-active:rgba(255, 255, 255, 0.1);
/* Errors */
--background-modifier-error:rgba(255,20,20,0.12);
--background-modifier-error-hover:rgba(255,20,20,0.18);
/* Shadows */
--background-modifier-box-shadow:rgba(0, 0, 0, 0.3);
--shadow-color:rgba(0, 0, 0, 0.3);
--btn-shadow-color:rgba(0, 0, 0, 0.2); }
.theme-light.minimal-light-white {
--background-table-rows: var(--bg2); }
.theme-light.minimal-light-tonal {
--background-primary: var(--bg2);
--background-primary-alt: var(--bg3);
--background-table-rows: var(--bg3); }
.theme-dark.minimal-dark-tonal {
--background-secondary: var(--bg1);
--background-table-rows: var(--bg3); }
.theme-dark.minimal-dark-black {
--background-primary-alt: var(--bg3);
--background-table-rows: var(--bg3);
--modal-border: var(--ui2);
--active-line-bg:rgba(255,255,255,0.085);
--background-modifier-form-field: var(--bg3);
--background-modifier-cover:hsla(var(--base-h),var(--base-s),calc(var(--base-d) + 8%),0.9);
--background-modifier-box-shadow:rgba(0, 0, 0, 1); }
/* Desktop font sizes */
body {
--font-adaptive-normal:var(--font-text-size,var(--editor-font-size));
--font-adaptive-small:var(--font-small);
--font-adaptive-smaller:var(--font-smaller);
--font-adaptive-smallest:var(--font-smallest);
--line-width-adaptive:var(--line-width);
--line-width-wide:calc(var(--line-width) + 12.5%);
--font-code:calc(var(--font-adaptive-normal) * 0.9);
--table-font-size:calc(var(--font-adaptive-normal) * 0.875); }
/* Phone font sizes */
@media (max-width: 400pt) {
.is-mobile {
--font-adaptive-small:calc(var(--font-small) + 2px);
--font-adaptive-smaller:calc(var(--font-smaller) + 2px);
--font-adaptive-smallest:calc(var(--font-smallest) + 2px);
--max-width:88%; } }
/* Tablet font sizes */
@media (min-width: 400pt) {
.is-mobile {
--font-adaptive-small:calc(var(--font-small) + 3px);
--font-adaptive-smaller:calc(var(--font-smaller) + 2px);
--font-adaptive-smallest:calc(var(--font-smallest) + 2px);
--line-width-adaptive:calc(var(--line-width) + 6rem);
--max-width:90%; } }
/* Disabled features */
/* Disabled features */
/* Search counts */
.tree-item-flair:not(.tag-pane-tag-count) {
display: none; }
/* Folder name */
.tree-item-inner-subtext {
display: none; }
/* Obsidian */
/* Block width snippet */
.minimal-dev-block-width {
/* Green — Folding offset width */
/* Red — Max width */
/* Orange — Wide line width*/
/* Blue — Normal line width */ }
.minimal-dev-block-width .mod-root .workspace-leaf-content:after {
display: flex;
align-items: flex-end;
content: "\00a0pane\00a0";
font-size: 12px;
color: gray;
font-family: var(--font-monospace);
width: 100%;
max-width: 100%;
height: 100vh;
top: 0;
z-index: 999;
position: fixed;
pointer-events: none; }
.minimal-dev-block-width.minimal-readable .mod-root .view-header:after {
display: flex;
align-items: flex-end;
color: green;
font-size: 12px;
font-family: var(--font-monospace);
content: " ";
width: var(--folding-offset);
height: 100vh;
border-left: 1px solid green;
border-right: 1px solid green;
background-color: rgba(0, 128, 0, 0.1);
top: 0;
left: max(calc(50% - var(--line-width-adaptive)/2 - 1px), calc(50% - var(--max-width)/2 - 1px));
z-index: 999;
position: fixed;
pointer-events: none; }
.minimal-dev-block-width.minimal-readable-off .mod-root .view-header:after {
display: flex;
align-items: flex-end;
color: green;
font-size: 12px;
font-family: var(--font-monospace);
content: " ";
width: var(--folding-offset);
height: 100vh;
border-left: 1px solid green;
border-right: 1px solid green;
background-color: rgba(0, 128, 0, 0.1);
top: 0;
left: calc(50% - var(--max-width)/2 - 1px);
z-index: 999;
position: fixed;
pointer-events: none; }
.minimal-dev-block-width .mod-root .view-content:before {
display: flex;
align-items: flex-end;
content: "\00a0max\00a0";
font-size: 12px;
color: red;
width: var(--max-width);
height: 100vh;
border-left: 1px solid red;
border-right: 1px solid red;
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 999;
position: fixed;
pointer-events: none; }
.minimal-dev-block-width.minimal-readable .mod-root .view-header:before {
display: flex;
align-items: flex-end;
content: "\00a0wide\00a0";
font-size: 12px;
color: orange;
font-family: var(--font-monospace);
width: var(--line-width-wide);
max-width: var(--max-width);
height: 100vh;
border-left: 1px solid orange;
border-right: 1px solid orange;
background-color: rgba(255, 165, 0, 0.05);
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 999;
position: fixed;
pointer-events: none; }
.minimal-dev-block-width.minimal-readable .mod-root .view-content:after {
display: flex;
align-items: flex-end;
color: blue;
font-size: 12px;
font-family: var(--font-monospace);
content: "\00a0normal";
width: var(--line-width-adaptive);
max-width: var(--max-width);
height: 100vh;
border-left: 1px solid blue;
border-right: 1px solid blue;
background-color: rgba(0, 0, 255, 0.08);
top: 0;
left: 50%;
transform: translate(-50%, 0);
z-index: 999;
position: fixed;
pointer-events: none; }
/* Obsidian */
/* Blockquotes */
/* Preview */
.markdown-preview-view blockquote {
border-radius: 0;
border: solid var(--quote-opening-modifier);
border-width: 0px 0px 0px 1px;
background-color: transparent;
padding: 0 0 0 var(--nested-padding);
margin-inline-start: 0;
margin-inline-end: 0;
font-size: var(--blockquote-size);
font-style: var(--blockquote-style);
color: var(--text-blockquote); }
.cm-s-obsidian span.cm-quote,
.markdown-preview-view blockquote em,
.markdown-preview-view blockquote strong {
color: var(--text-blockquote); }
/* Editor */
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote,
.markdown-source-view.mod-cm6 .HyperMD-quote {
background-color: transparent;
color: var(--text-blockquote);
font-size: var(--blockquote-size);
font-style: var(--blockquote-style);
border-left: 1px solid var(--quote-opening-modifier); }
.markdown-source-view.mod-cm6 .cm-blockquote-border {
width: 20px;
display: inline-block;
border-left: none;
border-right: 1px solid var(--quote-opening-modifier); }
.markdown-source-view.mod-cm6 .cm-hmd-indent-in-quote {
margin-left: 10px; }
.is-live-preview .cm-hmd-indent-in-quote {
color: var(--text-faint); }
/* Callouts */
.is-live-preview.is-readable-line-width > .cm-callout .callout {
max-width: var(--max-width);
margin: 0 auto; }
/* Checklists, task lists, checkboxes */
:root {
--checkbox-size:17px;
--checkbox-icon:20px;
--checkbox-radius:50%;
--checkbox-top:2px;
--checkbox-left:0px;
--checkbox-margin:0px 6px 0px -1.35em; }
.checkbox-square {
--checkbox-size:15px;
--checkbox-icon:17px;
--checkbox-radius:4px;
--checkbox-top:1px;
--checkbox-left:0px;
--checkbox-margin:0px 8px 0px -1.35em; }
input[type=checkbox] {
-webkit-appearance: none;
appearance: none;
border-radius: var(--checkbox-radius);
border: 1px solid var(--text-faint);
padding: 0;
margin: 0 6px 0 0;
width: var(--checkbox-size);
height: var(--checkbox-size); }
input[type=checkbox]:hover,
input[type=checkbox]:focus {
outline: 0;
border-color: var(--text-muted); }
.checklist-plugin-main .group .compact > .toggle .checked,
.is-flashing input[type=checkbox]:checked,
input[type=checkbox]:checked {
background-color: var(--background-modifier-accent);
border: 1px solid var(--background-modifier-accent);
background-position: 44% 55%;
background-size: 70%;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml; utf8, <svg width="12px" height="10px" viewBox="0 0 12 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-4.000000, -6.000000)" fill="%23ffffff"><path d="M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999"></path></g></g></svg>'); }
.markdown-preview-section > .contains-task-list {
padding-bottom: 0.5em; }
body .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:not([data-task=" "]),
body .markdown-preview-view ul > li.task-list-item.is-checked {
text-decoration: none;
color: var(--text-normal); }
body.minimal-strike-lists .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="x"]),
body.minimal-strike-lists .markdown-preview-view ul li[data-task="x"].task-list-item.is-checked,
body.minimal-strike-lists li[data-task="x"].task-list-item.is-checked {
color: var(--text-faint);
text-decoration: line-through; }
/* Preview offset */
ul > li.task-list-item .task-list-item-checkbox {
margin-left: -1.35em; }
/* Editor */
.mod-cm6 .HyperMD-task-line[data-task] .task-list-item-checkbox {
margin: -2px 1px 0 -0.6em; }
.is-mobile .mod-cm6 .HyperMD-task-line[data-task] .task-list-item-checkbox {
margin-left: -0.4em; }
.is-mobile .markdown-preview-view input[type=checkbox].task-list-item-checkbox {
top: 0.2em; }
.task-list-item-checkbox,
.markdown-preview-view .task-list-item-checkbox {
filter: none;
width: var(--checkbox-size);
height: var(--checkbox-size); }
.markdown-preview-view .task-list-item-checkbox {
position: relative;
top: var(--checkbox-top);
left: var(--checkbox-left);
line-height: 0;
margin: var(--checkbox-margin); }
.markdown-preview-view ul > li.task-list-item {
text-indent: 0;
line-height: var(--line-height); }
.markdown-preview-view .task-list-item {
padding-inline-start: 0; }
.side-dock-plugin-panel-inner {
padding-right: 6px;
padding-left: 6px; }
/* Code blocks */
/* Live Preview */
.markdown-source-view.mod-cm6.is-readable-line-width .cm-editor .HyperMD-codeblock.cm-line,
.mod-cm6 .cm-editor .HyperMD-codeblock.cm-line {
padding-left: 10px;
padding-right: 10px; }
/* Reading */
.cm-s-obsidian span.cm-inline-code,
.markdown-rendered code,
.markdown-preview-view code {
color: var(--text-code);
font-size: var(--font-code); }
.markdown-preview-view td code,
.markdown-source-view.mod-cm6 td code {
font-size: calc(var(--font-code) - 2px); }
.markdown-preview-view pre code {
background-color: transparent; }
.markdown-preview-view pre,
.markdown-source-view.mod-cm6 .cm-preview-code-block pre.dataview-error,
.mod-cm6 .cm-editor .HyperMD-codeblock.cm-line,
.cm-s-obsidian .HyperMD-codeblock {
color: var(--text-code);
font-size: var(--font-code); }
button.copy-code-button {
cursor: var(--cursor);
box-shadow: none;
font-size: var(--font-adaptive-smaller);
background-color: transparent;
color: var(--text-faint);
padding: 0.25em 0.75em; }
button.copy-code-button:hover {
background-color: var(--interactive-normal);
color: var(--text-muted); }
.theme-light :not(pre) > code[class*="language-"],
.theme-light pre[class*="language-"] {
background-color: var(--background-primary-alt); }
.theme-light code[class*="language-"],
.theme-light pre[class*="language-"] {
text-shadow: none; }
.markdown-source-view.mod-cm6 .code-block-flair {
font-size: var(--font-smaller);
padding: 5px 0;
color: var(--text-muted); }
.cm-s-obsidian .hmd-fold-html-stub,
.cm-s-obsidian .hmd-fold-code-stub,
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code,
.cm-s-obsidian .cm-formatting-hashtag,
.cm-s-obsidian .cm-inline-code,
.cm-s-obsidian .HyperMD-codeblock,
.cm-s-obsidian .HyperMD-hr,
.cm-s-obsidian .cm-hmd-frontmatter,
.cm-s-obsidian .cm-hmd-orgmode-markup,
.cm-s-obsidian .cm-formatting-code,
.cm-s-obsidian .cm-math,
.cm-s-obsidian span.hmd-fold-math-placeholder,
.cm-s-obsidian .CodeMirror-linewidget kbd,
.cm-s-obsidian .hmd-fold-html kbd
.CodeMirror-code {
font-family: var(--font-monospace); }
/* Drag ghost */
body.is-dragging {
cursor: grabbing;
cursor: -webkit-grabbing; }
.workspace-drop-overlay:before,
.mod-drag {
opacity: 0;
border-radius: 0 !important; }
.drag-ghost,
.drag-ghost.mod-leaf {
border: none;
background-color: rgba(0, 0, 0, 0.7);
font-size: var(--font-adaptive-small);
padding: 3px 8px 4px;
color: white;
font-weight: 500;
border-radius: 5px; }
.drag-ghost-icon {
display: none; }
.drag-ghost-self svg {
margin-right: 4px;
opacity: 0.5;
display: none; }
.drag-ghost-action {
padding: 0;
font-weight: 400;
color: rgba(255, 255, 255, 0.7);
font-size: var(--font-adaptive-smaller); }
.mod-drag {
opacity: 0;
border: 2px solid var(--text-accent);
background-color: var(--background-primary); }
.view-header.is-highlighted:after {
background-color: var(--text-selection); }
.view-header.is-highlighted .view-actions {
background: transparent; }
/*
.workspace-fake-target-overlay,
.workspace-fake-target-overlay.is-in-sidebar,
.workspace-drop-overlay,
.view-header.is-highlighted:after {
opacity:0;
background-color:var(--background-primary);
}
*/
/* Editor mode (CodeMirror 6 Live Preview) */
/* Fix strange Obsidian ghost textearea bug on right click */
.CodeMirror-wrap > div > textarea {
opacity: 0; }
.markdown-source-view.mod-cm6 hr {
border-width: 2px; }
.mod-cm6 .cm-editor .cm-line {
padding: 0; }
.cm-editor .cm-content {
padding-top: 0.5em; }
.markdown-source-view {
color: var(--text-normal); }
.markdown-source-view.mod-cm6 .cm-scroller {
padding-top: 15px;
padding-left: 0;
padding-right: 0; }
/* Gutters */
body:not(.is-mobile) .markdown-source-view.mod-cm6 .cm-gutters {
position: absolute !important;
z-index: 0; }
.cm-editor .cm-lineNumbers .cm-gutterElement {
min-width: 25px; }
/* Line numbers */
@media (max-width: 400pt) {
.cm-editor .cm-lineNumbers .cm-gutterElement {
padding-right: 4px;
padding-left: 8px; } }
.cm-editor .cm-lineNumbers .cm-gutterElement {
font-variant-numeric: tabular-nums; }
.cm-editor .cm-lineNumbers .cm-gutterElement.cm-active,
.cm-editor .cm-gutterElement.cm-active .cm-heading-marker {
color: var(--text-muted); }
/* Code execution blocks, e.g. Dataview */
.markdown-source-view.mod-cm6 .edit-block-button {
cursor: var(--cursor);
color: var(--text-faint);
background-color: var(--background-primary);
top: 0;
right: auto;
left: 0px;
opacity: 0;
transition: opacity 200ms;
padding: 4px 4px 4px 9px; }
.markdown-source-view.mod-cm6 .edit-block-button svg {
margin: 0 !important; }
.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .edit-block-button {
width: 30px !important;
padding-left: 7px !important;
transform: none !important;
margin-left: 0 !important; }
.is-live-preview:not(.is-readable-line-width) .cm-embed-block > .edit-block-button {
padding-left: 0px !important;
margin-left: 0 !important;
transform: none !important;
right: 0;
left: auto;
padding: 4px; }
.markdown-source-view.mod-cm6 .edit-block-button:hover {
background-color: var(--background-primary);
color: var(--text-muted); }
.markdown-source-view.mod-cm6 .edit-block-button svg {
opacity: 1;
width: var(--icon-size);
height: var(--icon-size); }
.markdown-source-view.mod-cm6 .edit-block-button:hover svg {
opacity: 1; }
.markdown-source-view.mod-cm6 .cm-embed-block {
padding: 0;
border: 0;
border-radius: 0; }
.markdown-source-view.mod-cm6 .cm-embed-block:hover {
border: 0; }
/* Live Preview folding */
.markdown-source-view.mod-cm6 .cm-foldPlaceholder {
color: var(--text-faint); }
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote {
background-color: transparent;
border-left-width: 1px; }
.cm-editor .cm-foldPlaceholder,
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator {
cursor: var(--cursor); }
.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-list-line-1 .cm-fold-indicator .collapse-indicator {
right: 8px; }
.markdown-source-view.mod-cm6 .HyperMD-list-line.HyperMD-task-line:not(.HyperMD-list-line-1) .cm-fold-indicator .collapse-indicator {
right: 8px;
width: auto; }
.markdown-source-view.mod-cm6 .HyperMD-list-line:not(.HyperMD-list-line-1) .cm-fold-indicator .collapse-indicator {
right: -8px;
top: 1px;
width: 26px; }
ul > li.is-collapsed::marker,
.markdown-source-view.mod-cm6 .is-collapsed ~ .cm-formatting-list .list-bullet:after {
color: var(--text-accent); }
.cm-gutterElement .collapse-indicator,
.markdown-source-view.mod-cm6 .cm-fold-indicator .collapse-indicator,
.markdown-source-view.mod-cm6 .fold-gutter {
opacity: 0; }
.cm-gutterElement:hover .collapse-indicator,
.cm-gutterElement .is-collapsed .collapse-indicator,
.markdown-source-view.mod-cm6 .cm-line:hover .cm-fold-indicator .collapse-indicator,
.markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator,
.markdown-source-view.mod-cm6 .fold-gutter.is-collapsed,
.markdown-source-view.mod-cm6 .fold-gutter:hover,
.markdown-source-view.mod-cm6 .cm-fold-indicator.is-collapsed .collapse-indicator svg {
opacity: 1; }
/* Live Preview text selection */
.markdown-source-view.mod-cm6 .cm-line .cm-selection,
.markdown-source-view.mod-cm6 .cm-line .cm-inline-code .cm-selection {
background-color: var(--text-selection); }
.cm-selectionBackground {
background-color: transparent !important; }
body .markdown-source-view.mod-cm6.is-readable-line-width:not(.is-rtl) .cm-contentContainer {
max-width: 100%; }
body:not(.is-mobile).minimal-folding .markdown-source-view.mod-cm6.is-readable-line-width .cm-contentContainer {
max-width: 100%; }
/* Editor mode (Legacy) */
.theme-light .token.operator,
.theme-light .token.entity,
.theme-light .token.url,
.theme-light .language-css .token.string,
.theme-light .style .token.string,
.theme-light .cm-operator,
.theme-light .cm-string,
.theme-light .cm-string-2,
.theme-light .cm-link {
background-color: transparent; }
.markdown-source-view.mod-cm6,
.markdown-source-view.mod-cm5,
.markdown-source-view {
padding: 0; }
.cm-s-obsidian .CodeMirror-code {
padding-right: 0; }
.CodeMirror-lines {
padding-bottom: 170px; }
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
padding-left: 0;
padding-right: 0; }
.cm-s-obsidian pre.HyperMD-list-line {
padding-top: 0; }
.workspace .markdown-preview-view {
padding: 0; }
.workspace .markdown-preview-view .markdown-embed {
margin: 0; }
.workspace .markdown-preview-view .markdown-embed-content {
max-height: none; }
.markdown-embed-title,
.internal-embed .markdown-preview-section {
max-width: 100%; }
.CodeMirror-linenumber {
font-size: var(--font-adaptive-small) !important;
font-feature-settings: 'tnum';
color: var(--text-faint);
padding-top: 3px; }
span.cm-image-marker,
.cm-s-obsidian span.cm-footref.cm-formatting.cm-formatting-link.cm-formatting-link-end,
.cm-s-obsidian .cm-formatting-link + span.cm-link.cm-formatting.cm-formatting-link-end,
.cm-s-obsidian .cm-active span.cm-link.cm-hmd-barelink.cm-formatting-link-start,
.cm-s-obsidian span.cm-link.cm-hmd-barelink.cm-formatting-link-start,
.cm-s-obsidian span.cm-formatting-link {
color: var(--text-faint); }
/* Editor Mode Footnotes */
.cm-s-obsidian span.cm-footref {
font-size: var(--font-adaptive-normal); }
.cm-s-obsidian pre.HyperMD-footnote {
font-size: var(--font-adaptive-small);
padding-left: 20px; }
/* Editor Mode Quotes */
.cm-formatting-quote {
color: var(--text-faint) !important; }
/* Transcluded notes and embeds */
/* Strict embeds (naked) */
.embed-strict .internal-embed .markdown-embed {
padding: 0;
border: none; }
.embed-strict .internal-embed .markdown-embed .markdown-embed-title {
display: none; }
.embed-strict .internal-embed:not([src*="#^"]) .markdown-embed-link {
width: 30px; }
.embed-strict.contextual-typography .internal-embed .markdown-preview-view .markdown-preview-sizer > div,
.contextual-typography .embed-strict .internal-embed .markdown-preview-view .markdown-preview-sizer > div {
margin: 0;
width: 100%; }
.markdown-embed .markdown-preview-view .markdown-preview-sizer {
padding-bottom: 0 !important; }
.markdown-preview-view.markdown-embed .markdown-preview-sizer,
.markdown-preview-view.is-readable-line-width .markdown-embed .markdown-preview-sizer {
max-width: 100%;
width: 100%;
min-height: 0 !important;
padding-bottom: 0 !important; }
.markdown-embed .markdown-preview-section div:last-child p,
.markdown-embed .markdown-preview-section div:last-child ul {
margin-block-end: 2px; }
.markdown-preview-view .markdown-embed {
margin-top: var(--nested-padding);
padding: 0 calc(var(--nested-padding) / 2) 0 var(--nested-padding); }
.markdown-embed-title {
line-height: 18px;
height: 24px; }
.internal-embed:not([src*="#^"]) .markdown-embed-link {
right: 0;
width: 100%; }
.markdown-embed-link,
.file-embed-link {
top: 0px;
right: 0;
text-align: right; }
.file-embed-link svg,
.markdown-embed-link svg {
width: 16px;
height: 16px;
opacity: 0; }
.markdown-embed .file-embed-link:hover svg,
.markdown-embed .markdown-embed-link:hover svg {
opacity: 1; }
.markdown-embed-link:hover, .file-embed-link:hover {
color: var(--text-muted); }
.markdown-preview-view .markdown-embed-content > .markdown-preview-view {
max-height: none !important; }
.markdown-embed-content {
max-height: none !important; }
.markdown-embed .markdown-preview-view {
padding: 0; }
.internal-embed .markdown-embed {
border: 0;
border-left: 1px solid var(--quote-opening-modifier);
border-radius: 0; }
/* Headings and fonts */
h1, h2, h3, h4, h5, strong {
font-weight: var(--bold-weight); }
h1, h2, h3, h4 {
letter-spacing: -0.02em; }
body, input, button {
font-family: var(--font-interface); }
.cm-s-obsidian span.cm-error {
color: var(--red); }
.markdown-preview-view,
.popover,
.workspace-leaf-content[data-type=markdown] {
font-family: var(--font-text); }
body, input, button,
.markdown-preview-view,
.markdown-source-view.mod-cm6.is-live-preview .cm-scroller,
.cm-s-obsidian,
.cm-s-obsidian .cm-formatting-hashtag {
font-size: var(--font-adaptive-normal);
font-weight: var(--normal-weight);
line-height: var(--line-height);
-webkit-font-smoothing: subpixel-antialiased; }
.markdown-source-view.mod-cm6 .cm-scroller,
.markdown-source-view,
.cm-s-obsidian .cm-formatting-hashtag,
.cm-s-obsidian,
.cm-s-obsidian span.cm-formatting-task {
line-height: var(--line-height);
font-family: var(--font-editor);
-webkit-font-smoothing: subpixel-antialiased; }
/* Use reading font in live preview */
.lp-reading-font .markdown-source-view.mod-cm6.is-live-preview .cm-scroller {
font-family: var(--font-text); }
.cm-s-obsidian span.cm-formatting-task {
font-family: var(--font-editor);
line-height: var(--line-height); }
.cm-s-obsidian .cm-header,
.cm-s-obsidian .cm-strong {
font-weight: var(--bold-weight); }
strong,
.cm-s-obsidian .cm-strong {
color: var(--text-bold); }
em,
.cm-s-obsidian .cm-em {
color: var(--text-italic); }
.cm-formatting-header,
.cm-s-obsidian .cm-formatting-header.cm-header-1,
.cm-s-obsidian .cm-formatting-header.cm-header-2,
.cm-s-obsidian .cm-formatting-header.cm-header-3,
.cm-s-obsidian .cm-formatting-header.cm-header-4,
.cm-s-obsidian .cm-formatting-header.cm-header-5,
.cm-s-obsidian .cm-formatting-header.cm-header-6 {
color: var(--text-faint); }
.view-header-title,
.file-embed-title,
.markdown-embed-title {
letter-spacing: -0.02em;
text-align: left;
font-size: var(--title-size);
font-weight: var(--title-weight); }
.view-header-title {
color: var(--title-color-inactive); }
.file-embed-title,
.markdown-embed-title,
.workspace-leaf.mod-active .view-header-title {
color: var(--title-color); }
.cm-s-obsidian .HyperMD-header {
line-height: 1.3; }
.mod-cm6 .cm-editor .HyperMD-header-1,
.mod-cm6 .cm-editor .HyperMD-header-2,
.mod-cm6 .cm-editor .HyperMD-header-3,
.mod-cm6 .cm-editor .HyperMD-header-4,
.mod-cm6 .cm-editor .HyperMD-header-5,
.mod-cm6 .cm-editor .HyperMD-header-6 {
padding-top: 0.5em; }
h1,
.empty-state-title,
.markdown-rendered h1,
.markdown-preview-view h1,
.cm-s-obsidian .cm-header-1 {
font-variant: var(--h1-variant);
letter-spacing: -0.02em;
line-height: 1.3;
font-family: var(--h1-font);
font-size: var(--h1);
color: var(--h1-color);
font-weight: var(--h1-weight);
font-style: var(--h1-style); }
h1 a,
.empty-state-title a,
.markdown-rendered h1 a,
.markdown-preview-view h1 a,
.cm-s-obsidian .cm-header-1 a {
font-weight: var(--h1-weight); }
.markdown-rendered h2,
.markdown-preview-view h2,
.cm-s-obsidian .cm-header-2 {
font-variant: var(--h2-variant);
letter-spacing: -0.01em;
line-height: 1.3;
font-family: var(--h2-font);
font-size: var(--h2);
color: var(--h2-color);
font-weight: var(--h2-weight);
font-style: var(--h2-style); }
.markdown-rendered h2 a,
.markdown-preview-view h2 a,
.cm-s-obsidian .cm-header-2 a {
font-weight: var(--h2-weight); }
.markdown-rendered h3,
.markdown-preview-view h3,
.cm-s-obsidian .cm-header-3 {
font-variant: var(--h3-variant);
letter-spacing: -0.01em;
line-height: 1.4;
font-family: var(--h3-font);
font-size: var(--h3);
color: var(--h3-color);
font-weight: var(--h3-weight);
font-style: var(--h3-style); }
.markdown-rendered h3 a,
.markdown-preview-view h3 a,
.cm-s-obsidian .cm-header-3 a {
font-weight: var(--h3-weight); }
.markdown-rendered h4,
.markdown-preview-view h4,
.cm-s-obsidian .cm-header-4 {
font-variant: var(--h4-variant);
letter-spacing: 0.02em;
font-family: var(--h4-font);
font-size: var(--h4);
color: var(--h4-color);
font-weight: var(--h4-weight);
font-style: var(--h4-style); }
.markdown-rendered h4 a,
.markdown-preview-view h4 a,
.cm-s-obsidian .cm-header-4 a {
font-weight: var(--h4-weight); }
.markdown-rendered h5,
.markdown-preview-view h5,
.cm-s-obsidian .cm-header-5 {
font-variant: var(--h5-variant);
letter-spacing: 0.02em;
font-family: var(--h5-font);
font-size: var(--h5);
color: var(--h5-color);
font-weight: var(--h5-weight);
font-style: var(--h5-style); }
.markdown-rendered h5 a,
.markdown-preview-view h5 a,
.cm-s-obsidian .cm-header-5 a {
font-weight: var(--h5-weight); }
.markdown-rendered h6,
.markdown-preview-view h6,
.cm-s-obsidian .cm-header-6 {
font-variant: var(--h6-variant);
letter-spacing: 0.02em;
font-family: var(--h6-font);
font-size: var(--h6);
color: var(--h6-color);
font-weight: var(--h6-weight);
font-style: var(--h6-style); }
.markdown-rendered h6 a,
.markdown-preview-view h6 a,
.cm-s-obsidian .cm-header-6 a {
font-weight: var(--h6-weight); }
/* Footnotes */
/* Preview mode */
.footnotes-list {
margin-block-start: -10px;
padding-inline-start: 20px;
font-size: var(--font-adaptive-small); }
.footnotes-list p {
display: inline;
margin-block-end: 0;
margin-block-start: 0; }
.footnote-ref a {
text-decoration: none; }
.footnote-backref {
color: var(--text-faint); }
.footnotes .is-flashing,
.minimal-folding .footnotes .is-flashing {
box-shadow: -1px 0px 0 3px var(--text-highlight-bg); }
.cm-s-obsidian .HyperMD-footnote,
.footnotes {
font-size: calc(var(--font-adaptive-normal) - 2px); }
.markdown-preview-view .footnotes hr {
margin: 0.5em 0 1em;
border-width: 1px 0 0 0; }
/* YAML Frontmatter */
.theme-dark pre.frontmatter[class*="language-yaml"],
.theme-light pre.frontmatter[class*="language-yaml"] {
padding: 0 0 0px 0;
background: transparent;
font-family: var(--font-text);
line-height: 1.2;
border-radius: 0;
border-bottom: 0px solid var(--background-modifier-border); }
.markdown-preview-view .table-view-table > thead > tr > th {
border-color: var(--background-modifier-border); }
.theme-dark .frontmatter .token,
.theme-light .frontmatter .token,
.markdown-preview-section .frontmatter code {
font-family: var(--font-text);
color: var(--text-faint) !important; }
.markdown-source-view .cm-s-obsidian .cm-hmd-frontmatter {
font-family: var(--font-editor);
color: var(--text-muted); }
.markdown-preview-section .frontmatter code {
color: var(--text-muted);
font-size: var(--font-adaptive-small); }
.cm-s-obsidian .cm-hmd-frontmatter,
.cm-s-obsidian .cm-def.cm-hmd-frontmatter {
font-size: var(--font-adaptive-small);
color: var(--text-muted); }
/* Preview mode */
.frontmatter code.language-yaml {
padding: 0; }
.frontmatter-collapse-indicator.collapse-indicator {
display: none; }
.frontmatter-container .tag {
font-size: var(--font-adaptive-smaller); }
.frontmatter-container .frontmatter-alias {
color: var(--text-muted); }
.frontmatter-container {
font-size: var(--font-adaptive-small);
padding: 10px 0;
background: transparent;
border-radius: 0;
margin: 0;
border: 0;
border-bottom: 1px solid var(--background-modifier-border); }
.frontmatter-container .frontmatter-container-header {
padding: 0;
font-weight: 500;
border-bottom: 0;
font-size: var(--font-adaptive-small); }
/* File browser */
.is-mobile .nav-folder.mod-root > .nav-folder-title .nav-folder-title-content {
display: none; }
.nav-file-tag {
font-weight: 400; }
.nav-header {
padding: 0; }
.nav-buttons-container {
padding: 10px 5px 0px 8px;
margin-bottom: 0px !important;
justify-content: flex-start;
border: 0; }
.nav-files-container {
overflow-x: hidden;
padding-bottom: 50px; }
body:not(.is-mobile) .nav-folder.mod-root > .nav-folder-title .nav-folder-title-content {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--text-muted);
padding-bottom: 7px;
margin-left: -7px;
font-size: var(--font-adaptive-smaller); }
.nav-folder-title {
margin: 0 0 0 8px;
min-width: auto;
width: calc(100% - 16px);
padding: 0 10px 0 16px;
line-height: 1.5;
cursor: var(--cursor);
border: none; }
.nav-folder.mod-root > .nav-folder-title.is-being-dragged-over {
background-color: var(--text-selection); }
.nav-folder-title.is-being-dragged-over {
background-color: var(--text-selection);
border-color: var(--text-selection);
border-radius: var(--radius-m);
border: 0px solid transparent; }
.nav-folder-title-content {
padding: 1px 4px; }
.nav-folder-collapse-indicator {
top: 1px;
margin-left: -10px; }
/* Fix :active state when right-clicking in file explorer */
.nav-file-title.is-being-dragged,
.nav-folder-title.is-being-dragged,
body:not(.is-grabbing) .nav-file-title.is-being-dragged:hover,
body:not(.is-grabbing) .nav-folder-title.is-being-dragged:hover {
background-color: var(--background-tertiary);
color: var(--text-normal);
box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
z-index: 1; }
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title,
.workspace-leaf.mod-active .nav-file.has-focus {
border: none;
background-color: transparent; }
.nav-file {
margin-left: 12px;
padding-right: 4px;
border: none; }
.nav-file-title {
width: calc(100% - 30px);
margin: 0 8px 0 -4px;
padding: 0;
border-width: 0;
line-height: 1.6;
border-color: var(--background-secondary);
border-radius: var(--radius-m);
cursor: var(--cursor); }
.nav-file-title.is-active,
.nav-folder-title.is-active,
.nav-file-title.is-being-dragged,
body:not(.is-grabbing) .nav-folder-title.is-active:hover,
body:not(.is-grabbing) .nav-folder-title:hover,
body:not(.is-grabbing) .nav-file-title.is-active:hover {
background-color: var(--background-tertiary);
color: var(--text-normal); }
.nav-file-title-content {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px 7px;
border: 0;
vertical-align: middle;
cursor: var(--cursor); }
.drop-indicator {
border-width: 1px; }
.nav-file-icon {
margin: 1px 0 0 0;
vertical-align: bottom;
padding: 0 0 0 5px; }
.workspace-leaf-content[data-type=starred] .nav-file-title-content {
width: calc(100% - 15px); }
.workspace-leaf-content[data-type=starred] .nav-file-icon {
opacity: 0.5; }
body:not(.is-grabbing) .nav-file-title:hover .nav-folder-collapse-indicator,
body:not(.is-grabbing) .nav-folder-title:hover .nav-folder-collapse-indicator,
body:not(.is-grabbing) .nav-file-title:hover,
body:not(.is-grabbing) .nav-folder-title:hover {
background: transparent; }
.nav-file-title,
.tree-item-self,
.nav-folder-title,
.is-collapsed .search-result-file-title,
.tag-pane-tag {
font-size: var(--font-adaptive-small);
color: var(--text-muted); }
.search-result-file-title {
font-size: var(--font-adaptive-small);
color: var(--text-normal);
font-weight: var(--normal-weight); }
.side-dock-collapsible-section-header {
font-size: var(--font-adaptive-small);
color: var(--text-muted);
cursor: var(--cursor);
margin-right: 0;
margin-left: 0; }
.side-dock-collapsible-section-header:hover,
.side-dock-collapsible-section-header:not(.is-collapsed) {
color: var(--text-muted);
background: transparent; }
.tree-view-item-self:hover .tree-view-item-collapse,
.tree-item-self.is-clickable:hover {
color: var(--text-muted);
background: transparent;
cursor: var(--cursor); }
.tree-item-self.is-clickable {
cursor: var(--cursor); }
.search-result-collapse-indicator svg,
.search-result-file-title:hover .search-result-collapse-indicator svg,
.side-dock-collapsible-section-header-indicator:hover svg,
.side-dock-collapsible-section-header:hover .side-dock-collapsible-section-header-indicator svg,
.markdown-preview-view .collapse-indicator svg,
.tree-view-item-collapse svg,
.is-collapsed .search-result-collapse-indicator svg,
.nav-folder-collapse-indicator svg,
.side-dock-collapsible-section-header-indicator svg,
.is-collapsed .side-dock-collapsible-section-header-indicator svg {
color: var(--text-faint);
cursor: var(--cursor); }
.search-result-collapse-indicator,
.search-result-file-title:hover .search-result-collapse-indicator,
.side-dock-collapsible-section-header-indicator:hover,
.side-dock-collapsible-section-header:hover .side-dock-collapsible-section-header-indicator,
.markdown-preview-view .collapse-indicator,
.tree-view-item-collapse,
.is-collapsed .search-result-collapse-indicator,
.nav-folder-collapse-indicator,
.side-dock-collapsible-section-header-indicator,
.is-collapsed .side-dock-collapsible-section-header-indicator {
color: var(--text-faint);
cursor: var(--cursor); }
.is-collapsed .search-result-file-title:hover,
.search-result-file-title:hover,
.nav-folder-title.is-being-dragged-over .nav-folder-collapse-indicator svg {
color: var(--text-normal); }
/* --------------- */
/* Nested items */
.nav-folder-collapse-indicator,
.tree-item-self .collapse-icon {
color: var(--background-modifier-border-hover); }
.tree-item-self .collapse-icon {
padding-left: 0;
width: 18px;
margin-left: -18px;
justify-content: center; }
.tree-item-self:hover .collapse-icon {
color: var(--text-normal); }
.tree-item-self {
padding-left: 15px; }
.tree-item {
padding-left: 5px; }
.tree-item-flair {
font-size: var(--font-adaptive-smaller);
right: 0;
background: transparent;
color: var(--text-faint); }
.tree-item-flair-outer:after {
content: ''; }
.tree-item-self.is-clickable {
cursor: var(--cursor); }
.tree-item-self.is-clickable:hover {
background: transparent; }
.tree-item-self:hover .tree-item-flair {
background: transparent;
color: var(--text-muted); }
.tree-item-children {
margin-left: 5px; }
/* Folding icons in Preview */
.collapse-indicator svg,
.markdown-preview-view .heading-collapse-indicator.collapse-indicator svg,
.markdown-preview-view ol > li .collapse-indicator svg,
.markdown-preview-view ul > li .collapse-indicator svg {
opacity: 0; }
h1:hover .heading-collapse-indicator.collapse-indicator svg,
h2:hover .heading-collapse-indicator.collapse-indicator svg,
h3:hover .heading-collapse-indicator.collapse-indicator svg,
h4:hover .heading-collapse-indicator.collapse-indicator svg,
h5:hover .heading-collapse-indicator.collapse-indicator svg,
.HyperMD-header:hover .collapse-indicator svg,
.markdown-preview-view .is-collapsed .collapse-indicator svg,
.markdown-preview-view .collapse-indicator:hover svg,
.collapse-indicator:hover svg {
opacity: 1; }
.markdown-preview-view div.is-collapsed h1::after,
.markdown-preview-view div.is-collapsed h2::after,
.markdown-preview-view div.is-collapsed h3::after,
.markdown-preview-view div.is-collapsed h4::after,
.markdown-preview-view div.is-collapsed h5::after,
.markdown-preview-view ol .is-collapsed::after,
.markdown-preview-view ul .is-collapsed::after {
content: "...";
padding: 5px;
color: var(--text-faint); }
.markdown-preview-view ol > li.task-list-item .collapse-indicator,
.markdown-preview-view ul > li.task-list-item .collapse-indicator {
margin-left: -48px;
position: absolute; }
.markdown-preview-view ol > li .collapse-indicator {
padding-right: 20px; }
.markdown-preview-view .heading-collapse-indicator.collapse-indicator {
margin-left: -28px;
padding-right: 7px 8px 7px 0; }
.markdown-preview-view .collapse-indicator {
position: absolute;
margin-left: -44px;
padding-bottom: 10px;
padding-top: 0px; }
.markdown-preview-view ul > li:not(.task-list-item) .collapse-indicator {
padding-right: 20px; }
.list-collapse-indicator .collapse-indicator .collapse-icon {
opacity: 0; }
.markdown-preview-view ul > li h1,
.markdown-preview-view ul > li h2,
.markdown-preview-view ul > li h3,
.markdown-preview-view ul > li h4 {
display: inline; }
/* Folding icons in Edit mode */
.markdown-source-view.mod-cm6.is-folding .cm-contentContainer {
padding-left: 0; }
.CodeMirror-foldgutter-folded,
.CodeMirror-foldgutter-open {
cursor: var(--cursor); }
body .frontmatter-collapse-indicator svg.right-triangle {
background-color: currentColor;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="red" stroke-width="2" stroke="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"></path></svg>'); }
body span[title="Fold line"],
body span[title="Unfold line"] {
position: relative;
font-size: 0;
color: transparent;
display: flex;
height: auto;
align-items: center; }
body span[title="Fold line"]:hover,
body span[title="Unfold line"]:hover,
body .CodeMirror-foldgutter-open:hover,
body .CodeMirror-foldgutter-folded:hover {
color: var(--text-muted); }
body span[title="Fold line"]:after,
body span[title="Unfold line"]:after,
body .CodeMirror-foldgutter-open:after,
body .CodeMirror-foldgutter-folded:after {
text-align: center;
color: var(--text-faint);
font-size: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
margin-left: 0px;
width: 1rem;
height: 1rem; }
body:not(.is-mobile) span[title="Fold line"]:after,
body:not(.is-mobile) span[title="Unfold line"]:after,
body:not(.is-mobile) .CodeMirror-foldgutter-open:after,
body:not(.is-mobile) .CodeMirror-foldgutter-folded:after {
margin-top: 0.35rem;
margin-left: 2px; }
body .is-mobile .cm-editor .cm-lineNumbers .cm-gutterElement {
padding: 0 3px 0 0px;
min-width: 15px;
text-align: right;
white-space: nowrap; }
body span[title="Fold line"]:after,
body span[title="Unfold line"]:after {
font-size: 1rem;
line-height: 1; }
body span[title="Fold line"]:after,
body span[title="Unfold line"]:after {
font-size: 1rem;
line-height: 1; }
body span[title="Unfold line"]:after,
body .CodeMirror-foldgutter-folded:after {
background-color: var(--text-faint);
height: 12px;
width: 12px;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="red" stroke-width="2" stroke="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"></path></svg>');
transform: translateY(-2px);
transform: rotate(-90deg); }
body span[title="Fold line"]:after,
body .CodeMirror-foldgutter-open:after {
background-color: var(--text-faint);
height: 12px;
width: 12px;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="red" stroke-width="2" stroke="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"></path></svg>'); }
.is-mobile span[title="Fold line"]:after,
.is-mobile .CodeMirror-foldgutter-open:after {
transform: translateX(-2px) !important; }
span[title="Fold line"],
.CodeMirror-foldgutter-open:after {
opacity: 0; }
span[title="Fold line"]:hover,
span[title="Unfold line"],
.CodeMirror-foldgutter-folded:after,
.CodeMirror-code > div:hover .CodeMirror-foldgutter-open:after {
opacity: 1; }
span[title="Unfold line"]:hover,
.CodeMirror-code > div:hover .CodeMirror-foldgutter-open:hover:after,
.CodeMirror-code > div:hover .CodeMirror-foldgutter-folded:hover:after {
opacity: 1; }
body.is-mobile span[title="Unfold line"]:after,
body.is-mobile .CodeMirror-foldgutter-folded:after {
content: "›";
font-family: sans-serif;
transform: translateY(-2px);
transform: rotate(-90deg) translateY(2px) translateX(-0.45em); }
body.is-mobile span[title="Fold line"]:after,
body.is-mobile .CodeMirror-foldgutter-open:after {
content: "›";
font-family: sans-serif;
transform: rotate(360deg); }
/* Icons and icon buttons */
body svg.right-triangle {
color: var(--text-muted);
background-color: var(--text-muted);
height: 12px;
width: 12px;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="black" stroke-width="2" stroke="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"></path></svg>'); }
.nav-action-button svg {
width: 15px;
height: 15px; }
body .view-header-icon,
body .graph-controls-button,
body .clickable-icon,
body .menu-item-icon,
body .side-dock-ribbon-action,
body .nav-action-button,
body .view-action,
body .workspace-tab-header-inner-icon {
line-height: 0; }
body .view-header-icon svg path,
body .graph-controls-button svg path,
body .clickable-icon svg path,
body .menu-item-icon svg path,
body .side-dock-ribbon-action svg path,
body .nav-action-button svg path,
body .view-action svg path,
body .workspace-tab-header-inner-icon svg path {
stroke-width: 2px; }
body .view-action svg.cross path {
stroke-width: 2px; }
.workspace-ribbon-collapse-btn svg path {
stroke-width: 4px; }
.nav-action-button svg path {
stroke-width: 2px; }
.clickable-icon {
cursor: var(--cursor); }
.graph-controls-button,
.view-action,
.view-header-icon,
.nav-action-button,
.workspace-tab-header,
.side-dock-ribbon-tab,
.side-dock-ribbon-action,
.workspace-tab-header {
background: transparent;
color: var(--icon-color);
opacity: var(--icon-muted);
transition: opacity 0.1s ease-in-out;
cursor: var(--cursor);
line-height: 0; }
.graph-controls-button,
.view-header-icon,
.workspace-tab-header-inner-icon,
.side-dock-ribbon-action,
.workspace-ribbon-collapse-btn {
margin: 0;
padding: 4px 4px;
height: 26px;
border-radius: var(--radius-m); }
.view-header-icon {
display: flex;
align-items: center; }
.workspace-ribbon-collapse-btn {
margin: 0;
padding: 2px 4px; }
.side-dock-ribbon-action {
border-left: 0;
margin: 0 6px 6px; }
.nav-action-button,
.workspace-leaf-content[data-type='search'] .nav-action-button,
.workspace-leaf-content[data-type='backlink'] .nav-action-button {
padding: 3px 5px 3px;
margin: 0 0 7px 0px;
height: 26px;
text-align: center;
border-radius: var(--radius-m); }
.nav-action-button.is-active,
.workspace-leaf-content[data-type='dictionary-view'] .nav-action-button.is-active,
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active,
.workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active,
.workspace-leaf-content[data-type='tag'] .nav-action-button.is-active,
.workspace-tab-header.is-active,
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
background: transparent;
color: var(--icon-color);
opacity: 1;
transition: opacity 0.1s ease-in-out; }
.nav-action-button.is-active,
.workspace-tab-header.is-active:hover {
color: var(--icon-color); }
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active {
background: transparent; }
.graph-controls-button:hover,
.view-action:hover,
.view-action.is-active:hover,
.view-header-icon:hover,
.nav-action-button:hover,
.nav-action-button.is-active:hover,
.workspace-tab-header:hover,
.side-dock-ribbon-tab:hover,
.side-dock-ribbon-action:hover {
color: var(--icon-color-hover);
opacity: 1;
transition: opacity 0.1s ease-in-out; }
.graph-controls-button:hover,
.view-action:hover,
.nav-action-button:hover,
.workspace-leaf-content[data-type='search'] .nav-action-button.is-active:hover,
.workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active:hover,
.workspace-drawer-tab-option-item:hover,
.workspace-drawer-header-icon:hover,
.workspace-tab-header-inner-icon:hover,
.side-dock-ribbon-action:hover {
background-color: var(--background-tertiary);
border-radius: var(--radius-m); }
/* Search */
.is-mobile .document-search-container .document-search {
position: relative; }
.is-mobile .search-input-container:before,
.is-mobile .workspace-leaf-content[data-type='search'] .search-input-container:before,
.is-mobile .document-search-container .document-search:before {
content: " ";
position: absolute;
z-index: 9;
top: 50%;
transform: translateY(-50%);
left: 7px;
display: block;
width: 18px;
height: 18px;
background-color: var(--text-muted);
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18" height="18" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="m16.325 14.899l5.38 5.38a1.008 1.008 0 0 1-1.427 1.426l-5.38-5.38a8 8 0 1 1 1.426-1.426ZM10 16a6 6 0 1 0 0-12a6 6 0 0 0 0 12Z"%2F%3E%3C%2Fsvg%3E');
background-position: 50% 50%;
background-repeat: no-repeat; }
/* Indentation Guides (Obsidian 0.14.0+) */
body {
--ig-adjust-reading:-0.65em;
--ig-adjust-edit:-1px; }
.markdown-rendered.show-indentation-guide li.task-list-item > ul::before,
.markdown-rendered.show-indentation-guide li.task-list-item > ol::before,
.markdown-rendered.show-indentation-guide li > ul::before,
.markdown-rendered.show-indentation-guide li > ol::before {
left: var(--ig-adjust-reading); }
/* Live Preview */
.markdown-source-view.mod-cm6 .cm-indent::before {
transform: translateX(var(--ig-adjust-edit)); }
.is-mobile .markdown-rendered.show-indentation-guide li > ul::before,
.is-mobile .markdown-rendered.show-indentation-guide li > ol::before {
left: calc(0em + var(--ig-adjust-reading)); }
.is-mobile .markdown-source-view.mod-cm6 .cm-indent::before {
transform: translateX(calc(2px + var(--ig-adjust-edit))); }
/* Links */
a {
color: var(--text-accent);
font-weight: var(--link-weight); }
strong a {
color: var(--text-accent);
font-weight: var(--bold-weight); }
a[href*="obsidian://search"] {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'><path fill='black' stroke='black' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'></path></svg>"); }
.theme-dark a[href*="obsidian://search"] {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='17' height='17' class='search'><path fill='white' stroke='white' stroke-width='2' d='M42,6C23.2,6,8,21.2,8,40s15.2,34,34,34c7.4,0,14.3-2.4,19.9-6.4l26.3,26.3l5.6-5.6l-26-26.1c5.1-6,8.2-13.7,8.2-22.1 C76,21.2,60.8,6,42,6z M42,10c16.6,0,30,13.4,30,30S58.6,70,42,70S12,56.6,12,40S25.4,10,42,10z'></path></svg>"); }
.cm-s-obsidian span.cm-url:hover,
.is-live-preview.cm-s-obsidian span.cm-hmd-internal-link:hover,
.is-live-preview.cm-s-obsidian span.cm-url:hover,
.is-live-preview.cm-s-obsidian span.cm-link:hover {
color: var(--text-accent-hover); }
a em,
.cm-s-obsidian span.cm-url,
.cm-s-obsidian .cm-url,
.cm-s-obsidian .cm-active .cm-url,
.is-live-preview.cm-s-obsidian .cm-link,
.cm-s-obsidian.mod-cm6 .cm-hmd-internal-link {
color: var(--text-accent); }
.cm-url,
.cm-link,
.cm-hmd-internal-link {
font-weight: var(--link-weight); }
.cm-s-obsidian .cm-active span.cm-link.cm-hmd-barelink,
.cm-s-obsidian span.cm-link.cm-hmd-barelink,
.cm-s-obsidian span.cm-link.cm-hmd-barelink:hover {
color: var(--text-normal); }
.cm-s-obsidian .cm-active .cm-formatting.cm-formatting-link,
.cm-s-obsidian span.cm-image-alt-text.cm-link,
.cm-s-obsidian:not(.is-live-preview) .cm-formatting-link + span.cm-link {
color: var(--text-muted); }
/* Reader Mode Lists */
div > ol,
div > ul {
padding-inline-start: 1.4em; }
ul > li {
min-height: 1.4em; }
ol > li {
margin-left: 0em; }
ul {
padding-inline-start: var(--list-indent); }
ol {
padding-inline-start: var(--list-indent);
margin-left: 0;
list-style: default; }
.is-mobile {
/* first level */ }
.is-mobile ul > li:not(.task-list-item)::marker {
font-size: 0.8em; }
.is-mobile .markdown-rendered ul,
.is-mobile .markdown-rendered ol {
padding-inline-start: var(--list-indent); }
.is-mobile .markdown-rendered div > ol,
.is-mobile .markdown-rendered div > ul {
padding-inline-start: 2em; }
.is-mobile .el-ol > ol,
.is-mobile .el-ul > ul {
margin-left: 0; }
/* Live Preview */
.cm-line:not(.HyperMD-codeblock) {
tab-size: var(--list-indent); }
.markdown-source-view.mod-cm6 .cm-content .HyperMD-list-line {
margin-left: var(--list-edit-offset) !important; }
/* Space between list items */
.markdown-source-view ol > li,
.markdown-source-view ul > li,
.markdown-preview-view ol > li,
.markdown-preview-view ul > li,
.mod-cm6 .HyperMD-list-line.cm-line {
padding-top: var(--list-spacing);
padding-bottom: var(--list-spacing); }
/* Legacy Editor Mode Lists */
.cm-formatting-list {
color: var(--text-faint) !important; }
/* Bullets */
ul > li::marker,
ol > li::marker {
color: var(--text-faint); }
ul > li:not(.task-list-item)::marker {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
font-size: 0.9em; }
.mod-cm6 .HyperMD-list-line .list-bullet::after,
.mod-cm6 span.list-bullet::after {
line-height: 0.95em;
font-size: 1.4em;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
vertical-align: middle;
color: var(--text-faint); }
body:not(.is-mobile) .markdown-source-view.mod-cm6 .list-bullet:after {
left: -5px; }
body:not(.is-mobile) .markdown-source-view.mod-cm6 span.cm-formatting.cm-formatting-list.cm-formatting-list-ol {
margin-left: -5px; }
/* Modals */
.progress-bar-message {
color: var(--text-faint); }
.modal {
box-shadow: var(--shadow-l);
border: none;
background: var(--background-primary);
border-radius: var(--radius-l);
overflow: hidden;
padding: 20px; }
body:not(.is-mobile) .modal {
border: 1px solid var(--modal-border); }
.modal.mod-settings .vertical-tab-content-container {
border-left: 1px solid var(--background-divider);
padding-bottom: 0;
padding-right: 0; }
.modal-title {
text-align: left;
font-size: var(--h2);
line-height: 1.4; }
.modal-content {
margin-top: 0px;
padding: 2px;
font-size: var(--font-adaptive-small); }
.modal-content .u-center-text {
text-align: left;
font-size: var(--font-adaptive-small); }
.modal-button-container {
margin-top: 10px;
gap: 8px;
display: flex; }
.modal-button-container button {
margin-top: 10px; }
/* Confirm delete */
.modal-container.mod-confirmation .modal {
width: 480px;
min-width: 0; }
.modal-container.mod-confirmation .modal-content {
margin-top: 10px; }
.modal-container.mod-confirmation .modal-content .setting-item {
margin-top: 10px; }
.modal-container.mod-confirmation .modal-button-container {
display: flex; }
.modal-container.mod-confirmation .modal-button-container > .mod-warning:nth-last-child(3) {
background: transparent;
border: none;
font-weight: 500;
color: var(--text-error);
cursor: pointer;
margin-right: auto;
box-shadow: none;
padding-left: 0;
padding-right: 0; }
.modal-container.mod-confirmation .modal-button-container > .mod-warning:nth-last-child(3):hover {
text-decoration: underline; }
.modal-container.mod-confirmation .modal-button-container > .mod-warning:nth-last-child(2) {
margin-left: auto; }
/* Close buttons */
.document-search-close-button,
.modal-close-button {
cursor: var(--cursor);
line-height: 20px;
text-align: center;
height: 24px;
width: 24px;
font-size: 24px;
color: var(--text-faint);
border-radius: var(--radius-m); }
.modal-close-button {
top: 7px;
right: 7px;
padding: 0; }
body:not(.is-mobile) .document-search-close-button:hover,
.modal-close-button:hover {
color: var(--text-normal);
background: var(--background-tertiary); }
.document-search-close-button:before,
.modal-close-button:before {
font-family: Inter,sans-serif;
font-weight: 200; }
/* Mobile modals */
.is-mobile {
/* Mobile community themes */
/* Mobile Community plugins */
/* Tablet */
/* Phone */ }
.is-mobile .modal {
width: 100%;
max-width: 100%;
border: none;
padding: 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none; }
.is-mobile .modal,
.is-mobile .modal-bg {
transition: none !important;
transform: none !important; }
.is-mobile .modal.mod-publish,
.is-mobile .modal.mod-community-plugin,
.is-mobile .modal.mod-settings {
width: 100vw;
max-height: 90vh;
padding: 0; }
.is-mobile .mod-confirmation .modal {
border-radius: 15px; }
.is-mobile .mod-confirmation .modal .modal-close-button {
display: none; }
.is-mobile .modal-content {
padding: 0;
border-radius: 15px; }
.is-mobile .modal-button-container {
padding: 0; }
.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) {
flex-grow: 0; }
.is-mobile .vertical-tab-header-group:last-child,
.is-mobile .vertical-tab-content,
.is-mobile .minimal-donation {
padding-bottom: 70px !important; }
.is-mobile .modal.mod-settings .vertical-tab-header:before {
content: "Settings";
font-weight: 600;
font-size: var(--font-settings);
position: sticky;
display: flex;
height: 54px;
margin-top: 8px;
align-items: center;
justify-content: center;
text-align: center;
border-bottom: 1px solid var(--background-modifier-border);
background: var(--background-primary);
left: 0;
top: 0;
right: 0;
z-index: 1; }
.is-mobile .modal .vertical-tab-header-group-title {
padding: 15px 20px 10px 20px;
text-transform: uppercase;
letter-spacing: 0.05em; }
.is-mobile .modal .vertical-tab-nav-item {
padding: 12px 0px;
margin: 0;
border-radius: 0;
color: var(--text-primary);
border-bottom: 1px solid var(--background-modifier-border); }
.is-mobile .modal .vertical-tab-nav-item:after {
content: " ";
float: right;
width: 20px;
height: 20px;
display: block;
opacity: 0.2;
background: center right no-repeat url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='black'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /></svg>"); }
.is-mobile.theme-dark .modal .vertical-tab-nav-item:after {
background: center right no-repeat url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='white'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /></svg>"); }
.is-mobile .vertical-tab-header-group-items {
width: calc(100% - 40px);
margin: 0 auto; }
.is-mobile .modal .vertical-tab-nav-item:first-child {
border-top: 1px solid var(--background-modifier-border); }
.is-mobile .modal.mod-settings .vertical-tab-nav-item {
font-size: var(--font-settings); }
.is-mobile .modal svg.left-arrow-with-tail {
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7' /></svg>");
height: 26px;
width: 26px; }
.is-mobile .modal-close-button {
display: block;
z-index: 2;
top: 10px;
right: 12px;
padding: 4px;
font-size: 34px;
width: 34px;
height: 34px;
background-color: var(--background-primary); }
.is-mobile .modal-close-button:before {
font-weight: 300;
color: var(--text-muted); }
.is-mobile .modal-close-button:hover {
background-color: var(--background-tertiary); }
.is-mobile .mod-community-theme .modal-title {
padding: 10px 20px; }
.is-mobile .modal.mod-community-theme,
.is-mobile .modal.mod-community-theme .modal-content {
height: unset; }
.is-mobile .community-plugin-search {
border: none; }
.is-mobile .community-plugin-item:hover {
background-color: transparent; }
.is-mobile .community-plugin-item {
margin: 0; }
.is-mobile .community-plugin-search .setting-item {
margin-right: 42px; }
.is-mobile .community-plugin-search .setting-item-control {
display: flex;
flex-direction: row; }
.is-mobile .community-plugin-search .setting-item-control button {
width: 40px;
font-size: 0;
margin-left: 10px;
justify-content: center;
color: var(--text-muted);
border: none;
box-shadow: none;
background-color: currentColor;
-webkit-mask: no-repeat center center url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="currentColor" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>');
-webkit-mask-size: 22px; }
.is-mobile .community-plugin-search .setting-item-control button:hover {
background-color: var(--text-normal); }
.is-mobile .community-plugin-search .search-input-container {
margin: 0; }
.is-mobile .modal.mod-settings .vertical-tabs-container {
display: flex;
overflow: hidden;
border-top-left-radius: 15px;
border-top-right-radius: 15px; }
.is-mobile .community-plugin-details .modal-setting-back-button {
padding: 12px 20px; }
.is-mobile .modal-setting-back-button {
border-bottom: 1px solid var(--background-modifier-border);
display: flex;
margin-top: 8px;
height: 54px;
justify-content: center;
align-items: center;
background-color: var(--color-background);
box-shadow: none; }
.is-mobile .modal-setting-back-button-icon {
position: absolute;
left: 10px; }
.is-mobile .modal-setting-back-button span:nth-child(2) {
flex-grow: 1;
text-align: center;
font-weight: 600;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-normal); }
.is-mobile .hotkey-list-container .setting-command-hotkeys {
flex: unset; }
.is-mobile .modal.mod-settings .vertical-tab-content-container {
border: 0; }
@media (min-width: 400pt) {
.is-mobile .modal .vertical-tab-header,
.is-mobile .modal .vertical-tabs-container,
.is-mobile .modal .vertical-tab-content-container {
border-radius: 15px !important; }
.is-mobile .modal,
.is-mobile .modal-container .modal.mod-settings {
max-width: 800px;
transform: translateZ(0);
border-radius: 15px;
margin-bottom: 0;
bottom: auto;
overflow: hidden; }
.is-mobile .modal-container .modal.mod-settings .vertical-tabs-container {
transform: translateZ(0); }
.is-mobile .modal-container .modal-bg {
opacity: 0.8 !important; }
.is-mobile .search-input-container input {
width: 100%; }
.is-mobile .modal-setting-back-button,
.is-mobile .modal.mod-settings .vertical-tab-header:before {
margin-top: 0; } }
@media (max-width: 400pt) {
.is-mobile .modal {
border-radius: 0;
border: none; }
.is-mobile .modal.mod-publish,
.is-mobile .modal.mod-community-plugin,
.is-mobile .modal.mod-settings {
max-height: calc(100vh - 32px);
box-shadow: 0 -32px 0 0 var(--background-primary); }
.is-mobile .mod-confirmation .modal {
bottom: 4.5vh; }
.is-mobile .modal .search-input-container {
width: 100%;
margin: 0; }
.is-mobile .modal-close-button {
top: 18px;
right: 0px;
padding: 4px 16px 2px 4px;
width: 46px; }
.is-mobile .modal-close-button:hover {
background: var(--background-primary); } }
/* Menus */
.menu {
padding: 7px 5px;
background-color: var(--background-secondary); }
.menu-item {
font-size: var(--font-adaptive-small);
border-radius: var(--radius-m);
padding: 3px 6px 3px 6px;
margin: 0 2px;
cursor: var(--cursor);
height: auto;
line-height: 20px;
display: flex;
align-items: center;
overflow: hidden; }
.menu-item:hover, .menu-item:hover:not(.is-disabled):not(.is-label), .menu-item.selected:not(.is-disabled):not(.is-label) {
background-color: var(--background-tertiary); }
.menu-separator {
margin: 8px -5px; }
.menu-item-icon {
width: 20px;
opacity: 0.6;
line-height: 10px;
position: static;
margin-right: 2px; }
.menu-item-icon svg {
width: 12px;
height: 12px; }
.menu-item-icon
div.menu-item:hover .menu-item-icon svg,
div.menu-item:hover .menu-item-icon svg path {
color: var(--text-normal); }
/* Mobile */
.is-mobile {
/* Tablet */
/* Phone */ }
.is-mobile:not(.minimal-icons-off) .menu-item-icon svg {
width: 18px;
height: 18px; }
.is-mobile .menu {
border: none;
width: 100%;
max-width: 100%;
left: 0 !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none; }
.is-mobile .menu-item {
padding: 5px 10px;
margin: 0; }
.is-mobile .menu-item-icon {
margin-right: 10px; }
.is-mobile .menu-item.is-label {
color: var(--text-normal);
font-weight: var(--bold-weight); }
.is-mobile .menu-item.is-label .menu-item-icon {
display: none; }
@media (min-width: 400pt) {
.is-mobile .menu {
top: 60px !important;
right: 0 !important;
bottom: auto;
left: auto;
margin: 0 auto;
width: 360px;
padding: 10px 10px 10px;
border-radius: 15px;
box-shadow: 0 0 100vh 100vh rgba(0, 0, 0, 0.5); }
.is-mobile .menu .menu-item:hover {
background-color: var(--background-tertiary); } }
@media (max-width: 400pt) {
.is-mobile .menu {
padding-bottom: 30px; }
.is-mobile .menu-item.is-label {
font-size: var(--font-settings-title); } }
/* Preview mode */
.markdown-preview-view blockquote,
.markdown-preview-view p,
.markdown-preview-view ol,
.markdown-preview-view ul {
margin-block-start: var(--spacing-p);
margin-block-end: var(--spacing-p); }
.markdown-preview-view ul ol,
.markdown-preview-view ol ol,
.markdown-preview-view ol ul,
.markdown-preview-view ul ul {
margin-block-start: 0em;
margin-block-end: 0em; }
.markdown-preview-view h1,
.markdown-preview-view h2,
.markdown-preview-view h3,
.markdown-preview-view h4,
.markdown-preview-view h5,
.markdown-preview-view h6 {
margin-block-start: 1em;
margin-block-end: var(--spacing-p); }
.markdown-preview-view hr {
height: 1px;
border-width: 2px 0 0 0; }
iframe {
border: 0; }
.markdown-preview-view .mod-highlighted {
transition: background-color 0.3s ease;
background-color: var(--text-selection);
color: inherit; }
/* Backlinks in Preview */
.mod-root .workspace-leaf-content[data-type='markdown'] .nav-header {
border-top: 1px solid var(--background-modifier-border);
margin-top: 3em;
position: relative; }
.mod-root .workspace-leaf-content[data-type='markdown'] .nav-buttons-container,
.mod-root .workspace-leaf-content[data-type='markdown'].backlink-pane,
.mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane .search-result-container,
.mod-root .workspace-leaf-content[data-type='markdown'] .search-input-container,
.mod-root .workspace-leaf-content[data-type='markdown'] .tree-item,
.mod-root .workspace-leaf-content[data-type='markdown'] .search-empty-state {
padding-left: 0;
margin-left: 0; }
.is-mobile .workspace-leaf-content:not([data-type='search']) .workspace-leaf-content[data-type='markdown'] .nav-buttons-container {
border-bottom: none;
padding-top: 5px; }
.mod-root .workspace-leaf-content[data-type='markdown'] .search-input-container {
margin-bottom: 0px;
width: calc(100% - 130px);
margin-top: 10px; }
.is-mobile .mod-root .workspace-leaf-content[data-type='markdown'] .search-input-container {
width: calc(100% - 160px); }
.mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane {
padding-top: 10px; }
.mod-root .workspace-leaf-content[data-type='markdown'] .nav-buttons-container {
position: absolute;
right: 0;
top: 3px; }
.mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane > .tree-item-self:hover,
.mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane > .tree-item-self {
padding-left: 0px;
text-transform: none;
color: var(--text-normal);
font-size: var(--font-adaptive-normal);
font-weight: 500;
letter-spacing: unset; }
.mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane > .tree-item-self.is-collapsed {
color: var(--text-faint); }
.mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane > .tree-item-self.is-collapsed:hover {
color: var(--text-muted); }
.mod-root .workspace-leaf-content[data-type='markdown'] .backlink-pane .search-result-file-title {
font-size: calc(var(--font-adaptive-normal) - 2px); }
.mod-root .workspace-leaf-content[data-type=markdown] .markdown-source-view .embedded-backlinks .nav-header {
margin-top: 0; }
/* Embedded searches */
.internal-query {
border-top: none;
border-bottom: none; }
.internal-query .internal-query-header {
padding-top: 10px;
justify-content: left;
border-top: 1px solid var(--ui1); }
.internal-query .internal-query-header-title {
font-weight: 500;
color: var(--text-normal);
font-size: var(--text-adaptive-normal); }
.internal-query .search-result-container {
border-bottom: 1px solid var(--ui1); }
/* Default ribbon sidedock icons */
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn,
.workspace-ribbon.mod-right .workspace-ribbon-collapse-btn {
opacity: 1;
position: fixed;
width: 26px;
display: flex;
align-items: center;
top: auto;
text-align: center;
bottom: 32px;
z-index: 9; }
.workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
left: 8px; }
.workspace-ribbon.mod-right {
right: 4px;
bottom: 0;
height: 32px;
padding-top: 6px;
position: absolute;
background: transparent;
border: 0; }
.mod-right .workspace-ribbon-collapse-btn {
background-color: var(--background-primary); }
.workspace-ribbon-collapse-btn,
.view-action,
.side-dock-ribbon-tab,
.side-dock-ribbon-action {
cursor: var(--cursor); }
.workspace-ribbon-collapse-btn:hover {
background-color: var(--background-tertiary); }
.workspace-ribbon {
border-width: var(--border-width-alt);
border-color: var(--background-divider);
background: var(--background-secondary);
flex: 0 0 42px;
padding-top: 7px; }
.mod-right:not(.is-collapsed) ~ .workspace-split.mod-right-split {
margin-right: 0; }
.side-dock-settings {
padding-bottom: 20px; }
body.hider-frameless:not(.hider-ribbon):not(.is-fullscreen) .side-dock-actions {
padding-top: var(--top-left-padding-y); }
/* Scroll bars */
body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar,
body:not(.native-scrollbars) ::-webkit-scrollbar {
width: 11px;
background-color: transparent; }
body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar:horizontal,
body:not(.native-scrollbars) ::-webkit-scrollbar:horizontal {
height: 11px; }
body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-corner,
body:not(.native-scrollbars) ::-webkit-scrollbar-corner {
background-color: transparent; }
body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-track,
body:not(.native-scrollbars) ::-webkit-scrollbar-track {
background-color: transparent; }
body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-thumb,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-radius: 20px;
border: 3px solid transparent;
background-color: var(--background-modifier-border);
border-width: 3px 3px 3px 3px;
min-height: 45px; }
body:not(.hider-scrollbars).styled-scrollbars .modal .vertical-tab-header::-webkit-scrollbar-thumb:hover,
body:not(.hider-scrollbars).styled-scrollbars .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:hover,
body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars) .modal .vertical-tab-header::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars) .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:hover,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
background-color: var(--background-modifier-border-hover); }
body:not(.hider-scrollbars).styled-scrollbars .modal .vertical-tab-header::-webkit-scrollbar-thumb:active,
body:not(.hider-scrollbars).styled-scrollbars .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:active,
body:not(.hider-scrollbars).styled-scrollbars ::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) .modal .vertical-tab-header::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) .mod-left-split .workspace-tabs ::-webkit-scrollbar-thumb:active,
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active {
background-color: var(--background-modifier-border-focus); }
/* Search and replace (in file) */
.is-flashing {
border-radius: 2px;
box-shadow: 2px 1px 0 4px var(--text-highlight-bg);
transition: all 0s ease-in-out; }
.minimal-folding .is-flashing {
box-shadow: 5px 1px 0 6px var(--text-highlight-bg); }
.is-flashing .tag {
border-color: var(--text-highlight-bg-active); }
.suggestion-container.mod-search-suggestion {
max-width: 240px; }
.mod-search-suggestion .suggestion-item {
font-size: var(--font-adaptive-small); }
.mod-search-suggestion .clickable-icon {
margin: 0; }
.search-suggest-item.mod-group {
font-size: var(--font-adaptive-smaller); }
.cm-s-obsidian span.obsidian-search-match-highlight {
background: inherit;
background: var(--text-highlight-bg);
padding-left: 0;
padding-right: 0; }
.markdown-preview-view .search-highlight > div {
box-shadow: 0 0 0px 2px var(--text-normal);
border-radius: 2px;
background: transparent; }
.markdown-preview-view .search-highlight > div {
opacity: 0.4; }
.markdown-preview-view .search-highlight > div.is-active {
background: transparent;
border-radius: 2px;
opacity: 1;
mix-blend-mode: normal;
box-shadow: 0 0 0px 3px var(--text-accent); }
/* Live Preview */
.cm-s-obsidian span.obsidian-search-match-highlight {
background-color: transparent;
box-shadow: 0 0 0px 3px var(--text-accent);
mix-blend-mode: multiply;
border-radius: 2px; }
body:not(.is-mobile).borders-title .document-search-container {
padding-top: 0; }
body input.document-search-input.mod-no-match:hover,
body input.document-replace-input.mod-no-match:hover,
body input.document-search-input.mod-no-match,
body input.document-replace-input.mod-no-match {
background-color: var(--background-primary); }
body:not(.is-mobile) .document-search-container.mod-replace-mode {
height: 72px; }
body:not(.is-mobile) .document-replace-buttons,
body:not(.is-mobile) .document-search-buttons {
padding-top: 3px; }
.document-replace-buttons,
.document-search-buttons {
height: 30px;
padding-top: 0;
gap: 5px;
display: flex; }
.document-search-button,
.document-search-close-button {
cursor: var(--cursor);
color: var(--text-muted);
font-weight: 500; }
body:not(.is-mobile) .document-search-button,
body:not(.is-mobile) .document-search-close-button {
background: var(--background-tertiary);
height: 26px; }
.document-search-button:hover {
box-shadow: none;
background: var(--background-tertiary); }
body .document-search-close-button {
bottom: 0;
top: 0;
display: inline-flex;
height: 26px;
width: 26px;
line-height: 24px; }
.document-search-button {
margin: 0;
padding-left: 0.75em;
padding-right: 0.75em; }
body .document-search-container {
margin-top: 12px;
padding: 0;
height: 38px;
background-color: var(--background-primary);
border-top: none;
width: 100%; }
.document-search,
.document-replace {
max-width: var(--max-width);
width: var(--line-width);
margin: 0 auto;
padding: 0 5px; }
.minimal-readable-off .document-search,
.minimal-readable-off .document-replace {
width: 100%; }
.markdown-source-view.is-searching,
.markdown-source-view.is-replacing,
.markdown-reading-view.is-searching {
flex-direction: column-reverse; }
body input.document-search-input,
body input.document-replace-input {
margin-top: 2px;
font-size: var(--font-adaptive-small);
border: 1px solid var(--background-modifier-border);
border-radius: var(--radius-m);
height: 28px;
background: var(--background-primary);
transition: border-color 0.1s ease-in-out; }
input.document-search-input:hover,
input.document-replace-input:hover {
border: 1px solid var(--background-modifier-border-hover);
background: var(--background-primary);
transition: border-color 0.1s ease-in-out; }
input.document-search-input:focus,
input.document-replace-input:focus {
border: 1px solid var(--background-modifier-border-hover);
background: var(--background-primary);
transition: all 0.1s ease-in-out; }
.document-search-button {
font-size: var(--font-adaptive-small); }
/* Mobile */
.is-mobile .document-search,
.is-mobile .document-replace {
flex-direction: row; }
.is-mobile .document-replace {
padding-top: 6px; }
.is-mobile .document-replace .document-replace-buttons {
flex-shrink: 1;
flex-grow: 0; }
.is-mobile .document-search-container {
padding: 8px 0 8px 0;
background-color: var(--background-primary);
margin: 0 auto 0 auto;
height: auto;
width: 100%;
border-bottom: 1px solid var(--background-modifier-border);
padding-left: var(--folding-offset); }
.is-mobile .document-search,
.is-mobile .document-replace {
margin: 0 auto;
padding-left: 0;
padding-right: 0;
max-width: calc(var(--max-width) + 2%);
width: var(--line-width-adaptive); }
.is-mobile.minimal-readable-off .document-search,
.is-mobile.minimal-readable-off .document-replace {
width: 100%; }
.is-mobile .document-search-container input[type='text'] {
width: auto;
margin: 0 8px 0 0;
height: 36px;
padding: 5px 10px 5px 10px;
border-radius: 6px;
min-width: 90px;
border: 1px solid var(--background-modifier-border);
background-color: var(--background-primary); }
.is-mobile .document-search-container .document-search-input[type='text'] {
padding-left: 30px; }
.is-mobile .document-search .document-search-buttons,
.is-mobile .document-replace button {
flex-grow: 0; }
.is-mobile .document-search-container button.document-search-button {
width: auto;
margin: 0px;
background: transparent;
font-size: 14px;
height: 36px;
padding: 0 2px;
white-space: nowrap; }
.is-mobile .document-search .document-search-close-button,
.is-mobile .document-replace .document-search-close-button {
height: 30px;
line-height: 30px; }
/* Settings */
.modal.mod-sync-history,
.modal.mod-sync-log,
.modal.mod-publish,
.modal.mod-community-plugin,
.modal.mod-settings {
width: 90vw;
height: 100vh;
max-height: 90vh;
max-width: 1000px; }
.modal.mod-settings .vertical-tab-header,
.modal.mod-settings .vertical-tab-content-container {
height: 90vh; }
.setting-item-name,
.community-plugin-name,
.modal.mod-settings .vertical-tab-content-container {
font-size: var(--font-settings);
line-height: 1.3; }
.modal .modal-content > h2 {
text-align: left;
font-size: var(--h1);
font-weight: 600; }
.modal.mod-settings .vertical-tab-content h1,
.modal.mod-settings .vertical-tab-content h2,
.modal.mod-settings .vertical-tab-content h3 {
text-align: left;
font-size: var(--h1);
font-weight: 600; }
.modal .modal-content > h2:first-child,
.modal.mod-settings .vertical-tab-content > h2:first-child,
.modal.mod-settings .vertical-tab-content > h3:first-child {
margin-top: 0; }
.community-plugin-search-summary,
.setting-item-description,
.community-plugin-item .community-plugin-author,
.community-plugin-downloads,
.community-plugin-item .community-plugin-desc {
font-size: var(--font-settings-small);
line-height: 1.3;
font-weight: 400; }
.style-settings-collapse-indicator {
margin-right: 6px; }
.modal .vertical-tab-nav-item {
font-size: var(--font-small);
line-height: 1.3; }
.community-plugin-search .setting-item {
margin-right: 10px; }
.flair.mod-pop {
letter-spacing: 0;
text-transform: none;
vertical-align: unset;
top: -1px; }
.community-plugin-search {
padding: 20px 0 0 0;
background-color: var(--background-secondary);
border-right: 1px solid var(--background-divider);
flex: 0 0 270px; }
.community-plugin-search-summary {
border-bottom: 1px solid var(--background-divider);
padding-bottom: 10px; }
.community-plugin-info p button {
margin-right: 8px; }
.community-plugin-item {
margin: 0;
cursor: var(--cursor);
padding-top: 15px;
border-bottom: 1px solid var(--background-divider); }
.community-plugin-item:hover {
background-color: var(--background-tertiary); }
.community-plugin-item .community-plugin-name {
font-weight: 500; }
.community-plugin-item .community-plugin-author {
color: var(--text-muted);
padding-bottom: 10px; }
.community-plugin-item .community-plugin-desc {
color: var(--text-normal);
font-size: var(--font-small); }
.community-plugin-search .setting-item-info {
flex-grow: 0; }
.community-plugin-search .search-input-container {
margin-left: -5px;
margin-right: 5px; }
.modal .community-plugin-search .setting-item-control button {
display: flex;
align-items: center; }
.setting-item-control button {
padding: 0.5em 0.75em; }
button.mod-cta,
.modal button,
.modal button.mod-cta a {
font-size: var(--font-settings-small);
height: var(--input-height);
cursor: var(--cursor);
margin-right: 0px;
margin-left: 0px; }
/* Settings */
.modal.mod-settings .modal-content {
padding: 0; }
.modal.mod-settings .vertical-tab-content-container {
padding-top: 0; }
.modal.mod-settings .vertical-tab-content-container .vertical-tab-content {
padding-top: 30px; }
.horizontal-tab-content,
.vertical-tab-content {
background: var(--background-primary);
padding-bottom: 100px;
padding-left: 40px;
padding-right: 40px; }
.vertical-tab-header,
.vertical-tab-content {
padding-bottom: 100px; }
.modal.mod-community-plugin .modal-content {
padding: 0; }
.plugin-list-plugins {
overflow: visible; }
.clickable-icon {
margin: 0; }
.installed-plugins-container .clickable-icon {
margin: 0; }
.installed-plugins-container .clickable-icon[aria-label="Uninstall"] {
margin: 0; }
.plugin-list-plugins .clickable-icon {
margin: 0; }
.hotkey-list-container {
padding-right: 0; }
/* Themes */
body .modal.mod-community-theme {
max-width: 1000px; }
.community-theme-container {
padding-top: 10px; }
.community-theme-container,
.hotkey-settings-container {
height: auto;
overflow: visible; }
.theme-list {
justify-content: space-evenly; }
.community-theme-filters-container,
.hotkey-search-container {
padding: 0 0 20px 0; }
.modal.mod-community-theme {
padding: 0; }
.modal.mod-community-theme .modal-content {
padding: 30px; }
.community-theme {
padding: 0;
margin: 0 0 2em 0;
align-items: stretch;
background: transparent; }
.community-theme-title {
text-align: left;
font-size: var(--font-settings); }
.community-theme-info + div {
background-color: var(--background-secondary);
display: flex;
align-items: center;
padding: 0;
flex-grow: 1;
border-radius: 20px; }
.community-theme-info {
line-height: 1;
flex-grow: 0;
padding: 0 0 10px 0;
align-items: flex-end;
justify-content: flex-start;
flex-wrap: wrap; }
.community-theme-remove-button {
padding: 4px 6px;
display: flex;
color: var(--text-muted);
background-color: transparent; }
.community-theme .community-theme-screenshot {
max-width: 100%; }
body:not(.is-mobile) .theme-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 2em; }
body:not(.is-mobile) .theme-list .community-theme {
align-self: stretch;
justify-self: center;
max-width: 100%;
width: 100%;
background-color: var(--background-secondary);
padding: 18px;
border-radius: var(--radius-l);
border: 2px solid transparent; }
body:not(.is-mobile) .theme-list .community-theme:hover {
border: 2px solid var(--text-accent); }
body:not(.is-mobile) .theme-list .community-theme.is-selected {
grid-column: 1/4;
grid-row: 1;
max-width: 100%;
display: grid;
grid-template-columns: 1.5fr 2fr;
padding: 20px 20px;
border-radius: var(--radius-xl);
border-color: transparent; }
body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-info {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 30px 50px 440px;
margin: 0 40px 0 0; }
body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-title {
grid-column: 1/3;
grid-row: 1/2;
text-align: left;
font-size: 2em;
font-weight: 500;
margin: 0; }
body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-info + div {
display: flex;
align-items: center;
flex-grow: 1;
box-shadow: none; }
body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-downloads {
text-align: right; }
body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-remove-button {
bottom: 20px;
left: 0px;
right: auto;
top: auto;
color: var(--text-faint);
display: flex;
align-items: center; }
body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-remove-button:after {
content: 'Delete theme';
padding-left: 5px; }
body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-remove-button:hover {
color: var(--text-error); }
body:not(.is-mobile) .theme-list .community-theme.is-selected .modal-button-container {
grid-column: 2;
grid-row: 1/2;
margin-top: 0;
margin-left: auto;
margin-right: 0; }
body:not(.is-mobile) .theme-list .community-theme.is-selected .modal-button-container button {
margin: 0;
width: 160px;
height: 36px;
cursor: pointer;
border: none;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }
body:not(.is-mobile) .theme-list .community-theme.is-selected .modal-button-container button:hover {
background-color: var(--ax2); }
body:not(.is-mobile) .theme-list .community-theme.is-selected .modal-button-container button:not(.mod-cta) {
display: none; }
body:not(.is-mobile) .theme-list .community-theme.is-selected .community-theme-info::after {
grid-column: 1/3;
grid-row: 3/4;
padding-top: 20px;
align-self: flex-start;
justify-self: flex-start;
content: var(--minimal-version);
color: var(--text-normal);
font-size: var(--font-adaptive-normal);
line-height: 1.4;
width: 100%;
position: relative;
white-space: pre-wrap;
text-align: left;
border: none; }
.community-theme-remove-button {
top: 15px; }
.community-theme-remove-button:hover {
color: var(--text-error); }
.community-theme.is-selected {
padding-left: 0;
padding-right: 0;
background-color: transparent;
color: var(--text-normal); }
.community-theme.is-selected .community-theme-info + div {
box-shadow: 0px 0.5px 1px 0.5px rgba(0, 0, 0, 0.1), inset 0 0 0 2px var(--text-accent); }
.community-theme.is-selected .community-theme-downloads,
.community-theme.is-selected .community-theme-info {
margin-bottom: 0;
color: var(--text-muted); }
.community-theme.is-selected .community-theme-info .clickable-icon {
width: 100%;
background-color: var(--background-primary);
border: 1px solid var(--background-modifier-border);
color: var(--text-normal);
cursor: pointer;
display: block;
text-align: center;
grid-column: 1/3;
padding: 7px 0;
margin: 20px 0 0;
height: 36px;
border-radius: 5px;
box-shadow: 0 1px 1px 0px var(--btn-shadow-color); }
.community-theme.is-selected .community-theme-info .clickable-icon:hover {
border: 1px solid var(--background-modifier-border-hover);
box-shadow: 0 2px 3px 0px var(--btn-shadow-color); }
.community-theme.is-selected .community-theme-info .clickable-icon::after {
content: "Learn more";
padding-left: 4px; }
.community-theme.is-selected .modal-button-container .mod-cta {
background-color: var(--interactive-accent);
color: white; }
.community-theme.is-selected .modal-button-container .mod-cta:hover {
background-color: var(--interactive-accent-hover); }
.modal.mod-settings .vertical-tab-header {
background: var(--background-secondary);
padding-top: 5px;
flex: 0 0 220px;
padding-bottom: 100px; }
.vertical-tab-header-group-title {
color: var(--text-faint);
text-transform: none;
font-size: 12px;
letter-spacing: 0;
font-weight: 500; }
.vertical-tab-nav-item {
padding: 5px 8px;
margin: 0 8px 0;
color: var(--text-muted);
font-weight: 400;
border: none;
background: var(--background-secondary);
cursor: var(--cursor);
border-radius: var(--radius-m); }
.vertical-tab-nav-item:hover {
color: var(--text-normal); }
.vertical-tab-nav-item.is-active {
color: var(--text-normal);
background-color: var(--background-tertiary); }
.setting-hotkey {
background-color: var(--background-tertiary);
padding: 3px 4px 3px 8px;
display: flex;
align-items: center; }
.setting-hotkey-icon.setting-delete-hotkey {
margin-left: 3px;
cursor: var(--cursor); }
.setting-delete-hotkey:hover {
background-color: transparent; }
body:not(.minimal-icons) .setting-hotkey-icon.setting-delete-hotkey svg {
width: 16px;
height: 16px; }
.setting-hotkey.mod-empty {
background: transparent;
color: var(--text-faint); }
.setting-item {
padding: 0.75rem 0; }
.setting-item-description {
padding-top: 4px; }
.setting-item-control {
margin-right: 0;
gap: 8px; }
/* Status bar */
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
height: 100%; }
.status-bar {
transition: color 200ms linear;
color: var(--text-faint);
font-size: var(--font-adaptive-smaller);
border-top: var(--border-width) solid var(--background-divider);
line-height: 1;
max-height: 24px; }
.minimal-status-off .status-bar {
background-color: var(--background-secondary);
border-width: var(--border-width);
padding: 2px 6px 4px; }
body:not(.minimal-status-off) .status-bar {
background-color: var(--background-primary);
z-index: 30;
border-top-left-radius: 5px;
width: auto;
position: absolute;
left: auto;
border: 0;
bottom: 0;
right: 0;
max-height: 26px;
padding: 2px 8px 6px 3px; }
/*
body.plugin-sliding-panes-rotate-header:not(.minimal-status-off) .status-bar {
border-top:1px solid var(--background-modifier-border);
border-left:1px solid var(--background-modifier-border);
}*/
.sync-status-icon.mod-working,
.sync-status-icon.mod-success {
color: var(--text-faint);
cursor: var(--cursor); }
.status-bar:hover .sync-status-icon.mod-working,
.status-bar:hover .sync-status-icon.mod-success,
.status-bar:hover {
color: var(--text-muted);
transition: color 200ms linear; }
.status-bar .plugin-sync:hover .sync-status-icon.mod-working,
.status-bar .plugin-sync:hover .sync-status-icon.mod-success {
color: var(--text-normal); }
.status-bar-item-segment {
margin-right: 10px; }
.status-bar-item,
.sync-status-icon {
display: flex;
align-items: center; }
.status-bar-item {
padding: 7px 4px;
margin: 0 0 0 0;
cursor: var(--cursor) !important; }
.status-bar-item .status-bar-item-icon {
line-height: 0; }
.status-bar-item.plugin-editor-status:hover, .status-bar-item.plugin-sync:hover, .status-bar-item.cMenu-statusbar-button:hover, .status-bar-item.mod-clickable:hover {
text-align: center;
background-color: var(--background-tertiary) !important;
border-radius: 4px; }
.status-bar-item.plugin-editor-status svg, .status-bar-item.plugin-sync svg {
height: 15px;
width: 15px; }
/* Syntax highlighting */
.theme-light code[class*="language-"],
.theme-light pre[class*="language-"],
.theme-dark code[class*="language-"],
.theme-dark pre[class*="language-"] {
color: var(--tx1); }
.theme-light .token.prolog,
.theme-light .token.doctype,
.theme-light .token.cdata,
.theme-light .cm-meta,
.theme-light .cm-qualifier,
.theme-dark .token.prolog,
.theme-dark .token.doctype,
.theme-dark .token.cdata,
.theme-dark .cm-meta,
.theme-dark .cm-qualifier {
color: var(--tx2); }
.theme-light .cm-comment,
.theme-light .token.comment,
.theme-dark .cm-comment,
.theme-dark .token.comment {
color: var(--tx2); }
.theme-light .token.tag,
.theme-light .token.constant,
.theme-light .token.symbol,
.theme-light .token.deleted,
.theme-light .cm-tag,
.theme-dark .token.tag,
.theme-dark .token.constant,
.theme-dark .token.symbol,
.theme-dark .token.deleted,
.theme-dark .cm-tag {
color: var(--red); }
.theme-light .token.punctuation,
.theme-light .cm-punctuation,
.theme-light .cm-bracket,
.theme-light .cm-hr,
.theme-dark .token.punctuation,
.theme-dark .cm-punctuation,
.theme-dark .cm-bracket,
.theme-dark .cm-hr {
color: var(--tx2); }
.theme-light .token.boolean,
.theme-light .token.number,
.theme-light .cm-number,
.theme-dark .token.boolean,
.theme-dark .token.number,
.theme-dark .cm-number {
color: var(--purple); }
.theme-light .token.selector,
.theme-light .token.attr-name,
.theme-light .token.string,
.theme-light .token.char,
.theme-light .token.builtin,
.theme-light .token.inserted,
.theme-light .cm-string,
.theme-light .cm-string-2,
.theme-dark .token.selector,
.theme-dark .token.attr-name,
.theme-dark .token.string,
.theme-dark .token.char,
.theme-dark .token.builtin,
.theme-dark .token.inserted,
.theme-dark .cm-string,
.theme-dark .cm-string-2 {
color: var(--green); }
.theme-light .cm-property,
.theme-light .token.property,
.theme-light .token.operator,
.theme-light .token.entity,
.theme-light .token.url,
.theme-light .language-css .token.string,
.theme-light .style .token.string,
.theme-light .token.variable,
.theme-light .cm-operator,
.theme-light .cm-link,
.theme-light .cm-variable-2,
.theme-light .cm-variable-3,
.theme-dark .cm-property,
.theme-dark .token.property,
.theme-dark .token.operator,
.theme-dark .token.entity,
.theme-dark .token.url,
.theme-dark .language-css .token.string,
.theme-dark .style .token.string,
.theme-dark .token.variable,
.theme-dark .cm-operator,
.theme-dark .cm-link,
.theme-dark .cm-variable-2,
.theme-dark .cm-variable-3 {
color: var(--cyan); }
.theme-light .token.atrule,
.theme-light .token.attr-value,
.theme-light .token.function,
.theme-light .token.class-name,
.theme-light .cm-attribute,
.theme-light .cm-variable,
.theme-light .cm-type,
.theme-light .cm-def,
.theme-dark .token.atrule,
.theme-dark .token.attr-value,
.theme-dark .token.function,
.theme-dark .token.class-name,
.theme-dark .cm-attribute,
.theme-dark .cm-variable,
.theme-dark .cm-type,
.theme-dark .cm-def {
color: var(--yellow); }
.theme-light .token.keyword,
.theme-light .cm-keyword,
.theme-light .cm-builtin,
.theme-dark .token.keyword,
.theme-dark .cm-keyword,
.theme-dark .cm-builtin {
color: var(--pink); }
.theme-light .token.regex,
.theme-light .token.important,
.theme-dark .token.regex,
.theme-dark .token.important {
color: var(--orange); }
/* Preview mode tables */
.markdown-source-view.mod-cm6 table {
border-collapse: collapse; }
.markdown-preview-view table {
margin-block-start: 1em; }
.markdown-source-view.mod-cm6 td,
.markdown-source-view.mod-cm6 th,
.markdown-preview-view th,
.markdown-preview-view td {
padding: 4px 10px; }
.markdown-source-view.mod-cm6 td,
.markdown-preview-view td {
font-size: var(--table-font-size); }
.markdown-source-view.mod-cm6 th,
.markdown-preview-view th {
font-weight: 400;
font-size: var(--table-font-size);
color: var(--text-muted);
border-top: none;
text-align: left; }
.markdown-source-view.mod-cm6 th[align="center"],
.markdown-preview-view th[align="center"] {
text-align: center; }
.markdown-source-view.mod-cm6 th[align="right"],
.markdown-preview-view th[align="right"] {
text-align: right; }
.markdown-source-view.mod-cm6 th:last-child,
.markdown-source-view.mod-cm6 td:last-child,
.markdown-preview-view th:last-child,
.markdown-preview-view td:last-child {
border-right: none; }
.markdown-source-view.mod-cm6 th:first-child,
.markdown-source-view.mod-cm6 td:first-child,
.markdown-preview-view th:first-child,
.markdown-preview-view td:first-child {
border-left: none;
padding-left: 0; }
.markdown-source-view.mod-cm6 tr:last-child td,
.markdown-preview-view tr:last-child td {
border-bottom: none; }
/* Legacy Editor Tables */
.CodeMirror pre.HyperMD-table-row {
font-family: var(--font-monospace);
font-size: var(--table-font-size); }
/* Live Preview Tables */
.is-live-preview .el-table {
width: 100%;
max-width: 100%; }
.cm-s-obsidian .HyperMD-table-row {
font-size: var(--table-font-size); }
.cm-s-obsidian .HyperMD-table-row span.cm-hmd-table-sep,
.cm-hmd-table-sep-dummy {
color: var(--text-faint);
font-weight: 400; }
/* Tags */
body.minimal-unstyled-tags .frontmatter-container .tag,
body.minimal-unstyled-tags a.tag,
body.minimal-unstyled-tags .cm-s-obsidian span.cm-hashtag {
color: var(--tag-color);
font-weight: var(--link-weight);
text-decoration: none; }
body.minimal-unstyled-tags .frontmatter-container .tag:hover,
body.minimal-unstyled-tags a.tag:hover,
body.minimal-unstyled-tags .cm-s-obsidian span.cm-hashtag:hover {
color: var(--text-normal); }
body:not(.minimal-unstyled-tags) .frontmatter-container .tag,
body:not(.minimal-unstyled-tags) a.tag {
background-color: var(--tag-bg);
border: var(--tag-border-width) solid var(--background-modifier-border);
color: var(--tag-color);
font-size: calc(var(--font-adaptive-normal) * 0.8);
font-weight: var(--link-weight);
font-family: var(--font-interface);
padding: 1px 8px;
text-align: center;
text-decoration: none;
vertical-align: middle;
display: inline-block;
margin: 1px 0;
border-radius: var(--tag-radius); }
body:not(.minimal-unstyled-tags) a.tag:hover {
color: var(--text-normal);
border-color: var(--background-modifier-border-hover);
background-color: var(--tag-bg2); }
body:not(.minimal-unstyled-tags) .cm-s-obsidian span.cm-hashtag {
background-color: var(--tag-bg);
border: var(--tag-border-width) solid var(--background-modifier-border);
color: var(--tag-color);
font-size: calc(var(--font-adaptive-normal) * 0.8);
font-family: var(--font-interface);
font-weight: var(--link-weight);
text-align: center;
text-decoration: none;
margin: 0;
vertical-align: text-bottom;
padding-top: 2px;
border-left: none;
border-right: none;
padding-bottom: 3px;
cursor: text; }
body:not(.minimal-unstyled-tags) .cm-s-obsidian span.cm-hashtag:hover {
background-color: var(--tag-bg2); }
body:not(.minimal-unstyled-tags) span.cm-hashtag.cm-hashtag-begin {
border-top-left-radius: var(--tag-radius);
border-bottom-left-radius: var(--tag-radius);
padding-left: 8px;
border-right: none;
border-left: var(--tag-border-width) solid var(--background-modifier-border); }
body:not(.minimal-unstyled-tags) span.cm-hashtag.cm-hashtag-end {
border-top-right-radius: var(--tag-radius);
border-bottom-right-radius: var(--tag-radius);
border-left: none;
padding-right: 8px;
border-right: var(--tag-border-width) solid var(--background-modifier-border); }
/* Tag pane */
.tag-container {
padding-left: 15px; }
.tag-pane-tag-count {
padding: 0;
color: var(--text-faint); }
.pane-list-item-ending-flair {
background: transparent; }
.tag-pane-tag {
padding: 2px 5px 2px 5px;
cursor: var(--cursor); }
.tag-pane-tag:hover {
background: transparent; }
.nav-file.is-active .nav-file-title:hover {
background: var(--background-tertiary) !important; }
.nav-file.is-active > .nav-file-title {
background: var(--background-tertiary); }
/* Tooltips */
.tooltip {
font-size: var(--font-adaptive-smaller);
line-height: 1.3;
font-weight: 500;
padding: 4px 8px;
border-radius: 4px;
transition: none;
text-align: left;
animation: none;
opacity: 0.8; }
.tooltip.mod-left,
.tooltip.mod-right {
transform: none;
animation: none; }
/* Title Bar */
/* Alignment */
.title-align-left:not(.plugin-sliding-panes-rotate-header) .view-header-title-container {
margin-left: 5px; }
.title-align-center:not(.plugin-sliding-panes-rotate-header) .view-header-title {
margin-left: 0;
padding-right: 0;
text-align: center; }
.title-align-left:not(.plugin-sliding-panes-rotate-header) .view-header-title-container,
.title-align-center:not(.plugin-sliding-panes-rotate-header) .view-header-title-container {
width: auto;
position: static; }
.mod-macos.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-left-split.is-collapsed + .mod-root .workspace-leaf:first-of-type .view-header-title-container {
max-width: calc(100% - (var(--traffic-x-space) * 2) - 30px); }
.mod-macos.is-popout-window.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header) .mod-root .workspace-leaf:first-of-type .view-header-title-container {
max-width: calc(100% - (var(--traffic-x-space) * 2) - 30px); }
.view-header {
height: var(--header-height);
align-items: center; }
/* Left side title bar icon */
body:not(.minimal-icons-off) div.view-header-icon svg {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 32 32' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M10 6h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4zm-8 8h4v4h-4zm8 0h4v4h-4z'/%3E%3Cpath fill='none' d='M0 0h32v32H0z'/%3E%3C/svg%3E"); }
.view-header-icon {
margin-left: var(--traffic-x-space);
opacity: 0;
top: 0;
left: 4px;
z-index: 20; }
.show-grabber .view-header-icon {
opacity: var(--icon-muted); }
.show-grabber .view-header-icon:hover {
opacity: 1; }
.view-header-icon:hover {
cursor: grab; }
.view-header-icon:active {
cursor: grabbing; }
/* Right side title bar icon */
.view-actions {
margin-right: 1px;
height: calc(var(--header-height) - 1px);
top: 0;
align-items: center;
z-index: 15;
background: var(--background-primary); }
/* Title area */
.view-header-title {
padding-right: 80px; }
/* Fade out title
body:not(.is-mobile) .view-header-title:before {
background:linear-gradient(90deg,transparent 0%,var(--background-primary) 80%);
width:50px;
content:" ";
height:var(--header-height);
display:inline-block;
vertical-align:bottom;
position:absolute;
right:50px;
pointer-events:none;
}*/
.workspace-leaf-header,
.view-header,
.workspace-leaf.mod-active .view-header,
.workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
background-color: var(--background-primary) !important;
border-top: none;
border-bottom: none; }
.view-header-title-container {
padding-left: 0;
padding-right: 0px;
position: absolute;
width: var(--line-width-adaptive);
max-width: var(--max-width);
margin: 0 auto;
left: 0;
right: 0; }
.view-header-title-container:after {
display: none; }
.view-actions {
padding: 0px 6px;
margin-right: 0px;
margin-left: auto;
transition: opacity 0.25s ease-in-out; }
.view-actions .view-action {
margin: 0;
top: 0;
padding: 4px;
border-radius: var(--radius-m);
display: flex;
align-items: center; }
body:not(.is-mobile) .view-actions .view-action {
height: 26px; }
.view-action.is-active {
color: var(--icon-color);
opacity: var(--icon-muted); }
body:not(.is-mobile) .view-actions .view-action:last-child {
margin-left: -1px; }
body:not(.minimal-focus-mode) .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-actions,
.minimal-focus-mode .workspace-ribbon:not(.is-collapsed) ~ .mod-root .view-header:hover .view-actions,
.workspace-ribbon.mod-left.is-collapsed ~ .mod-root .view-header:hover .view-actions,
.mod-right.is-collapsed ~ .mod-root .view-header:hover .view-actions,
.view-action.is-active:hover {
opacity: 1;
transition: opacity 0.25s ease-in-out; }
.view-content {
height: calc(100% - var(--header-height)); }
/* Window frame */
body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) {
--titlebar-height:28px;
padding-top: var(--titlebar-height) !important; }
body:not(.hider-frameless):not(.is-fullscreen):not(.is-mobile) .titlebar {
background: var(--background-secondary);
border-bottom: var(--border-width) solid var(--background-divider);
height: var(--titlebar-height) !important;
top: 0 !important;
padding-top: 0 !important; }
body.hider-frameless .titlebar {
border-bottom: none; }
.mod-windows .titlebar-button:hover {
background-color: var(--background-primary-alt); }
.mod-windows .titlebar-button.mod-close:hover {
background-color: var(--background-modifier-error); }
.mod-windows .mod-close:hover svg {
fill: white !important;
stroke: white !important; }
.titlebar-button-container {
height: var(--titlebar-height);
top: 0;
display: flex;
align-items: center; }
.titlebar:hover .titlebar-button-container.mod-left {
opacity: 1; }
.is-focused .titlebar-text {
color: var(--text-normal); }
.titlebar-text {
font-weight: 600;
color: var(--text-faint);
letter-spacing: inherit; }
body:not(.window-title-on) .titlebar-text {
display: none; }
.titlebar-button:hover {
opacity: 1;
transition: opacity 100ms ease-out; }
.titlebar-button {
opacity: 0.5;
cursor: var(--cursor);
color: var(--text-muted);
padding: 2px 4px;
border-radius: 3px;
line-height: 1;
display: flex; }
.titlebar-button:hover {
background-color: var(--background-tertiary); }
.titlebar-button-container.mod-left .titlebar-button {
margin-right: 5px; }
.titlebar-button-container.mod-right .titlebar-button {
margin-left: 0;
border-radius: 0;
height: 100%;
align-items: center;
padding: 2px 15px; }
/* Workspace */
/* Empty state */
.empty-state {
background-color: var(--background-primary);
text-align: center; }
.workspace-leaf-content[data-type="empty"] .view-header,
.empty-state-title {
display: none; }
.empty-state-action-list {
color: var(--text-normal);
font-size: var(--font-adaptive-normal); }
/* Empty side pane */
.pane-empty {
text-align: center;
color: var(--text-faint);
font-size: var(--font-adaptive-small); }
.workspace-split.mod-root {
background-color: var(--background-primary); }
.workspace-split.mod-vertical > .workspace-split {
padding: 0; }
.workspace-split .workspace-tabs {
background: var(--background-primary); }
.workspace-split:not(.mod-right-split) .workspace-tabs {
background: var(--background-secondary); }
.workspace-split.mod-root > .workspace-leaf:first-of-type .workspace-leaf-content,
.workspace-split.mod-root > .workspace-leaf:last-of-type .workspace-leaf-content {
border-top-right-radius: 0px;
border-top-left-radius: 0px; }
/* Resize handles */
.workspace-split.mod-root.mod-horizontal .workspace-leaf-resize-handle,
.workspace-split.mod-root.mod-vertical .workspace-leaf-resize-handle {
border-width: 1px; }
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
height: 3px;
background: transparent;
border-bottom: var(--border-width-alt) solid var(--background-divider); }
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
background: transparent;
border-left: var(--border-width-alt) solid var(--background-divider);
width: 3px !important; }
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle {
border-right: var(--border-width) solid var(--background-divider);
width: 4px !important;
background: transparent; }
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover {
border-color: var(--background-modifier-border-hover);
transition: border-color 0.1s ease-in-out 0.05s, border-width 0.1s ease-in-out 0.05s;
border-width: 2px; }
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:active,
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active,
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:active {
border-color: var(--background-modifier-border-focus);
border-width: 2px; }
.workspace-tab-container-before,
.workspace-tab-container-after {
width: 0; }
.workspace-leaf {
border-left: 0px; }
.workspace-tabs .workspace-leaf,
.workspace-tabs .workspace-leaf.mod-active {
border: none; }
.mod-horizontal .workspace-leaf {
border-bottom: 0px;
background-color: transparent;
box-shadow: none !important; }
.workspace-split.mod-right-split .workspace-tabs .workspace-leaf {
border-radius: 0; }
/* Effects on non-active panels */
.workspace-tab-container-inner {
background: transparent;
border-radius: 0;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-left: 5px; }
.workspace-tabs .workspace-tab-header-container {
border: none; }
.workspace-sidedock-empty-state + .workspace-tabs .workspace-tab-header-container {
border-bottom: var(--border-width) solid var(--background-divider); }
.mod-right-split .workspace-tabs .nav-buttons-container {
z-index: 1; }
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
.workspace-tab-header.is-active,
.workspace-tab-header.is-after-active,
.workspace-tab-header.is-after-active .workspace-tab-header-inner,
.workspace-tab-header.is-before-active,
.workspace-tab-header.is-after-active {
background: transparent; }
.workspace-tabs {
border: 0;
padding-right: 0;
font-size: 100%; }
.workspace-tab-container-inner {
padding-left: 6px; }
.workspace-tab-header-inner {
padding: 0px 0px 0 2px; }
.workspace-tab-header-container {
height: var(--header-height);
padding: 0;
align-items: center;
background-color: transparent; }
.workspace-tab-header-container {
border-bottom: var(--border-width) solid var(--background-divider); }
/* Components */
/* Audio files */
.theme-dark audio {
filter: none; }
.theme-dark audio::-webkit-media-controls-play-button,
.theme-dark audio::-internal-media-controls-overflow-button,
.theme-dark audio::-webkit-media-controls-timeline,
.theme-dark audio::-webkit-media-controls-volume-control-container,
.theme-dark audio::-webkit-media-controls-current-time-display,
.theme-dark audio::-webkit-media-controls-time-remaining-display,
.theme-dark audio::-internal-media-controls-overflow-button {
filter: invert(1); }
audio {
height: 36px;
border-radius: 4px; }
audio::-webkit-media-controls-enclosure {
border: 1px solid var(--background-modifier-border);
background-color: var(--background-secondary); }
audio::-webkit-media-controls-current-time-display {
color: var(--text-normal);
font-family: var(--font-interface);
font-size: var(--font-adaptive-small);
text-shadow: none; }
audio::-webkit-media-controls-time-remaining-display {
color: var(--text-muted);
font-family: var(--font-interface);
font-size: var(--font-adaptive-small);
text-shadow: none; }
audio::-webkit-media-controls-panel {
padding: 2px 1.5px; }
audio::-webkit-media-controls input[pseudo="-internal-media-controls-overflow-button" i]:enabled:hover::-internal-media-controls-button-hover-background {
background-color: transparent; }
/* Buttons */
button {
cursor: var(--cursor); }
button,
.setting-item-control button {
font-family: var(--font-interface);
font-size: var(--font-inputs);
font-weight: 400;
border-radius: var(--radius-m); }
button:active,
button:focus {
-webkit-appearance: none;
border-color: var(--background-modifier-border-hover); }
body:not(.is-mobile) button:active,
body:not(.is-mobile) button:focus {
box-shadow: 0 0 0px 2px var(--background-modifier-border-hover); }
.modal.mod-settings button:not(.mod-cta):not(.mod-warning),
.modal button:not(.mod-warning),
.modal.mod-settings button:not(.mod-warning) {
background-color: var(--interactive-normal);
color: var(--text-normal);
border: 1px solid var(--background-modifier-border);
box-shadow: 0 1px 1px 0px var(--btn-shadow-color);
cursor: var(--cursor);
height: var(--input-height);
line-height: 0;
white-space: nowrap;
transition: background-color 0.2s ease-out, border-color 0.2s ease-out; }
button.mod-warning {
border: 1px solid var(--background-modifier-error);
color: var(--text-error);
box-shadow: 0 1px 1px 0px var(--btn-shadow-color);
transition: background-color 0.2s ease-out; }
button.mod-warning:hover {
border: 1px solid var(--background-modifier-error);
color: var(--text-error);
box-shadow: 0 2px 3px 0px var(--btn-shadow-color);
transition: background-color 0.2s ease-out; }
button:hover,
.modal button:not(.mod-warning):hover,
.modal.mod-settings button:not(.mod-warning):hover {
background-color: var(--interactive-normal);
border-color: var(--background-modifier-border-hover);
box-shadow: 0 2px 3px 0px var(--btn-shadow-color);
transition: background-color 0.2s ease-out, border-color 0.2s ease-out; }
.is-mobile button.copy-code-button {
width: auto;
margin-right: 4px; }
/* Dropdowns */
.dropdown,
body .addChoiceBox #addChoiceTypeSelector {
font-family: var(--font-interface);
font-size: var(--font-inputs); }
.dropdown,
select {
box-shadow: 0 1px 1px 0px var(--btn-shadow-color);
background-color: var(--interactive-normal);
border-color: var(--background-modifier-border);
transition: border-color 0.1s linear;
height: var(--input-height);
font-family: var(--font-interface);
border-radius: var(--radius-m); }
.dropdown {
background-image: url("data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22><path%20fill%3D%22%23000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F><%2Fsvg>"); }
.theme-dark .dropdown {
background-image: url("data:image/svg+xml;charset=US-ASCII,<svg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22><path%20fill%3D%22%23FFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F><%2Fsvg>"); }
.dropdown:hover,
select:hover {
background-color: var(--interactive-normal);
box-shadow: 0 2px 3px 0px var(--btn-shadow-color);
border-color: var(--background-modifier-border-hover);
transition: all 0.1s linear; }
.dropdown:focus,
.dropdown:active,
select:focus,
select:active {
-webkit-appearance: none;
border-color: var(--background-modifier-border-hover); }
body:not(.is-mobile) .dropdown:focus,
body:not(.is-mobile) .dropdown:active,
body:not(.is-mobile) select:focus,
body:not(.is-mobile) select:active {
box-shadow: 0 0 0px 2px var(--background-modifier-border-hover); }
/* Input fields */
textarea,
input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'] {
font-family: var(--font-interface);
font-size: var(--font-inputs); }
textarea {
padding: 5px 10px;
transition: box-shadow 0.1s linear;
-webkit-appearance: none;
line-height: 1.3; }
input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'] {
padding: 5px 10px;
-webkit-appearance: none;
transition: box-shadow 0.1s linear;
height: var(--input-height); }
textarea:hover,
input:hover {
border-color: var(--background-modifier-border-hover);
transition: border-color 0.1s linear, box-shadow 0.1s linear; }
textarea:active,
textarea:focus,
input[type='text']:active,
input[type='search']:active,
input[type='email']:active,
input[type='password']:active,
input[type='number']:active,
input[type='text']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='number']:focus {
-webkit-appearance: none;
border-color: var(--background-modifier-border-hover); }
body:not(.is-mobile) textarea:active,
body:not(.is-mobile) textarea:focus,
body:not(.is-mobile) .dropdown:focus,
body:not(.is-mobile) .dropdown:active,
body:not(.is-mobile) select:focus,
body:not(.is-mobile) select:active,
body:not(.is-mobile) input:focus {
box-shadow: 0 0 0px 2px var(--background-modifier-border-hover);
transition: border-color 0.1s linear, box-shadow 0.1s linear; }
/* Progress bars */
.theme-light {
--progress-outline:rgba(0,0,0,0.05); }
.theme-dark {
--progress-outline:rgba(255,255,255,0.04); }
.markdown-source-view.is-live-preview progress,
.markdown-preview-view progress {
-webkit-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
appearance: none;
box-sizing: border-box;
display: inline-block;
height: 5px;
margin-bottom: 4px;
width: 220px;
max-width: 100%;
overflow: hidden;
border-radius: 0px;
border: 0;
vertical-align: -0.2rem; }
.markdown-source-view.is-live-preview progress[value]::-webkit-progress-bar,
.markdown-preview-view progress[value]::-webkit-progress-bar {
background-color: var(--background-tertiary);
box-shadow: inset 0px 0px 0px var(--border-width) var(--progress-outline);
border-radius: 5px;
overflow: hidden; }
.markdown-source-view.is-live-preview progress[value]::-webkit-progress-value,
.markdown-preview-view progress[value]::-webkit-progress-value {
background-color: var(--text-accent);
overflow: hidden; }
.markdown-source-view.is-live-preview progress[value^='1']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='2']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='3']::-webkit-progress-value,
.markdown-preview-view progress[value^='1']::-webkit-progress-value,
.markdown-preview-view progress[value^='2']::-webkit-progress-value,
.markdown-preview-view progress[value^='3']::-webkit-progress-value {
background-color: var(--red); }
.markdown-source-view.is-live-preview progress[value^='4']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='5']::-webkit-progress-value,
.markdown-preview-view progress[value^='4']::-webkit-progress-value,
.markdown-preview-view progress[value^='5']::-webkit-progress-value {
background-color: var(--orange); }
.markdown-source-view.is-live-preview progress[value^='6']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='7']::-webkit-progress-value,
.markdown-preview-view progress[value^='6']::-webkit-progress-value,
.markdown-preview-view progress[value^='7']::-webkit-progress-value {
background-color: var(--yellow); }
.markdown-source-view.is-live-preview progress[value^='8']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value^='9']::-webkit-progress-value,
.markdown-preview-view progress[value^='8']::-webkit-progress-value,
.markdown-preview-view progress[value^='9']::-webkit-progress-value {
background-color: var(--green); }
.markdown-source-view.is-live-preview progress[value='1']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='100']::-webkit-progress-value,
.markdown-preview-view progress[value='1']::-webkit-progress-value,
.markdown-preview-view progress[value='100']::-webkit-progress-value {
background-color: var(--text-accent); }
.markdown-source-view.is-live-preview progress[value='0']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='2']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='3']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='4']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='5']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='6']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='7']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='8']::-webkit-progress-value, .markdown-source-view.is-live-preview progress[value='9']::-webkit-progress-value,
.markdown-preview-view progress[value='0']::-webkit-progress-value,
.markdown-preview-view progress[value='2']::-webkit-progress-value,
.markdown-preview-view progress[value='3']::-webkit-progress-value,
.markdown-preview-view progress[value='4']::-webkit-progress-value,
.markdown-preview-view progress[value='5']::-webkit-progress-value,
.markdown-preview-view progress[value='6']::-webkit-progress-value,
.markdown-preview-view progress[value='7']::-webkit-progress-value,
.markdown-preview-view progress[value='8']::-webkit-progress-value,
.markdown-preview-view progress[value='9']::-webkit-progress-value {
background-color: var(--red); }
/* Range slider input */
input[type=range] {
background-color: var(--background-modifier-border-hover);
height: 2px;
padding: 0 0px;
-webkit-appearance: none;
cursor: default;
margin: 0;
border-radius: 0px; }
body:not(.is-mobile) input[type=range]:focus {
box-shadow: none; }
input[type=range]::-webkit-slider-runnable-track {
background: var(--background-modifier-border-hover);
height: 2px;
margin-top: 0px; }
input[type=range]::-webkit-slider-thumb {
background: white;
border: 1px solid var(--background-modifier-border-hover);
height: 18px;
width: 18px;
border-radius: 16px;
margin-top: -5px;
transition: all 0.1s linear;
cursor: default;
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.05), 0 2px 4px 0px rgba(0, 0, 0, 0.1); }
input[type=range]::-webkit-slider-thumb:hover,
input[type=range]::-webkit-slider-thumb:active {
background: white;
border-width: 1;
border: 1px solid var(--background-modifier-border-focus);
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05), 0 2px 3px 0px rgba(0, 0, 0, 0.2);
transition: all 0.1s linear; }
body:not(.is-mobile) input[type=range]:focus::-webkit-slider-thumb {
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.05), 0 2px 3px 0px rgba(0, 0, 0, 0.2); }
/* Toggle switches */
.checkbox-container {
background-color: var(--background-modifier-border-hover);
box-shadow: inset 0 0px 1px 0px rgba(0, 0, 0, 0.2);
border: none;
width: 40px;
height: 22px;
cursor: var(--cursor); }
.checkbox-container.is-enabled {
border-color: var(--interactive-accent); }
.checkbox-container.is-enabled:after {
transform: translate3d(20px, 0, 0); }
.checkbox-container:after {
background: white;
border: none;
margin: 2px 0 0 0;
height: 18px;
width: 18px;
border-radius: 26px;
transform: translate3d(2px, 0, 0);
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
transition: all 0.1s linear; }
.checkbox-container:hover:after {
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.1);
transition: all 0.1s linear; }
/* Minimal features */
/* Active line highlight */
.active-line-on .cm-line.cm-active,
.active-line-on .markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote.cm-active {
background-color: var(--active-line-bg);
box-shadow: -25vw 0px var(--active-line-bg), 25vw 0 var(--active-line-bg); }
.borders-low {
--border-width:0px;
--border-width-alt:1px; }
.borders-none {
--border-width:0px;
--border-width-alt:0px; }
/* Title borders */
body.borders-title .workspace-leaf .workspace-leaf-content:not([data-type='empty']):not([data-type='map']):not([data-type='graph']):not([data-type='localgraph']) .view-header,
body.borders-title .workspace-split.mod-root .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content:not([data-type='map']):not([data-type='graph']):not([data-type='empty']):not([data-type='localgraph']) .view-header {
border-bottom: var(--border-width) solid var(--background-divider); }
body.borders-title .workspace-ribbon.mod-left.is-collapsed {
border-right: var(--border-width) solid var(--background-divider); }
body:not(.is-fullscreen).mod-macos.hider-frameless.borders-title .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container {
border: none; }
/* MIT License | Copyright (c) Stephan Ango (@kepano)
Cards snippet for Obsidian
author: @kepano
version: 1.1.0
Support my work:
https://github.com/sponsors/kepano
*/
:root {
--cards-min-width:180px;
--cards-max-width:1fr;
--cards-mobile-width:120px;
--cards-image-height:400px;
--cards-padding:1.2em;
--cards-image-fit:contain;
--cards-background:transparent;
--cards-border-width:1px; }
@media (max-width: 400pt) {
:root {
--cards-min-width:var(--cards-mobile-width); } }
/* Make the grid and basic cards */
.cards.table-100 table.dataview tbody,
.table-100 .cards table.dataview tbody {
padding: 0.25rem 0.75rem; }
.cards .el-pre + .el-lang-dataview .table-view-thead {
padding-top: 8px; }
.cards table.dataview tbody {
clear: both;
padding: 0.5rem 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(var(--cards-min-width), var(--cards-max-width)));
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem; }
.cards table.dataview > tbody > tr {
background-color: var(--cards-background);
border: var(--cards-border-width) solid var(--background-modifier-border);
display: flex;
flex-direction: column;
margin: 0;
padding: 0 0 calc(var(--cards-padding)/3) 0;
border-radius: 6px;
overflow: hidden;
transition: box-shadow 0.15s linear; }
.cards table.dataview > tbody > tr:hover {
border: var(--cards-border-width) solid var(--background-modifier-border-hover);
box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.05), 0 1px 3px 1px rgba(0, 0, 0, 0.025);
transition: box-shadow 0.15s linear; }
/* Styling elements inside cards */
.markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td,
.trim-cols .cards table.dataview tbody > tr > td {
white-space: normal; }
.markdown-source-view.mod-cm6.cards .dataview.table-view-table > tbody > tr > td,
.cards table.dataview tbody > tr > td {
border-bottom: none;
padding: 0 !important;
line-height: 1.2;
width: calc(100% - var(--cards-padding));
margin: 0 auto;
overflow: visible !important;
max-width: 100%;
display: flex; }
.cards table.dataview tbody > tr > td .el-p {
display: block;
width: 100%; }
.cards table.dataview tbody > tr > td:first-child {
font-weight: var(--bold-weight); }
.cards table.dataview tbody > tr > td:first-child a {
padding: 0 0 calc(var(--cards-padding)/3);
display: block; }
.cards table.dataview tbody > tr > td:not(:first-child) {
font-size: 90%;
color: var(--text-muted); }
@media (max-width: 400pt) {
.cards table.dataview tbody > tr > td:not(:first-child) {
font-size: 80%; } }
/* Helpers */
.cards-cover.cards table.dataview tbody > tr > td img {
object-fit: cover; }
.cards-16-9.cards table.dataview tbody > tr > td img {
aspect-ratio: 16/9; }
.cards-1-1.cards table.dataview tbody > tr > td img {
aspect-ratio: 1/1; }
.cards-2-1.cards table.dataview tbody > tr > td img {
aspect-ratio: 2/1; }
.cards-2-3.cards table.dataview tbody > tr > td img {
aspect-ratio: 2/3; }
.cards-align-bottom.cards table.dataview tbody > tr > td:last-child {
align-items: flex-end;
flex-grow: 1; }
.cards-cols-1 table.dataview tbody {
grid-template-columns: repeat(1, minmax(0, 1fr)); }
.cards-cols-2 table.dataview tbody {
grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 400pt) {
.cards-cols-3 table.dataview tbody {
grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cards-cols-4 table.dataview tbody {
grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cards-cols-5 table.dataview tbody {
grid-template-columns: repeat(5, minmax(0, 1fr)); }
.cards-cols-6 table.dataview tbody {
grid-template-columns: repeat(6, minmax(0, 1fr)); }
.cards-cols-7 table.dataview tbody {
grid-template-columns: repeat(7, minmax(0, 1fr)); }
.cards-cols-8 table.dataview tbody {
grid-template-columns: repeat(8, minmax(0, 1fr)); } }
/* Card content */
/* Paragraphs */
.cards table.dataview tbody > tr > td > *:not(.el-embed-image) {
padding: calc(var(--cards-padding)/3) 0; }
.cards table.dataview tbody > tr > td:not(:last-child):not(:first-child) > .el-p:not(.el-embed-image) {
border-bottom: 1px solid var(--background-modifier-border);
width: 100%; }
/* Links */
.cards table.dataview tbody > tr > td a {
text-decoration: none; }
.links-int-on .cards table.dataview tbody > tr > td a {
text-decoration: none; }
/* Buttons */
.cards table.dataview tbody > tr > td > button {
width: 100%;
margin: calc(var(--cards-padding)/2) 0; }
.cards table.dataview tbody > tr > td:last-child > button {
margin-bottom: calc(var(--cards-padding)/6); }
/* Lists */
.cards table.dataview tbody > tr > td > ul {
width: 100%;
padding: 0.25em 0 !important;
margin: 0 auto !important; }
.cards table.dataview tbody > tr > td:not(:last-child) > ul {
border-bottom: 1px solid var(--background-modifier-border); }
/* Images */
.cards table.dataview tbody > tr > td .el-embed-image {
background-color: var(--background-secondary);
display: block;
margin: 0 calc(var(--cards-padding)/-2) 0 calc(var(--cards-padding)/-2);
width: calc(100% + var(--cards-padding)); }
.cards table.dataview tbody > tr > td img {
width: 100%;
object-fit: var(--cards-image-fit);
max-height: var(--cards-image-height);
background-color: var(--background-secondary);
vertical-align: bottom; }
/* ------------------- */
/* Block button */
.markdown-source-view.mod-cm6.cards .edit-block-button {
top: 0px; }
/* ------------------- */
/* Sorting */
.cards.table-100 table.dataview thead > tr,
.table-100 .cards table.dataview thead > tr {
right: 0.75rem; }
.table-100 .cards table.dataview thead:before,
.cards.table-100 table.dataview thead:before {
margin-right: 0.75rem; }
.cards table.dataview thead {
user-select: none;
width: 180px;
display: block;
float: right;
position: relative;
text-align: right;
height: 24px;
padding-bottom: 4px; }
.cards table.dataview thead:before {
content: '';
position: absolute;
right: 0;
top: 0;
height: var(--icon-size);
background-repeat: no-repeat;
cursor: var(--cursor);
text-align: right;
padding: 4px 10px;
margin-bottom: 2px;
border-radius: 5px;
font-weight: 500;
font-size: var(--font-adaptive-small); }
.cards table.dataview thead:before {
opacity: 0.25;
background-position: center center;
background-size: var(--icon-size);
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="white" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>'); }
.theme-light .cards table.dataview thead:before {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>'); }
.cards table.dataview thead:hover:before {
opacity: 0.5; }
.cards table.dataview thead > tr {
top: 0;
position: absolute;
display: none;
z-index: 9;
border: 1px solid var(--background-modifier-border);
background-color: var(--background-secondary);
box-shadow: 0 2px 8px var(--background-modifier-box-shadow);
padding: 6px;
border-radius: 6px;
flex-direction: column;
margin: 26px 0 0 0;
width: 100%; }
.cards table.dataview thead:hover > tr {
display: flex; }
.cards table.dataview thead > tr > th {
display: block;
padding: 3px 30px 3px 6px !important;
border-radius: 5px;
width: 100%;
font-weight: 400;
color: var(--text-muted);
cursor: var(--cursor);
border: none;
font-size: var(--font-adaptive-small); }
.cards table.dataview thead > tr > th[sortable-style="sortable-asc"],
.cards table.dataview thead > tr > th[sortable-style="sortable-desc"] {
color: var(--text-normal); }
.cards table.dataview thead > tr > th:hover {
color: var(--text-normal);
background-color: var(--background-tertiary); }
/* Checklist icons */
.cm-formatting.cm-formatting-task.cm-property {
font-family: var(--font-monospace);
font-size: 90%; }
input[data-task=">"]:checked,
input[data-task="!"]:checked,
input[data-task="-"]:checked,
input[data-task="<"]:checked,
input[data-task="l"]:checked,
input[data-task="*"]:checked,
input[data-task="I"]:checked,
input[data-task="p"]:checked,
input[data-task="f"]:checked,
input[data-task="k"]:checked,
input[data-task="u"]:checked,
input[data-task="w"]:checked,
input[data-task="c"]:checked,
input[data-task="d"]:checked,
input[data-task="b"]:checked,
li[data-task=">"] > input:checked,
li[data-task="!"] > input:checked,
li[data-task="-"] > input:checked,
li[data-task="<"] > input:checked,
li[data-task="l"] > input:checked,
li[data-task="*"] > input:checked,
li[data-task="I"] > input:checked,
li[data-task="p"] > input:checked,
li[data-task="f"] > input:checked,
li[data-task="k"] > input:checked,
li[data-task="u"] > input:checked,
li[data-task="d"] > input:checked,
li[data-task="w"] > input:checked,
li[data-task="c"] > input:checked,
li[data-task="b"] > input:checked,
li[data-task=">"] > p > input:checked,
li[data-task="!"] > p > input:checked,
li[data-task="-"] > p > input:checked,
li[data-task="<"] > p > input:checked,
li[data-task="l"] > p > input:checked,
li[data-task="*"] > p > input:checked,
li[data-task="I"] > p > input:checked,
li[data-task="p"] > p > input:checked,
li[data-task="f"] > p > input:checked,
li[data-task="k"] > p > input:checked,
li[data-task="u"] > p > input:checked,
li[data-task="d"] > p > input:checked,
li[data-task="w"] > p > input:checked,
li[data-task="c"] > p > input:checked,
li[data-task="b"] > p > input:checked {
border: none;
border-radius: 0;
background-image: none;
background-color: currentColor;
-webkit-mask-size: var(--checkbox-icon);
-webkit-mask-position: 50% 50%; }
/* [>] Forwarded */
input[data-task=">"]:checked,
li[data-task=">"] > input:checked,
li[data-task=">"] > p > input:checked {
color: var(--text-faint);
transform: rotate(90deg);
-webkit-mask-position: 50% 100%;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%3E%3C/svg%3E"); }
/* [<] Schedule */
input[data-task="<"]:checked,
li[data-task="<"] > input:checked,
li[data-task="<"] > p > input:checked {
color: var(--text-faint);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [?] Question */
input[data-task="?"]:checked,
li[data-task="?"] > input:checked,
li[data-task="?"] > p > input:checked {
background-color: var(--yellow);
border-color: var(--yellow);
background-position: 50% 50%;
background-size: 200% 90%;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="white" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E'); }
.theme-dark input[data-task="?"]:checked,
.theme-dark li[data-task="?"] > input:checked,
.theme-dark li[data-task="?"] > p > input:checked {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="black" fill-opacity="0.8" fill-rule="evenodd" d="M4.475 5.458c-.284 0-.514-.237-.47-.517C4.28 3.24 5.576 2 7.825 2c2.25 0 3.767 1.36 3.767 3.215c0 1.344-.665 2.288-1.79 2.973c-1.1.659-1.414 1.118-1.414 2.01v.03a.5.5 0 0 1-.5.5h-.77a.5.5 0 0 1-.5-.495l-.003-.2c-.043-1.221.477-2.001 1.645-2.712c1.03-.632 1.397-1.135 1.397-2.028c0-.979-.758-1.698-1.926-1.698c-1.009 0-1.71.529-1.938 1.402c-.066.254-.278.461-.54.461h-.777ZM7.496 14c.622 0 1.095-.474 1.095-1.09c0-.618-.473-1.092-1.095-1.092c-.606 0-1.087.474-1.087 1.091S6.89 14 7.496 14Z"%2F%3E%3C%2Fsvg%3E'); }
/* [/] Incomplete */
input[data-task="/"]:checked,
li[data-task="/"] > input:checked,
li[data-task="/"] > p > input:checked {
background-image: none;
background-color: transparent;
position: relative;
overflow: hidden; }
input[data-task="/"]:checked:after,
li[data-task="/"] > input:checked:after,
li[data-task="/"] > p > input:checked:after {
content: " ";
display: block;
position: absolute;
background-color: var(--background-modifier-accent);
width: calc(50% - 0.5px);
height: 100%; }
/* [!] Important */
input[data-task="!"]:checked,
li[data-task="!"] > input:checked,
li[data-task="!"] > p > input:checked {
color: var(--orange);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* ["] Quote */
input[data-task="“"]:checked,
li[data-task="“"] > input:checked,
li[data-task="“"] > p > input:checked,
input[data-task="\""]:checked,
li[data-task="\""] > input:checked,
li[data-task="\""] > p > input:checked {
background-position: 50% 50%;
background-color: var(--cyan);
border-color: var(--cyan);
background-size: 75%;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E'); }
.theme-dark input[data-task="“"]:checked,
.theme-dark li[data-task="“"] > input:checked,
.theme-dark li[data-task="“"] > p > input:checked,
.theme-dark input[data-task="\""]:checked,
.theme-dark li[data-task="\""] > input:checked,
.theme-dark li[data-task="\""] > p > input:checked {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="black" fill-opacity="0.7" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E'); }
/* [-] Canceled */
input[data-task="-"]:checked,
li[data-task="-"] > input:checked,
li[data-task="-"] > p > input:checked {
color: var(--text-faint);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
body:not(.tasks) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="-"]),
body:not(.tasks) .markdown-preview-view ul li[data-task="-"].task-list-item.is-checked,
body:not(.tasks) li[data-task="-"].task-list-item.is-checked {
color: var(--text-faint);
text-decoration: line-through solid var(--text-faint) 1px; }
/* [*] Star */
input[data-task="*"]:checked,
li[data-task="*"] > input:checked,
li[data-task="*"] > p > input:checked {
color: var(--yellow);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E"); }
/* [l] Location */
input[data-task="l"]:checked,
li[data-task="l"] > input:checked,
li[data-task="l"] > p > input:checked {
color: var(--red);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [i] Info */
input[data-task="i"]:checked,
li[data-task="i"] > input:checked,
li[data-task="i"] > p > input:checked {
background-color: var(--blue);
border-color: var(--blue);
background-position: 50%;
background-size: 100%;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="white" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E'); }
.theme-dark input[data-task="i"]:checked,
.theme-dark li[data-task="i"] > input:checked,
.theme-dark li[data-task="i"] > p > input:checked {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="black" fill-opacity="0.8" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E'); }
/* [S] Amount/savings/money */
input[data-task="S"]:checked,
li[data-task="S"] > input:checked,
li[data-task="S"] > p > input:checked {
border-color: var(--green);
background-color: var(--green);
background-size: 100%;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill="white" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E'); }
.theme-dark input[data-task="S"]:checked,
.theme-dark li[data-task="S"] > input:checked,
.theme-dark li[data-task="S"] > p > input:checked {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill-opacity="0.8" fill="black" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E'); }
/* [I] Idea/lightbulb */
input[data-task="I"]:checked,
li[data-task="I"] > input:checked,
li[data-task="I"] > p > input:checked {
color: var(--yellow);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M11 3a1 1 0 10-2 0v1a1 1 0 102 0V3zM15.657 5.757a1 1 0 00-1.414-1.414l-.707.707a1 1 0 001.414 1.414l.707-.707zM18 10a1 1 0 01-1 1h-1a1 1 0 110-2h1a1 1 0 011 1zM5.05 6.464A1 1 0 106.464 5.05l-.707-.707a1 1 0 00-1.414 1.414l.707.707zM5 10a1 1 0 01-1 1H3a1 1 0 110-2h1a1 1 0 011 1zM8 16v-1h4v1a2 2 0 11-4 0zM12 14c.015-.34.208-.646.477-.859a4 4 0 10-4.954 0c.27.213.462.519.476.859h4.002z' /%3E%3C/svg%3E"); }
/* [f] Fire */
input[data-task="f"]:checked,
li[data-task="f"] > input:checked,
li[data-task="f"] > p > input:checked {
color: var(--red);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [k] Key */
input[data-task="k"]:checked,
li[data-task="k"] > input:checked,
li[data-task="k"] > p > input:checked {
color: var(--yellow);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [u] Up */
input[data-task="u"]:checked,
li[data-task="u"] > input:checked,
li[data-task="u"] > p > input:checked {
color: var(--green);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [d] Down */
input[data-task="d"]:checked,
li[data-task="d"] > input:checked,
li[data-task="d"] > p > input:checked {
color: var(--red);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [w] Win */
input[data-task="w"]:checked,
li[data-task="w"] > input:checked,
li[data-task="w"] > p > input:checked {
color: var(--purple);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [p] Pros */
input[data-task="p"]:checked,
li[data-task="p"] > input:checked,
li[data-task="p"] > p > input:checked {
color: var(--green);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z' /%3E%3C/svg%3E"); }
/* [c] Cons */
input[data-task="c"]:checked,
li[data-task="c"] > input:checked,
li[data-task="c"] > p > input:checked {
color: var(--orange);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z' /%3E%3C/svg%3E"); }
/* [b] Bookmark */
input[data-task="b"]:checked,
li[data-task="b"] > input:checked,
li[data-task="b"] > p > input:checked {
color: var(--orange);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z' /%3E%3C/svg%3E"); }
/* Colorful active states */
.colorful-active {
--sp1:var(--bg1); }
.colorful-active .nav-file-title.is-active,
.colorful-active #calendar-container .active,
.colorful-active #calendar-container .active.today,
.colorful-active #calendar-container .active:hover,
.colorful-active #calendar-container .day:active,
.colorful-active .vertical-tab-nav-item.is-active,
.colorful-active .nav-file-title.is-being-dragged,
.colorful-active .nav-folder-title.is-being-dragged,
body.colorful-active:not(.is-grabbing) .nav-file-title.is-being-dragged:hover,
body.colorful-active:not(.is-grabbing) .nav-folder-title.is-being-dragged:hover,
body.colorful-active:not(.is-grabbing) .nav-file-title.is-active:hover,
.colorful-active .menu-item.selected:not(.is-disabled):not(.is-label),
.colorful-active .menu-item:hover,
.colorful-active .menu-item:hover:not(.is-disabled):not(.is-label) {
background-color: var(--ax3);
color: var(--sp1); }
.colorful-active #calendar-container .day:active .dot,
.colorful-active #calendar-container .active .dot,
.colorful-active #calendar-container .today.active .dot {
fill: var(--sp1); }
.colorful-active .menu-item.selected:not(.is-disabled):not(.is-label) .menu-item-icon,
.colorful-active .menu-item:hover .menu-item-icon {
color: var(--sp1); }
.colorful-active .nav-file-title-content.is-being-renamed {
color: var(--text-normal); }
.is-mobile.colorful-active .nav-file-title.is-active {
box-shadow: 0 0 0px 2px var(--ax3); }
/*
.colorful-active .suggestion-container .suggestion-item:hover,
.colorful-active .modal-container .suggestion-item.is-selected {
}*/
/* Colorful headings */
body.colorful-headings {
--h1-color:var(--red);
--h2-color:var(--orange);
--h3-color:var(--yellow);
--h4-color:var(--green);
--h5-color:var(--blue);
--h6-color:var(--purple); }
/* Icons
Thank you to Matthew Meyers and Chetachi Ezikeuzor */
.is-mobile .tree-item-self .collapse-icon {
width: 20px; }
body:not(.minimal-icons-off) .view-action svg,
body:not(.minimal-icons-off) .workspace-tab-header-inner-icon svg,
body:not(.minimal-icons-off) .nav-action-button svg,
body:not(.minimal-icons-off) .graph-controls-button svg {
width: var(--icon-size);
height: var(--icon-size); }
body:not(.minimal-icons-off) .menu-item-icon svg {
width: 16px;
height: 16px; }
body:not(.minimal-icons-off) .workspace-ribbon-collapse-btn svg {
width: var(--icon-size);
height: var(--icon-size); }
body:not(.minimal-icons-off) svg.any-key,
body:not(.minimal-icons-off) svg.blocks,
body:not(.minimal-icons-off) svg.bar-graph,
body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon,
body:not(.minimal-icons-off) svg.audio-file,
body:not(.minimal-icons-off) svg.bold-glyph,
body:not(.minimal-icons-off) svg.italic-glyph,
body:not(.minimal-icons-off) svg.bracket-glyph,
body:not(.minimal-icons-off) svg.broken-link,
body:not(.minimal-icons-off) svg.bullet-list-glyph,
body:not(.minimal-icons-off) svg.bullet-list,
body:not(.minimal-icons-off) svg.calendar-day,
body:not(.minimal-icons-off) svg.calendar-with-checkmark,
body:not(.minimal-icons-off) svg.check-in-circle,
body:not(.minimal-icons-off) svg.check-small,
body:not(.minimal-icons-off) svg.checkbox-glyph,
body:not(.minimal-icons-off) svg.checkmark,
body:not(.minimal-icons-off) svg.clock,
body:not(.minimal-icons-off) svg.cloud,
body:not(.minimal-icons-off) svg.code-glyph,
body:not(.minimal-icons-off) svg.create-new,
body:not(.minimal-icons-off) svg.cross-in-box,
body:not(.minimal-icons-off) svg.cross,
body:not(.minimal-icons-off) svg.crossed-star,
body:not(.minimal-icons-off) svg.dice,
body:not(.minimal-icons-off) svg.disk,
body:not(.minimal-icons-off) svg.document,
body:not(.minimal-icons-off) svg.documents,
body:not(.minimal-icons-off) svg.dot-network,
body:not(.minimal-icons-off) svg.double-down-arrow-glyph,
body:not(.minimal-icons-off) svg.double-up-arrow-glyph,
body:not(.minimal-icons-off) svg.down-arrow-with-tail,
body:not(.minimal-icons-off) svg.down-chevron-glyph,
body:not(.minimal-icons-off) svg.enter,
body:not(.minimal-icons-off) svg.exit-fullscreen,
body:not(.minimal-icons-off) svg.expand-vertically,
body:not(.minimal-icons-off) svg.excalidraw-icon,
body:not(.minimal-icons-off) svg.filled-pin,
body:not(.minimal-icons-off) svg.folder,
body:not(.minimal-icons-off) svg.fullscreen,
body:not(.minimal-icons-off) svg.gear,
body:not(.minimal-icons-off) svg.globe,
body:not(.minimal-icons-off) svg.hashtag,
body:not(.minimal-icons-off) svg.heading-glyph,
body:not(.minimal-icons-off) svg.go-to-file,
body:not(.minimal-icons-off) svg.help .widget-icon,
body:not(.minimal-icons-off) svg.help,
body:not(.minimal-icons-off) svg.highlight-glyph,
body:not(.minimal-icons-off) svg.horizontal-split,
body:not(.minimal-icons-off) svg.image-file,
body:not(.minimal-icons-off) svg.image-glyph,
body:not(.minimal-icons-off) svg.indent-glyph,
body:not(.minimal-icons-off) svg.info,
body:not(.minimal-icons-off) svg.install,
body:not(.minimal-icons-off) svg.keyboard-glyph,
body:not(.minimal-icons-off) svg.ledger,
body:not(.minimal-icons-off) svg.left-arrow-with-tail,
body:not(.minimal-icons-off) svg.left-arrow,
body:not(.minimal-icons-off) svg.left-chevron-glyph,
body:not(.minimal-icons-off) svg.lines-of-text,
body:not(.minimal-icons-off) svg.link-glyph,
body:not(.minimal-icons-off) svg.link,
body:not(.minimal-icons-off) svg.magnifying-glass,
body:not(.minimal-icons-off) svg.microphone-filled,
body:not(.minimal-icons-off) svg.microphone,
body:not(.minimal-icons-off) svg.minus-with-circle,
body:not(.minimal-icons-off) svg.note-glyph,
body:not(.minimal-icons-off) svg.number-list-glyph,
body:not(.minimal-icons-off) svg.open-vault,
body:not(.minimal-icons-off) svg.pane-layout,
body:not(.minimal-icons-off) svg.paper-plane,
body:not(.minimal-icons-off) svg.paused,
body:not(.minimal-icons-off) svg.pencil,
body:not(.minimal-icons-off) svg.pencil_icon,
body:not(.minimal-icons-off) svg.pin,
body:not(.minimal-icons-off) svg.plus-with-circle,
body:not(.minimal-icons-off) svg.popup-open,
body:not(.minimal-icons-off) svg.presentation,
body:not(.minimal-icons-off) svg.price-tag-glyph,
body:not(.minimal-icons-off) svg.quote-glyph,
body:not(.minimal-icons-off) svg.redo-glyph,
body:not(.minimal-icons-off) svg.reset,
body:not(.minimal-icons-off) svg.right-arrow-with-tail,
body:not(.minimal-icons-off) svg.right-arrow,
body:not(.minimal-icons-off) svg.right-chevron-glyph,
body:not(.minimal-icons-off) svg.right-triangle,
body:not(.minimal-icons-off) svg.run-command,
body:not(.minimal-icons-off) svg.search,
body:not(.minimal-icons-off) svg.ScriptEngine,
body:not(.minimal-icons-off) svg.sheets-in-box,
body:not(.minimal-icons-off) svg.spreadsheet,
body:not(.minimal-icons-off) svg.stacked-levels,
body:not(.minimal-icons-off) svg.star-list,
body:not(.minimal-icons-off) svg.star,
body:not(.minimal-icons-off) svg.strikethrough-glyph,
body:not(.minimal-icons-off) svg.switch,
body:not(.minimal-icons-off) svg.sync-small,
body:not(.minimal-icons-off) svg.sync,
body:not(.minimal-icons-off) svg.tag-glyph,
body:not(.minimal-icons-off) svg.three-horizontal-bars,
body:not(.minimal-icons-off) svg.trash,
body:not(.minimal-icons-off) svg.undo-glyph,
body:not(.minimal-icons-off) svg.unindent-glyph,
body:not(.minimal-icons-off) svg.up-and-down-arrows,
body:not(.minimal-icons-off) svg.up-arrow-with-tail,
body:not(.minimal-icons-off) svg.up-chevron-glyph,
body:not(.minimal-icons-off) svg.vault,
body:not(.minimal-icons-off) svg.vertical-split,
body:not(.minimal-icons-off) svg.vertical-three-dots,
body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph,
body:not(.minimal-icons-off) svg.clock-glyph,
body:not(.minimal-icons-off) svg.command-glyph,
body:not(.minimal-icons-off) svg.add-note-glyph,
body:not(.minimal-icons-off) svg.calendar-glyph,
body:not(.minimal-icons-off) svg.duplicate-glyph,
body:not(.minimal-icons-off) svg.file-explorer-glyph,
body:not(.minimal-icons-off) svg.graph-glyph,
body:not(.minimal-icons-off) svg.import-glyph,
body:not(.minimal-icons-off) svg.languages,
body:not(.minimal-icons-off) svg.links-coming-in,
body:not(.minimal-icons-off) svg.links-going-out,
body:not(.minimal-icons-off) svg.merge-files-glyph,
body:not(.minimal-icons-off) svg.merge-files,
body:not(.minimal-icons-off) svg.open-elsewhere-glyph,
body:not(.minimal-icons-off) svg.obsidian-leaflet-plugin-icon-map,
body:not(.minimal-icons-off) svg.paper-plane-glyph,
body:not(.minimal-icons-off) svg.paste-text,
body:not(.minimal-icons-off) svg.paste,
body:not(.minimal-icons-off) svg.percent-sign-glyph,
body:not(.minimal-icons-off) svg.play-audio-glyph,
body:not(.minimal-icons-off) svg.plus-minus-glyph,
body:not(.minimal-icons-off) svg.presentation-glyph,
body:not(.minimal-icons-off) svg.question-mark-glyph,
body:not(.minimal-icons-off) svg.reading-glasses,
body:not(.minimal-icons-off) svg.restore-file-glyph,
body:not(.minimal-icons-off) svg.scissors-glyph,
body:not(.minimal-icons-off) svg.scissors,
body:not(.minimal-icons-off) svg.search-glyph,
body:not(.minimal-icons-off) svg.select-all-text,
body:not(.minimal-icons-off) svg.split,
body:not(.minimal-icons-off) svg.star-glyph,
body:not(.minimal-icons-off) svg.stop-audio-glyph,
body:not(.minimal-icons-off) svg.sweep,
body:not(.minimal-icons-off) svg.two-blank-pages,
body:not(.minimal-icons-off) svg.tomorrow-glyph,
body:not(.minimal-icons-off) svg.yesterday-glyph,
body:not(.minimal-icons-off) svg.workspace-glyph,
body:not(.minimal-icons-off) svg.box-glyph,
body:not(.minimal-icons-off) svg.wand,
body:not(.minimal-icons-off) svg.longform,
body:not(.minimal-icons-off) svg.changelog {
background-color: currentColor; }
body:not(.minimal-icons-off) svg.any-key > path,
body:not(.minimal-icons-off) svg.blocks > path,
body:not(.minimal-icons-off) svg.bar-graph > path,
body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon > path,
body:not(.minimal-icons-off) svg.audio-file > path,
body:not(.minimal-icons-off) svg.bold-glyph > path,
body:not(.minimal-icons-off) svg.italic-glyph > path,
body:not(.minimal-icons-off) svg.bracket-glyph > path,
body:not(.minimal-icons-off) svg.broken-link > path,
body:not(.minimal-icons-off) svg.bullet-list-glyph > path,
body:not(.minimal-icons-off) svg.bullet-list > path,
body:not(.minimal-icons-off) svg.calendar-day > path,
body:not(.minimal-icons-off) svg.calendar-with-checkmark > path,
body:not(.minimal-icons-off) svg.check-in-circle > path,
body:not(.minimal-icons-off) svg.check-small > path,
body:not(.minimal-icons-off) svg.checkbox-glyph > path,
body:not(.minimal-icons-off) svg.checkmark > path,
body:not(.minimal-icons-off) svg.clock > path,
body:not(.minimal-icons-off) svg.cloud > path,
body:not(.minimal-icons-off) svg.code-glyph > path,
body:not(.minimal-icons-off) svg.command-glyph > path,
body:not(.minimal-icons-off) svg.create-new > path,
body:not(.minimal-icons-off) svg.cross-in-box > path,
body:not(.minimal-icons-off) svg.cross > path,
body:not(.minimal-icons-off) svg.crossed-star > path,
body:not(.minimal-icons-off) svg.dice > path,
body:not(.minimal-icons-off) svg.disk > path,
body:not(.minimal-icons-off) svg.document > path,
body:not(.minimal-icons-off) svg.documents > path,
body:not(.minimal-icons-off) svg.dot-network > path,
body:not(.minimal-icons-off) svg.double-down-arrow-glyph > path,
body:not(.minimal-icons-off) svg.double-up-arrow-glyph > path,
body:not(.minimal-icons-off) svg.down-arrow-with-tail > path,
body:not(.minimal-icons-off) svg.down-chevron-glyph > path,
body:not(.minimal-icons-off) svg.enter > path,
body:not(.minimal-icons-off) svg.exit-fullscreen > path,
body:not(.minimal-icons-off) svg.expand-vertically > path,
body:not(.minimal-icons-off) svg.excalidraw-icon path,
body:not(.minimal-icons-off) svg.filled-pin > path,
body:not(.minimal-icons-off) svg.folder > path,
body:not(.minimal-icons-off) svg.fullscreen > path,
body:not(.minimal-icons-off) svg.gear > path,
body:not(.minimal-icons-off) svg.hashtag > path,
body:not(.minimal-icons-off) svg.heading-glyph > path,
body:not(.minimal-icons-off) svg.globe > path,
body:not(.minimal-icons-off) svg.go-to-file > path,
body:not(.minimal-icons-off) svg.help .widget-icon > path,
body:not(.minimal-icons-off) svg.help > path,
body:not(.minimal-icons-off) svg.highlight-glyph > path,
body:not(.minimal-icons-off) svg.horizontal-split > path,
body:not(.minimal-icons-off) svg.image-file > path,
body:not(.minimal-icons-off) svg.image-glyph > path,
body:not(.minimal-icons-off) svg.indent-glyph > path,
body:not(.minimal-icons-off) svg.info > path,
body:not(.minimal-icons-off) svg.install > path,
body:not(.minimal-icons-off) svg.keyboard-glyph > path,
body:not(.minimal-icons-off) svg.left-arrow-with-tail > path,
body:not(.minimal-icons-off) svg.left-arrow > path,
body:not(.minimal-icons-off) svg.left-chevron-glyph > path,
body:not(.minimal-icons-off) svg.lines-of-text > path,
body:not(.minimal-icons-off) svg.link-glyph > path,
body:not(.minimal-icons-off) svg.link > path,
body:not(.minimal-icons-off) svg.magnifying-glass > path,
body:not(.minimal-icons-off) svg.microphone-filled > path,
body:not(.minimal-icons-off) svg.microphone > path,
body:not(.minimal-icons-off) svg.minus-with-circle > path,
body:not(.minimal-icons-off) svg.note-glyph > path,
body:not(.minimal-icons-off) svg.number-list-glyph > path,
body:not(.minimal-icons-off) svg.obsidian-leaflet-plugin-icon-map > path,
body:not(.minimal-icons-off) svg.open-vault > path,
body:not(.minimal-icons-off) svg.pane-layout > path,
body:not(.minimal-icons-off) svg.paper-plane > path,
body:not(.minimal-icons-off) svg.paused > path,
body:not(.minimal-icons-off) svg.pencil > path,
body:not(.minimal-icons-off) svg.pencil_icon > path,
body:not(.minimal-icons-off) svg.pin > path,
body:not(.minimal-icons-off) svg.plus-with-circle > path,
body:not(.minimal-icons-off) svg.popup-open > path,
body:not(.minimal-icons-off) svg.presentation > path,
body:not(.minimal-icons-off) svg.price-tag-glyph > path,
body:not(.minimal-icons-off) svg.quote-glyph > path,
body:not(.minimal-icons-off) svg.redo-glyph > path,
body:not(.minimal-icons-off) svg.reset > path,
body:not(.minimal-icons-off) svg.reading-glasses > path,
body:not(.minimal-icons-off) svg.right-arrow-with-tail > path,
body:not(.minimal-icons-off) svg.right-arrow > path,
body:not(.minimal-icons-off) svg.right-chevron-glyph > path,
body:not(.minimal-icons-off) svg.right-triangle > path,
body:not(.minimal-icons-off) svg.run-command > path,
body:not(.minimal-icons-off) svg.ScriptEngine > path,
body:not(.minimal-icons-off) svg.search > path,
body:not(.minimal-icons-off) svg.sheets-in-box > path,
body:not(.minimal-icons-off) svg.spreadsheet > path,
body:not(.minimal-icons-off) svg.stacked-levels > path,
body:not(.minimal-icons-off) svg.star-list > path,
body:not(.minimal-icons-off) svg.star > path,
body:not(.minimal-icons-off) svg.strikethrough-glyph > path,
body:not(.minimal-icons-off) svg.switch > path,
body:not(.minimal-icons-off) svg.sync-small > path,
body:not(.minimal-icons-off) svg.sync > path,
body:not(.minimal-icons-off) svg.tag-glyph > path,
body:not(.minimal-icons-off) svg.three-horizontal-bars > path,
body:not(.minimal-icons-off) svg.trash > path,
body:not(.minimal-icons-off) svg.undo-glyph > path,
body:not(.minimal-icons-off) svg.unindent-glyph > path,
body:not(.minimal-icons-off) svg.up-and-down-arrows > path,
body:not(.minimal-icons-off) svg.up-arrow-with-tail > path,
body:not(.minimal-icons-off) svg.up-chevron-glyph > path,
body:not(.minimal-icons-off) svg.vault > path,
body:not(.minimal-icons-off) svg.vertical-split > path,
body:not(.minimal-icons-off) svg.vertical-three-dots > path,
body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph > path,
body:not(.minimal-icons-off) svg.clock-glyph > path,
body:not(.minimal-icons-off) svg.add-note-glyph > path,
body:not(.minimal-icons-off) svg.calendar-glyph > path,
body:not(.minimal-icons-off) svg.duplicate-glyph > path,
body:not(.minimal-icons-off) svg.file-explorer-glyph > path,
body:not(.minimal-icons-off) svg.graph-glyph > path,
body:not(.minimal-icons-off) svg.import-glyph > path,
body:not(.minimal-icons-off) svg.languages > path,
body:not(.minimal-icons-off) svg.links-coming-in > path,
body:not(.minimal-icons-off) svg.links-going-out > path,
body:not(.minimal-icons-off) svg.merge-files > path,
body:not(.minimal-icons-off) svg.open-elsewhere-glyph > path,
body:not(.minimal-icons-off) svg.paper-plane-glyph > path,
body:not(.minimal-icons-off) svg.paste-text > path,
body:not(.minimal-icons-off) svg.paste > path,
body:not(.minimal-icons-off) svg.percent-sign-glyph > path,
body:not(.minimal-icons-off) svg.play-audio-glyph > path,
body:not(.minimal-icons-off) svg.plus-minus-glyph > path,
body:not(.minimal-icons-off) svg.presentation-glyph > path,
body:not(.minimal-icons-off) svg.question-mark-glyph > path,
body:not(.minimal-icons-off) svg.restore-file-glyph > path,
body:not(.minimal-icons-off) svg.scissors-glyph > path,
body:not(.minimal-icons-off) svg.scissors > path,
body:not(.minimal-icons-off) svg.search-glyph > path,
body:not(.minimal-icons-off) svg.select-all-text > path,
body:not(.minimal-icons-off) svg.split > path,
body:not(.minimal-icons-off) svg.star-glyph > path,
body:not(.minimal-icons-off) svg.stop-audio-glyph > path,
body:not(.minimal-icons-off) svg.sweep > path,
body:not(.minimal-icons-off) svg.two-blank-pages > path,
body:not(.minimal-icons-off) svg.tomorrow-glyph > path,
body:not(.minimal-icons-off) svg.yesterday-glyph > path,
body:not(.minimal-icons-off) svg.workspace-glyph > path,
body:not(.minimal-icons-off) svg.box-glyph > path,
body:not(.minimal-icons-off) svg.wand > path,
body:not(.minimal-icons-off) svg.longform > path,
body:not(.minimal-icons-off) svg.changelog > path {
display: none; }
body:not(.minimal-icons-off) svg.any-key {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M27.2,8C17.7,8,10,15.7,10,25.2v37.6v14C10,86.3,17.7,94,27.2,94h45.6C82.3,94,90,86.3,90,76.8V61.2v-36 C90,15.7,82.3,8,72.8,8L27.2,8z M27.2,12h45.6C80.1,12,86,17.9,86,25.2v36v1.6C86,70.1,80.1,76,72.8,76H27.2 C19.9,76,14,70.1,14,62.8v-1.6v-36C14,17.9,19.9,12,27.2,12z M48,26v14.5L35.6,33l-2.1,3.4L46.1,44l-12.6,7.6l2.1,3.4L48,47.5V62 h4V47.5L64.4,55l2.1-3.4L53.9,44l12.6-7.6L64.4,33L52,40.5V26H48z M14,73.8c3.2,3.8,7.9,6.2,13.2,6.2h45.6c5.3,0,10-2.4,13.2-6.2 v3C86,84.1,80.1,90,72.8,90H27.2C19.9,90,14,84.1,14,76.8L14,73.8z" stroke-width="4" stroke="currentColor"></path></svg>'); }
body:not(.minimal-icons-off) svg.audio-file {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 7.22L6.603 10H3v4h3.603L10 16.78V7.22zM5.889 16H2a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3.889l5.294-4.332a.5.5 0 0 1 .817.387v15.89a.5.5 0 0 1-.817.387L5.89 16zm13.517 4.134l-1.416-1.416A8.978 8.978 0 0 0 21 12a8.982 8.982 0 0 0-3.304-6.968l1.42-1.42A10.976 10.976 0 0 1 23 12c0 3.223-1.386 6.122-3.594 8.134zm-3.543-3.543l-1.422-1.422A3.993 3.993 0 0 0 16 12c0-1.43-.75-2.685-1.88-3.392l1.439-1.439A5.991 5.991 0 0 1 18 12c0 1.842-.83 3.49-2.137 4.591z"></path></svg>'); }
body:not(.minimal-icons-off) svg.bar-graph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M20 7h-4V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H4c-1.103 0-2 .897-2 2v9a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V9c0-1.103-.897-2-2-2zM4 11h4v8H4v-8zm6-1V4h4v15h-4v-9zm10 9h-4V9h4v10z"></path></svg>'); }
body:not(.minimal-icons-off) svg.breadcrumbs-trail-icon {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M 11.742188 1.0136719 C 11.495014 0.99451258 11.245989 1.0010245 11.003906 1.0390625 C 10.519741 1.1151385 10.060171 1.3167823 9.6875 1.6894531 C 8.9427523 2.4345187 8.8811384 3.5232122 9.140625 4.4746094 C 9.4002664 5.4265742 9.9764411 6.3670666 10.804688 7.1953125 C 11.496834 7.8874596 12.264436 8.3925883 13.054688 8.6933594 C 13.05294 8.7011774 13.048573 8.708982 13.046875 8.7167969 C 12.838268 9.6768984 13.040458 10.665466 13.6875 11.3125 C 14.334556 11.959533 15.323109 12.161766 16.283203 11.953125 C 17.243297 11.744486 18.226203 11.164455 19.195312 10.195312 C 20.164421 9.2261688 20.744519 8.2433044 20.953125 7.2832031 C 21.161733 6.323102 20.959541 5.3345335 20.3125 4.6875 C 19.665444 4.0404665 18.676891 3.8382344 17.716797 4.046875 C 17.301697 4.1370811 16.88172 4.3104581 16.460938 4.5410156 C 16.1531 3.9336321 15.733191 3.3445189 15.193359 2.8046875 C 14.365195 1.9765236 13.424549 1.4022437 12.472656 1.1425781 C 12.234683 1.0776617 11.989361 1.0328312 11.742188 1.0136719 z M 11.355469 3.0039062 C 11.491174 2.9871459 11.682712 2.9981453 11.947266 3.0703125 C 12.476373 3.2146469 13.169461 3.6089139 13.779297 4.21875 C 14.292232 4.7316847 14.642645 5.2994399 14.830078 5.7832031 C 14.82185 5.7913732 14.812913 5.7964614 14.804688 5.8046875 C 14.447168 6.1622192 14.160755 6.5213226 13.908203 6.8808594 C 13.40404 6.705826 12.774737 6.3372375 12.21875 5.78125 C 11.608996 5.1714959 11.214672 4.4765508 11.070312 3.9472656 C 10.925954 3.4179805 11.025573 3.1794146 11.101562 3.1035156 C 11.139893 3.0651866 11.219764 3.0206666 11.355469 3.0039062 z M 18.443359 5.9609375 C 18.698605 5.9522653 18.825548 6.028674 18.898438 6.1015625 C 18.995628 6.1987455 19.099335 6.3912538 18.998047 6.8574219 C 18.896761 7.3235892 18.548292 8.0141814 17.78125 8.78125 C 17.014208 9.5483187 16.323586 9.896744 15.857422 9.9980469 C 15.391257 10.099351 15.198748 9.9956209 15.101562 9.8984375 C 15.004376 9.8012541 14.900665 9.6087462 15.001953 9.1425781 C 15.103239 8.6764108 15.451708 7.9858186 16.21875 7.21875 C 16.985792 6.4516813 17.676414 6.103256 18.142578 6.0019531 C 18.259119 5.9766272 18.358277 5.9638282 18.443359 5.9609375 z M 3.8886719 5.984375 C 3.1146141 5.9054734 2.2915765 6.0834024 1.6875 6.6875 C 0.8820646 7.4929634 0.83275973 8.6870674 1.1425781 9.6367188 C 1.4523965 10.58637 2.0637964 11.454448 2.8046875 12.195312 C 3.5455786 12.936179 4.4136188 13.547637 5.3632812 13.857422 C 6.3129437 14.167208 7.5070646 14.117964 8.3125 13.3125 C 9.1179353 12.507037 9.1672404 11.312932 8.8574219 10.363281 C 8.5476033 9.4136292 7.9362037 8.5455528 7.1953125 7.8046875 C 6.4544215 7.0638223 5.5863811 6.4523633 4.6367188 6.1425781 C 4.3993032 6.0651318 4.1466911 6.0106755 3.8886719 5.984375 z M 3.4335938 7.9394531 C 3.5730706 7.9266303 3.754074 7.9576494 4.015625 8.0429688 C 4.538727 8.2136077 5.2199812 8.6575008 5.78125 9.21875 C 6.3425188 9.7799991 6.7863743 10.461279 6.9570312 10.984375 C 7.1276882 11.507471 7.0852911 11.711577 6.8984375 11.898438 C 6.7115842 12.085297 6.5074768 12.127672 5.984375 11.957031 C 5.4612734 11.786394 4.7800187 11.342499 4.21875 10.78125 C 3.6574812 10.220001 3.2136258 9.5387211 3.0429688 9.015625 C 2.8723116 8.492529 2.9147092 8.2884225 3.1015625 8.1015625 C 3.1949892 8.0081325 3.2941169 7.952276 3.4335938 7.9394531 z M 17.888672 12.984375 C 17.114614 12.905473 16.291576 13.083403 15.6875 13.6875 C 14.882065 14.492963 14.83276 15.687068 15.142578 16.636719 C 15.452396 17.586371 16.063796 18.454447 16.804688 19.195312 C 17.545579 19.936177 18.413619 20.547637 19.363281 20.857422 C 20.312944 21.167208 21.507065 21.117963 22.3125 20.3125 C 23.117935 19.507037 23.16724 18.312932 22.857422 17.363281 C 22.547604 16.413629 21.936203 15.545553 21.195312 14.804688 C 20.454421 14.063823 19.586381 13.452363 18.636719 13.142578 C 18.399303 13.065132 18.146691 13.010676 17.888672 12.984375 z M 17.433594 14.939453 C 17.573071 14.926631 17.754074 14.957649 18.015625 15.042969 C 18.538728 1
body:not(.minimal-icons-off) svg.blocks {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM9 9H5V5h4v4zm11 4h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6h-4v-4h4v4zM17 3c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2zM7 13c-2.206 0-4 1.794-4 4s1.794 4 4 4s4-1.794 4-4s-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2z"></path></svg>'); }
body:not(.minimal-icons-off) svg.bold-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M8 11h4.5a2.5 2.5 0 1 0 0-5H8v5zm10 4.5a4.5 4.5 0 0 1-4.5 4.5H6V4h6.5a4.5 4.5 0 0 1 3.256 7.606A4.498 4.498 0 0 1 18 15.5zM8 13v5h5.5a2.5 2.5 0 1 0 0-5H8z" stroke-width=".5" stroke="currentColor"></path></svg>'); }
body:not(.minimal-icons-off) svg.italic-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1024 1024"><path fill="black" d="M798 160H366c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h181.2l-156 544H229c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8h432c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8H474.4l156-544H798c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8z"></path></svg>'); }
body:not(.minimal-icons-off) svg.bracket-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 4V2H4v20h6v-2H6V4zm4 16v2h6V2h-6v2h4v16z"></path></svg>'); }
body:not(.minimal-icons-off) svg.broken-link {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M70.833 70.833h20.833v8.333h-12.5v12.5h-8.333v-20.833zM29.167 29.167H8.333V20.833h12.5V8.333h8.333v20.833zm47.35 35.567L70.625 58.833l5.892 -5.892a20.833 20.833 0 1 0 -29.463 -29.463L41.163 29.375L35.267 23.483L41.167 17.592a29.167 29.167 0 0 1 41.25 41.25l-5.896 5.892zm-11.783 11.783l-5.896 5.892a29.167 29.167 0 0 1 -41.25 -41.25l5.896 -5.892L29.375 41.167l-5.892 5.892a20.833 20.833 0 1 0 29.463 29.463l5.892 -5.892l5.896 5.892zm-2.95 -44.196l5.896 5.896l-29.463 29.458l-5.896 -5.892l29.463 -29.458z"></path></svg>'); }
body:not(.minimal-icons-off) svg.bullet-list-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.667 25h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm66.667 -33.333V25H33.429v8.333H78.333zM33.333 45.833h50v8.333H33.333zm0 20.833h50v8.333H33.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.bullet-list {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.667 25h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm0 20.833h8.333v8.333H16.667zm66.667 -33.333V25H33.429v8.333H78.333zM33.333 45.833h50v8.333H33.333zm0 20.833h50v8.333H33.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.calendar-with-checkmark {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 16.667h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333zm0.008 66.667H20.833V33.333h58.333l0.008 50z M45.833 72.558l23.779 -23.779l-5.892 -5.892L45.833 60.775l-9.554 -9.554l-5.892 5.892z"></path></svg>'); }
body:not(.minimal-icons-off) svg.check-in-circle {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm-8.329 60.054l-15.471 -15.438L32.083 47.05l9.579 9.563l22.058 -22.058l5.892 5.892l-27.942 27.942z"></path></svg>'); }
body:not(.minimal-icons-off) svg.check-small {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zM50 83.333c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333S68.379 83.333 50 83.333z M41.663 56.613L32.083 47.05 26.2 52.95 41.671 68.388 69.613 40.446 63.721 34.554z"></path></svg>'); }
body:not(.minimal-icons-off) svg.checkbox-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10.933 13.519l-2.226-2.226l-1.414 1.414l3.774 3.774l5.702-6.84l-1.538-1.282z"/><path d="M19 3H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM5 19V5h14l.002 14H5z" fill="currentColor"></path></svg>'); }
body:not(.minimal-icons-off) svg.checkmark {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.667 64.942l-13.721 -13.721l-5.892 5.892L41.667 76.725l40.446 -40.446l-5.892 -5.892z"></path></svg>'); }
body:not(.minimal-icons-off) svg.clock {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"/><path fill="black" d="M54.167 29.167h-8.333v25h25v-8.333h-16.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.clock-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.938 34.458l6.513 -6.513l-5.892 -5.892L77.442 29.167c-4.375 -2.625 -9.475 -4.167 -14.942 -4.167c-16.079 0 -29.167 13.083 -29.167 29.167s13.088 29.167 29.167 29.167s29.167 -13.083 29.167 -29.167a29.025 29.025 0 0 0 -7.729 -19.708zM62.5 75c-11.488 0 -20.833 -9.346 -20.833 -20.833s9.346 -20.833 20.833 -20.833s20.833 9.346 20.833 20.833s-9.346 20.833 -20.833 20.833z"/><path fill="black" d="M58.333 41.667h8.333v16.667h-8.333zm-4.167 -29.167h16.667v8.333h-16.667zM12.5 33.333h16.667v8.333H12.5zm0 33.333h16.667v8.333H12.5zm-4.167 -16.667h16.625v8.333H8.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.cloud {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M78.933 46.3C77.113 31.958 64.833 20.833 50 20.833C38.517 20.833 28.542 27.546 23.988 38.125C15.038 40.8 8.333 49.25 8.333 58.333c0 11.488 9.346 20.833 20.833 20.833h45.833c9.192 0 16.667 -7.475 16.667 -16.667a16.708 16.708 0 0 0 -12.733 -16.2zM75 70.833H29.167c-6.892 0 -12.5 -5.608 -12.5 -12.5c0 -5.85 4.996 -11.483 11.138 -12.563l2.421 -0.425l0.8 -2.325C33.954 34.475 41.229 29.167 50 29.167c11.488 0 20.833 9.346 20.833 20.833v4.167h4.167c4.596 0 8.333 3.738 8.333 8.333s-3.738 8.333 -8.333 8.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.code-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M14.6 16.6l4.6-4.6l-4.6-4.6L16 6l6 6l-6 6l-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6l6 6l1.4-1.4z"></path></svg>'); }
body:not(.minimal-icons-off) svg.cross-in-box {
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12' /></svg>"); }
body:not(.minimal-icons-off) svg.cross {
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 18L18 6M6 6l12 12' /></svg>");
width: var(--icon-size);
height: var(--icon-size); }
body:not(.minimal-icons-off) svg.crossed-star {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M20.938 86.563A4.158 4.158 0 0 0 25 91.667a4.167 4.167 0 0 0 2.313 -0.7L50 75.842l22.688 15.125a4.171 4.171 0 0 0 6.321 -4.608l-7.621 -26.667l18.9 -17.008a4.167 4.167 0 0 0 -2.458 -7.25l-23.754 -1.892l-10.279 -22.754a4.158 4.158 0 0 0 -7.592 -0.004L35.925 33.542l-23.754 1.888a4.167 4.167 0 0 0 -2.579 7.138l17.558 17.113l-6.213 26.883zM50 22.621l8.508 18.838l2.45 0.196h0.004l16.55 1.313l-13.629 12.267l-0.004 0.008l-1.929 1.733l0.713 2.488v0.013l5.221 18.271L50 65.825V22.621z"></path></svg>'); }
body:not(.minimal-icons-off) svg.dice {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 12.5H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333zM20.833 79.167V20.833h58.333l0.008 58.333H20.833z M39.583 33.333A6.25 6.25 0 0 1 33.333 39.583A6.25 6.25 0 0 1 27.083 33.333A6.25 6.25 0 0 1 39.583 33.333z M56.25 50A6.25 6.25 0 0 1 50 56.25A6.25 6.25 0 0 1 43.75 50A6.25 6.25 0 0 1 56.25 50z M72.917 66.667A6.25 6.25 0 0 1 66.667 72.917A6.25 6.25 0 0 1 60.417 66.667A6.25 6.25 0 0 1 72.917 66.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.disk {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4' /%3E%3C/svg%3E"); }
body:not(.minimal-icons-off) svg.document {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.071 36.167c-0.046 -0.133 -0.083 -0.263 -0.138 -0.392c-0.204 -0.442 -0.458 -0.863 -0.817 -1.221l-25 -25c-0.358 -0.358 -0.779 -0.613 -1.221 -0.817c-0.125 -0.058 -0.258 -0.092 -0.392 -0.138c-0.35 -0.117 -0.708 -0.192 -1.079 -0.212C54.333 8.379 54.254 8.333 54.167 8.333H25C20.404 8.333 16.667 12.071 16.667 16.667v66.667c0 4.596 3.738 8.333 8.333 8.333h50c4.596 0 8.333 -3.738 8.333 -8.333V37.5c0 -0.088 -0.046 -0.167 -0.054 -0.258C83.258 36.875 83.188 36.517 83.071 36.167zM69.108 33.333H58.333V22.558L69.108 33.333zM25 83.333V16.667h25v20.833c0 2.304 1.863 4.167 4.167 4.167h20.833l0.008 41.667H25z"></path></svg>'); }
body:not(.minimal-icons-off) .nav-action-button[aria-label="New note"] svg.document,
body:not(.minimal-icons-off) .workspace-leaf-content[data-type="file-explorer"] .nav-action-button:first-child svg.document,
body:not(.minimal-icons-off) svg.create-new {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z' /%3E%3C/svg%3E"); }
body:not(.minimal-icons-off) svg.documents {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 8.333H41.667C37.071 8.333 33.333 12.071 33.333 16.667v16.667H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v41.667c0 4.596 3.738 8.333 8.333 8.333h41.667c4.596 0 8.333 -3.738 8.333 -8.333v-16.667h16.667c4.596 0 8.333 -3.738 8.333 -8.333V16.667C91.667 12.071 87.929 8.333 83.333 8.333zM16.667 83.333V41.667h41.667l0.008 41.667H16.667zM83.333 58.333h-16.667v-16.667c0 -4.596 -3.738 -8.333 -8.333 -8.333h-16.667V16.667h41.667V58.333z M25 50H50V58.333H25zM25 66.667H50V75H25z"></path></svg>'); }
body:not(.minimal-icons-off) svg.dot-network {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M81.25 12.5C75.504 12.5 70.833 17.171 70.833 22.917c0 1.488 0.325 2.9 0.892 4.188l-8.146 9.162C60.896 34.425 57.663 33.333 54.167 33.333c-3.083 0 -5.933 0.9 -8.413 2.358L36.279 26.221L36.183 26.317C37 24.658 37.5 22.813 37.5 20.833c0 -6.904 -5.596 -12.5 -12.5 -12.5S12.5 13.929 12.5 20.833s5.596 12.5 12.5 12.5c1.979 0 3.821 -0.5 5.483 -1.317L30.388 32.113L39.863 41.583C38.396 44.067 37.5 46.921 37.5 50c0 4.154 1.583 7.913 4.104 10.838l-10.738 10.733C29.692 71.108 28.421 70.833 27.083 70.833C21.342 70.833 16.667 75.504 16.667 81.25S21.342 91.667 27.083 91.667S37.5 86.996 37.5 81.25c0 -1.338 -0.275 -2.608 -0.738 -3.788l11.825 -11.825C50.342 66.263 52.2 66.667 54.167 66.667c9.192 0 16.667 -7.475 16.667 -16.667c0 -2.65 -0.679 -5.121 -1.783 -7.35l8.821 -9.929C78.938 33.087 80.063 33.333 81.25 33.333C86.996 33.333 91.667 28.663 91.667 22.917S86.996 12.5 81.25 12.5zM54.167 58.333c-4.596 0 -8.333 -3.738 -8.333 -8.333s3.738 -8.333 8.333 -8.333c4.596 0 8.333 3.738 8.333 8.333S58.763 58.333 54.167 58.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.double-down-arrow-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M16.59 5.59L18 7l-6 6l-6-6l1.41-1.41L12 10.17l4.59-4.58m0 6L18 13l-6 6l-6-6l1.41-1.41L12 16.17l4.59-4.58z"></path></svg>'); }
body:not(.minimal-icons-off) svg.double-up-arrow-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M7.41 18.41L6 17l6-6l6 6l-1.41 1.41L12 13.83l-4.59 4.58m0-6L6 11l6-6l6 6l-1.41 1.41L12 7.83l-4.59 4.58z"></path></svg>'); }
body:not(.minimal-icons-off) svg.down-arrow-with-tail {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M77.946 52.946l-5.892 -5.892L54.167 64.942V25h-8.333v39.942l-17.888 -17.888l-5.892 5.892L50 80.892z"></path></svg>'); }
body:not(.minimal-icons-off) svg.down-chevron-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M67.888 38.721L50 56.608L32.113 38.721l-5.892 5.892L50 68.392l23.779 -23.779z"></path></svg>'); }
body:not(.minimal-icons-off) svg.enter {
transform: translate(-2px);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M54.167 66.667l20.833 -16.667l-20.833 -16.667v12.5H16.667v8.333h37.5z"/><path fill="black" d="M83.333 12.5h-37.5c-4.596 0 -8.333 3.738 -8.333 8.333v16.667h8.333V20.833h37.5v58.333h-37.5v-16.667H37.5v16.667c0 4.596 3.738 8.333 8.333 8.333h37.5c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.excalidraw-icon {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 19l7-7l3 3l-7 7l-3-3z"/%3E%3Cpath d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"/%3E%3Cpath d="M2 2l7.586 7.586"/%3E%3Ccircle cx="11" cy="11" r="2"/%3E%3C/g%3E%3C/svg%3E%0A'); }
body:not(.minimal-icons-off) svg.exit-fullscreen {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.667 16.667H33.333v16.667H16.667v8.333h25zM33.333 83.333h8.333v-25H16.667v8.333h16.667zm50 -25h-25v25h8.333v-16.667h16.667zm0 -25h-16.667V16.667h-8.333v25h25z"></path></svg>'); }
body:not(.minimal-icons-off) svg.expand-vertically {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M29.167 70.833L50 91.667 70.833 70.833 54.167 70.833 54.167 29.167 70.833 29.167 50 8.333 29.167 29.167 45.833 29.167 45.833 70.833z"></path></svg>'); }
body:not(.minimal-icons-off) svg.filled-pin {
transform: rotate(45deg);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M12 22l1-2v-3h5a1 1 0 0 0 1-1v-1.586c0-.526-.214-1.042-.586-1.414L17 11.586V8a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2H8c-1.103 0-2 .897-2 2v3a1 1 0 0 0 1 1v3.586L5.586 13A2.01 2.01 0 0 0 5 14.414V16a1 1 0 0 0 1 1h5v3l1 2zM8 4h8v2H8V4zM7 14.414l1.707-1.707A.996.996 0 0 0 9 12V8h6v4c0 .266.105.52.293.707L17 14.414V15H7v-.586z"></path></svg>'); }
body:not(.minimal-icons-off) svg.folder {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 75H16.667V33.333h66.667m0 -8.333h-33.333l-8.333 -8.333H16.667c-4.625 0 -8.333 3.708 -8.333 8.333v50a8.333 8.333 0 0 0 8.333 8.333h66.667a8.333 8.333 0 0 0 8.333 -8.333V33.333a8.333 8.333 0 0 0 -8.333 -8.333z"></path></svg>'); }
body:not(.minimal-icons-off) .workspace-tab-header[data-type="file-explorer"] svg.folder,
body:not(.minimal-icons-off) .workspace-tab-header[aria-label="File explorer"] svg.folder {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6' /%3E%3C/svg%3E"); }
body:not(.minimal-icons-off) .nav-action-button[aria-label="New folder"] svg.folder,
body:not(.minimal-icons-off) .workspace-leaf-content[data-type="file-explorer"] .nav-action-button:nth-child(2) svg.folder {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z' /%3E%3C/svg%3E"); }
body:not(.minimal-icons-off) svg.fullscreen {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M20.833 20.833h20.833V12.5H12.5v29.167h8.333zm20.833 58.333H20.833v-20.833H12.5v29.167h29.167zm45.833 -20.833h-8.333v20.833h-20.833v8.333h29.167zm-8.333 -16.667h8.333V12.5h-29.167v8.333h20.833z"></path></svg>'); }
body:not(.minimal-icons-off) svg.ScriptEngine,
body:not(.minimal-icons-off) svg.gear {
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z' /><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z' /></svg>"); }
body:not(.minimal-icons-off) svg.globe {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z' /%3E%3C/svg%3E"); }
body:not(.minimal-icons-off) svg.hashtag {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M66.742 15.896L63.467 33.333h-20.692l2.983 -15.896l-8.183 -1.542L34.3 33.333H16.667v8.333h16.071l-3.129 16.667H12.5v8.333h15.546l-2.975 15.854l8.188 1.538L36.525 66.667h20.692l-2.975 15.854l8.188 1.538l3.263 -17.392H83.333v-8.333h-16.079l3.129 -16.667H87.5V33.333h-15.554l2.983 -15.896l-8.188 -1.542zM58.775 58.333H38.088l3.129 -16.667h20.692l-3.133 16.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.heading-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M18 20V4h-3v6H9V4H6v16h3v-7h6v7z"></path></svg>'); }
body:not(.minimal-icons-off) svg.go-to-file {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M57.113 9.554C56.333 8.771 55.275 8.333 54.167 8.333H25C20.404 8.333 16.667 12.071 16.667 16.667v66.667c0 4.596 3.738 8.333 8.333 8.333h50c4.596 0 8.333 -3.738 8.333 -8.333V37.5c0 -1.108 -0.438 -2.167 -1.221 -2.946L57.113 9.554zM25 16.667h27.442L75 39.225l0.008 38.225l-10.7 -10.7C65.767 64.271 66.667 61.413 66.667 58.333c0 -9.192 -7.475 -16.667 -16.667 -16.667s-16.667 7.475 -16.667 16.667s7.475 16.667 16.667 16.667c3.079 0 5.938 -0.9 8.417 -2.358L69.108 83.333H25V16.667zM50 66.667c-4.596 0 -8.333 -3.738 -8.333 -8.333s3.738 -8.333 8.333 -8.333s8.333 3.738 8.333 8.333S54.596 66.667 50 66.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.help .widget-icon,
body:not(.minimal-icons-off) svg.help {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 25C40.962 25 33.608 32.354 33.608 41.392h8.333C41.942 36.946 45.558 33.333 50 33.333s8.058 3.613 8.058 8.058c0 2.492 -2.004 4.3 -5.067 6.775 -1.063 0.863 -2.067 1.683 -2.879 2.496C45.954 54.817 45.833 59.229 45.833 59.721V62.5h8.333l-0.004 -2.638c0.004 -0.067 0.138 -1.608 1.838 -3.304 0.625 -0.625 1.413 -1.25 2.229 -1.908 3.246 -2.629 8.158 -6.6 8.158 -13.258C66.392 32.354 59.038 25 50 25zM45.833 66.667H54.167V75H45.833z M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zM50 83.333c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333S68.379 83.333 50 83.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.highlight-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M86.279 24.275l-14.729 -14.721c-1.617 -1.621 -4.237 -1.629 -5.867 -0.025L29.567 45.083c-0.563 0.558 -0.958 1.262 -1.138 2.033l-4.267 18.488L16.667 75h11.783l4.758 -4.704 14.95 -3.45c0.75 -0.175 1.438 -0.554 1.988 -1.092l36.113 -35.563C87.05 29.413 87.496 28.35 87.5 27.238S87.067 25.063 86.279 24.275zM47.242 56.913l-8.838 -8.833 30.179 -29.713 8.833 8.833L47.242 56.913zM16.667 83.333H83.333V91.667H16.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.horizontal-split {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M33.333 75h12.5v-12.5H8.333v-8.333h83.333v8.333h-37.5v12.5h12.5l-16.667 16.667l-16.667 -16.667m16.667 -66.667L33.333 25h12.5v12.5H8.333v8.333h83.333V37.5h-37.5V25h12.5l-16.667 -16.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.image-file {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.496 39.583A6.25 6.25 0 0 1 31.246 45.833A6.25 6.25 0 0 1 24.996 39.583A6.25 6.25 0 0 1 37.496 39.583z"/><path fill="black" d="M43.746 58.333l-6.25 -8.333l-12.5 16.667h50l-18.75 -25z"/><path fill="black" d="M83.329 16.667h-66.667c-4.596 0 -8.333 3.738 -8.333 8.333v50c0 4.596 3.738 8.333 8.333 8.333h66.667c4.596 0 8.333 -3.738 8.333 -8.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333zm-66.667 58.333V25h66.667l0.008 50H16.663z"></path></svg>'); }
body:not(.minimal-icons-off) svg.image-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.496 39.583A6.25 6.25 0 0 1 31.246 45.833A6.25 6.25 0 0 1 24.996 39.583A6.25 6.25 0 0 1 37.496 39.583z"/><path fill="black" d="M43.746 58.333l-6.25 -8.333l-12.5 16.667h50l-18.75 -25z"/><path fill="black" d="M83.329 16.667h-66.667c-4.596 0 -8.333 3.738 -8.333 8.333v50c0 4.596 3.738 8.333 8.333 8.333h66.667c4.596 0 8.333 -3.738 8.333 -8.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333zm-66.667 58.333V25h66.667l0.008 50H16.663z"></path></svg>'); }
body:not(.minimal-icons-off) svg.indent-glyph {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cg fill="black"%3E%3Cpath d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm.646 2.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L4.293 8L2.646 6.354a.5.5 0 0 1 0-.708zM7 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm-5 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }
body:not(.minimal-icons-off) svg.info {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"/><path fill="black" d="M45.833 45.833h8.333v25h-8.333zm0 -16.667h8.333v8.333h-8.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.install {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 66.667l16.667 -20.833h-12.5V16.667h-8.333v29.167H33.333z"/><path fill="black" d="M83.333 75H16.667v-29.167H8.333v29.167c0 4.596 3.738 8.333 8.333 8.333h66.667c4.596 0 8.333 -3.738 8.333 -8.333v-29.167h-8.333v29.167z"></path></svg>'); }
body:not(.minimal-icons-off) svg.keyboard-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M4 5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H4m0 2h16v10H4V7m1 1v2h2V8H5m3 0v2h2V8H8m3 0v2h2V8h-2m3 0v2h2V8h-2m3 0v2h2V8h-2M5 11v2h2v-2H5m3 0v2h2v-2H8m3 0v2h2v-2h-2m3 0v2h2v-2h-2m3 0v2h2v-2h-2m-9 3v2h8v-2H8z"></path></svg>'); }
body:not(.minimal-icons-off) svg.left-arrow-with-tail {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M52.946 72.054L35.058 54.167H75v-8.333H35.058l17.888 -17.888l-5.892 -5.892L19.108 50l27.946 27.946z"></path></svg>'); }
body:not(.minimal-icons-off) svg.left-arrow {
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7' /></svg>"); }
body:not(.minimal-icons-off) svg.left-chevron-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M58.079 20.579L28.663 50l29.417 29.421l8.842 -8.842L46.338 50l20.583 -20.579z"></path></svg>'); }
body:not(.minimal-icons-off) svg.reading-glasses,
body:not(.minimal-icons-off) svg.lines-of-text {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h66.667c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333zM16.667 79.167V20.833h66.667l0.008 58.333H16.667z M25 29.167h50v8.333H25zm0 16.667h50v8.333H25zm0 16.667h25v8.333H25z"></path></svg>'); }
body:not(.minimal-icons-off) svg.ledger {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z' /%3E%3C/svg%3E"); }
body:not(.minimal-icons-off) svg.link-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="red" d="M35.271 47.054c4.721 -4.721 12.954 -4.721 17.675 0L55.892 50l5.892 -5.892l-2.946 -2.946c-3.929 -3.933 -9.162 -6.104 -14.729 -6.104S33.308 37.229 29.379 41.163L20.538 50c-8.117 8.121 -8.117 21.342 0 29.463c4.063 4.063 9.396 6.092 14.729 6.092c5.338 0 10.675 -2.029 14.733 -6.092l2.946 -2.946l-5.892 -5.892l-2.946 2.946c-4.875 4.863 -12.804 4.871 -17.679 0c-4.871 -4.875 -4.871 -12.804 0 -17.679L35.271 47.054z M50 20.538l-2.946 2.946l5.892 5.892l2.946 -2.946c4.871 -4.863 12.8 -4.871 17.679 0c4.871 4.875 4.871 12.804 0 17.679l-8.842 8.838c-4.721 4.721 -12.954 4.721 -17.675 0L44.108 50l-5.892 5.892l2.946 2.946c3.929 3.933 9.162 6.104 14.729 6.104s10.8 -2.171 14.729 -6.104L79.463 50c8.117 -8.121 8.117 -21.342 0 -29.463C71.338 12.413 58.117 12.417 50 20.538z"></path></svg>');
transform: rotate(90deg); }
body:not(.minimal-icons-off) svg.link {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="red" d="M35.271 47.054c4.721 -4.721 12.954 -4.721 17.675 0L55.892 50l5.892 -5.892l-2.946 -2.946c-3.929 -3.933 -9.162 -6.104 -14.729 -6.104S33.308 37.229 29.379 41.163L20.538 50c-8.117 8.121 -8.117 21.342 0 29.463c4.063 4.063 9.396 6.092 14.729 6.092c5.338 0 10.675 -2.029 14.733 -6.092l2.946 -2.946l-5.892 -5.892l-2.946 2.946c-4.875 4.863 -12.804 4.871 -17.679 0c-4.871 -4.875 -4.871 -12.804 0 -17.679L35.271 47.054z M50 20.538l-2.946 2.946l5.892 5.892l2.946 -2.946c4.871 -4.863 12.8 -4.871 17.679 0c4.871 4.875 4.871 12.804 0 17.679l-8.842 8.838c-4.721 4.721 -12.954 4.721 -17.675 0L44.108 50l-5.892 5.892l2.946 2.946c3.929 3.933 9.162 6.104 14.729 6.104s10.8 -2.171 14.729 -6.104L79.463 50c8.117 -8.121 8.117 -21.342 0 -29.463C71.338 12.413 58.117 12.417 50 20.538z"></path></svg>');
transform: rotate(90deg); }
body:not(.minimal-icons-off) svg.magnifying-glass {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6z"></path></svg>'); }
body:not(.minimal-icons-off) svg.microphone-filled {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 66.667c9.192 0 16.667 -7.475 16.667 -16.667V25c0 -9.238 -7.438 -16.754 -16.579 -16.754c-0.288 0 -0.583 0.037 -0.871 0.104C40.388 8.767 33.333 16.071 33.333 25v25C33.333 59.192 40.808 66.667 50 66.667z M45.833 83.046V91.667h8.333v-8.621c16.413 -2.063 29.167 -16.075 29.167 -33.046h-8.333c0 13.788 -11.213 25 -25 25s-25 -11.213 -25 -25H16.667C16.667 66.967 29.421 80.983 45.833 83.046z"></path></svg>'); }
body:not(.minimal-icons-off) svg.microphone {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M66.667 50V25c0 -9.238 -7.438 -16.754 -16.579 -16.754a3.888 3.888 0 0 0 -0.871 0.104A16.692 16.692 0 0 0 33.333 25v25c0 9.192 7.475 16.667 16.667 16.667s16.667 -7.475 16.667 -16.667zm-25 0V25c0 -4.596 3.738 -8.333 8.333 -8.333a3.708 3.708 0 0 0 0.679 -0.063C54.95 16.917 58.333 20.563 58.333 25v25c0 4.596 -3.738 8.333 -8.333 8.333s-8.333 -3.738 -8.333 -8.333z M25 50H16.667c0 16.967 12.754 30.983 29.167 33.046V91.667h8.333v-8.621c16.413 -2.063 29.167 -16.075 29.167 -33.046h-8.333c0 13.788 -11.213 25 -25 25s-25 -11.213 -25 -25z"></path></svg>'); }
body:not(.minimal-icons-off) svg.minus-with-circle {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M29.167 45.833h41.667v8.333H29.167z"/><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.note-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M19 3H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h8a.996.996 0 0 0 .707-.293l7-7a.997.997 0 0 0 .196-.293c.014-.03.022-.061.033-.093a.991.991 0 0 0 .051-.259c.002-.021.013-.041.013-.062V5c0-1.103-.897-2-2-2zM5 5h14v7h-6a1 1 0 0 0-1 1v6H5V5zm9 12.586V14h3.586L14 17.586z"></path></svg>'); }
body:not(.minimal-icons-off) svg.number-list-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"></path></svg>'); }
body:not(.minimal-icons-off) svg.open-vault {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 84.721V91.667h-8.333v-5.554l-30.908 5.15A2.083 2.083 0 0 1 41.667 89.208V83.333H25v8.333H16.667v-8.333H12.5a4.167 4.167 0 0 1 -4.167 -4.167V16.667a4.167 4.167 0 0 1 4.167 -4.167h29.167V6.625a2.083 2.083 0 0 1 2.425 -2.054l44.092 7.35a4.167 4.167 0 0 1 3.483 4.108V25h4.167v8.333h-4.167v29.167h4.167v8.333h-4.167v8.971a4.167 4.167 0 0 1 -3.483 4.108L83.333 84.721zM16.667 20.833v54.167h25V20.833H16.667zm33.333 61l33.333 -5.558V19.558l-33.333 -5.554v67.825zM68.75 58.333c-3.45 0 -6.25 -4.667 -6.25 -10.417S65.3 37.5 68.75 37.5s6.25 4.667 6.25 10.417s-2.8 10.417 -6.25 10.417z"></path></svg>'); }
body:not(.minimal-icons-off) svg.obsidian-leaflet-plugin-icon-map {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7' /%3E%3C/svg%3E"); }
body:not(.minimal-icons-off) svg.pane-layout {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2zm0 2v5h4V6H4zm0 7v5h4v-5H4zm6-7v12h10V6H10z" ></path></svg>'); }
body:not(.minimal-icons-off) svg.paper-plane {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M85.679 13.917a4.175 4.175 0 0 0 -4.121 -0.329l-70.833 33.333a4.167 4.167 0 0 0 0.108 7.588L33.333 64.354v28.008l24.317 -17.367l19.85 8.683a4.167 4.167 0 0 0 5.829 -3.542l4.167 -62.5a4.188 4.188 0 0 0 -1.817 -3.721zm-10.275 59.75l-21.954 -9.608L66.667 38.196l-31.871 17.708l-12.217 -5.346l56.129 -26.417l-3.304 49.525z"></path></svg>'); }
body:not(.minimal-icons-off) svg.paused {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"/><path fill="black" d="M54.167 37.5h8.333v25h-8.333zM37.5 37.5h8.333v25H37.5z"></path></svg>'); }
/* Text Generator plugin */
body:not(.minimal-icons-off) svg.pencil_icon {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z' /%3E%3C/svg%3E"); }
body:not(.minimal-icons-off) svg.pencil {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.679 87.5c0.338 0 0.675 -0.042 1.008 -0.125l16.667 -4.167c0.733 -0.183 1.404 -0.563 1.938 -1.096L87.513 30.892c1.575 -1.575 2.442 -3.667 2.442 -5.892s-0.867 -4.317 -2.442 -5.892L80.904 12.5c-3.15 -3.15 -8.633 -3.15 -11.783 0L17.9 63.721a4.179 4.179 0 0 0 -1.096 1.933l-4.167 16.667A4.167 4.167 0 0 0 16.679 87.5zm58.333 -69.108L81.621 25l-6.608 6.608L68.404 25l6.608 -6.608zM24.608 68.796l37.904 -37.904L69.121 37.5l-37.908 37.904l-8.808 2.2l2.204 -8.808z"></path></svg>'); }
body:not(.minimal-icons-off) svg.pin {
transform: rotate(45deg);
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M12 22l1-2v-3h5a1 1 0 0 0 1-1v-1.586c0-.526-.214-1.042-.586-1.414L17 11.586V8a1 1 0 0 0 1-1V4c0-1.103-.897-2-2-2H8c-1.103 0-2 .897-2 2v3a1 1 0 0 0 1 1v3.586L5.586 13A2.01 2.01 0 0 0 5 14.414V16a1 1 0 0 0 1 1h5v3l1 2zM8 4h8v2H8V4zM7 14.414l1.707-1.707A.996.996 0 0 0 9 12V8h6v4c0 .266.105.52.293.707L17 14.414V15H7v-.586z"></path></svg>'); }
body:not(.minimal-icons-off) svg.plus-with-circle {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M54.167 29.167h-8.333v16.667H29.167v8.333h16.667v16.667h8.333v-16.667h16.667v-8.333h-16.667z M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zm0 75c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333s-14.954 33.333 -33.333 33.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.popup-open {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v58.333c0 4.596 3.738 8.333 8.333 8.333h20.833v-8.333H16.667V29.167h66.667v50h-20.833v8.333h20.833c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333z M54.167 87.5v-20.833h12.5l-16.667 -20.833l-16.667 20.833h12.5v20.833z"></path></svg>'); }
body:not(.minimal-icons-off) svg.presentation {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v41.667c0 4.596 3.738 8.333 8.333 8.333h29.167v12.5H33.333v8.333h33.333v-8.333h-12.5v-12.5h29.167c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333zM16.667 62.5V20.833h66.667l0.004 41.667H16.667z M41.667 54.167l20.833 -12.5l-20.833 -12.5z"></path></svg>'); }
body:not(.minimal-icons-off) svg.price-tag-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M48.779 9.554C48 8.771 46.938 8.333 45.833 8.333H25C23.896 8.333 22.833 8.771 22.054 9.554l-12.5 12.5C8.771 22.833 8.333 23.892 8.333 25v20.833c0 1.108 0.438 2.167 1.221 2.946l41.667 41.667C52.033 91.258 53.1 91.667 54.167 91.667s2.133 -0.408 2.946 -1.221l33.333 -33.333c1.629 -1.629 1.629 -4.263 0 -5.892L48.779 9.554zM54.167 81.608l-37.5 -37.5V26.725L26.725 16.667h17.383l37.5 37.5L54.167 81.608z M41.667 34.804A6.863 6.863 0 0 1 34.804 41.667A6.863 6.863 0 0 1 27.942 34.804A6.863 6.863 0 0 1 41.667 34.804z"></path></svg>'); }
body:not(.minimal-icons-off) svg.quote-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" 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"></path></svg>'); }
body:not(.minimal-icons-off) .workspace-tab-header[data-type="dictionary-view"] svg.quote-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253' /%3E%3C/svg%3E"); }
body:not(.minimal-icons-off) svg.redo-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.5 75h12.5v-8.333H37.5c-6.892 0 -12.5 -5.608 -12.5 -12.5s5.608 -12.5 12.5 -12.5h25v12.5l20.833 -16.667l-20.833 -16.667v12.5H37.5c-11.488 0 -20.833 9.346 -20.833 20.833S26.013 75 37.5 75z"></path></svg>'); }
body:not(.minimal-icons-off) svg.reset {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 66.667c6.963 0 12.5 -5.546 12.5 -12.5s-5.538 -12.5 -12.5 -12.5s-12.5 5.546 -12.5 12.5S43.038 66.667 50 66.667z M86.738 46.608c-0.5 -2.429 -1.238 -4.796 -2.188 -7.033c-0.938 -2.217 -2.1 -4.358 -3.458 -6.379c-1.35 -1.996 -2.888 -3.858 -4.575 -5.538c-1.683 -1.692 -3.554 -3.233 -5.55 -4.588c-2.013 -1.358 -4.158 -2.517 -6.367 -3.454c-2.242 -0.954 -4.608 -1.688 -7.046 -2.192c-2.5 -0.513 -5.079 -0.758 -7.658 -0.75V8.333L33.333 20.833l16.563 12.5V25.008C51.913 25 53.929 25.192 55.875 25.592c1.892 0.392 3.733 0.963 5.475 1.704c1.721 0.725 3.388 1.633 4.95 2.683c1.554 1.05 3.008 2.25 4.325 3.571c1.313 1.308 2.517 2.763 3.558 4.313c1.058 1.567 1.963 3.233 2.692 4.963c0.742 1.738 1.308 3.579 1.7 5.463C78.967 50.2 79.167 52.179 79.167 54.167s-0.2 3.967 -0.592 5.875c-0.392 1.892 -0.958 3.733 -1.7 5.479c-0.729 1.721 -1.633 3.388 -2.683 4.95c-1.054 1.554 -2.258 3.008 -3.575 4.329c-1.313 1.317 -2.763 2.513 -4.317 3.558c-1.55 1.046 -3.213 1.95 -4.954 2.688c-1.738 0.738 -3.575 1.308 -5.463 1.7c-3.833 0.783 -7.942 0.783 -11.758 0c-1.892 -0.392 -3.733 -0.963 -5.475 -1.704c-1.733 -0.733 -3.396 -1.638 -4.954 -2.688c-1.546 -1.042 -2.996 -2.242 -4.313 -3.558c-1.313 -1.317 -2.517 -2.771 -3.563 -4.317c-1.058 -1.567 -1.963 -3.233 -2.692 -4.958c-0.742 -1.742 -1.308 -3.583 -1.7 -5.467C21.033 58.133 20.833 56.154 20.833 54.167H12.5c0 2.546 0.258 5.088 0.763 7.558c0.5 2.425 1.238 4.792 2.188 7.038c0.938 2.217 2.1 4.358 3.462 6.379c1.346 1.988 2.883 3.85 4.571 5.538c1.692 1.696 3.558 3.238 5.546 4.579c1.996 1.354 4.142 2.517 6.371 3.458c2.242 0.954 4.608 1.688 7.046 2.192C44.913 91.408 47.454 91.667 50 91.667s5.088 -0.258 7.558 -0.763c2.429 -0.504 4.796 -1.238 7.033 -2.188c2.238 -0.946 4.383 -2.108 6.375 -3.458c1.992 -1.342 3.858 -2.883 5.546 -4.579c1.688 -1.688 3.225 -3.554 4.583 -5.55c1.354 -2.013 2.517 -4.158 3.454 -6.367c0.954 -2.25 1.688 -4.617 2.188 -7.05C87.242 59.254 87.5 56.713 87.5 54.167S87.242 49.079 86.738 46.608z"></path></svg>'); }
body:not(.minimal-icons-off) svg.right-arrow-with-tail {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M47.054 72.054l5.892 5.892L80.892 50l-27.946 -27.946l-5.892 5.892L64.942 45.833H25v8.333h39.942z"></path></svg>'); }
body:not(.minimal-icons-off) svg.right-arrow {
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7' /></svg>"); }
body:not(.minimal-icons-off) svg.right-chevron-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.921 79.421L71.338 50l-29.417 -29.421l-8.842 8.842L53.663 50l-20.583 20.579z"></path></svg>'); }
body:not(.minimal-icons-off) svg.right-triangle {
color: var(--text-faint);
background-color: var(--text-faint);
height: 12px;
width: 12px;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="black" stroke-width="2" stroke="currentColor" d="M16 22L6 12l1.4-1.4l8.6 8.6l8.6-8.6L26 12z"></path></svg>'); }
body:not(.minimal-icons-off) svg.command-glyph,
body:not(.minimal-icons-off) svg.run-command {
-webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='currentColor'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z' /></svg>"); }
body:not(.minimal-icons-off) svg.search {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6z"></path></svg>'); }
body:not(.minimal-icons-off) svg.sheets-in-box {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M75 20.833H25v8.333h50M25 37.5h50v8.333H25m-16.667 4.167h8.333v20.833h66.667v-20.833h8.333v20.833a8.333 8.333 0 0 1 -8.333 8.333H16.667a8.333 8.333 0 0 1 -8.333 -8.333m66.667 -16.667H25v8.333h50z"></path></svg>'); }
body:not(.minimal-icons-off) svg.spreadsheet {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M21 5c0-1.103-.897-2-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5zM5 19V5h14l.002 14H5z"/><path fill="black" d="M7 7h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6z"></path></svg>'); }
body:not(.minimal-icons-off) svg.stacked-levels {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M62.5 12.5a4.167 4.167 0 0 1 4.167 4.167v16.667a4.167 4.167 0 0 1 -4.167 4.167h-8.333v8.333h16.667a4.167 4.167 0 0 1 4.167 4.167v12.5h8.333a4.167 4.167 0 0 1 4.167 4.167v16.667a4.167 4.167 0 0 1 -4.167 4.167h-25a4.167 4.167 0 0 1 -4.167 -4.167v-16.667a4.167 4.167 0 0 1 4.167 -4.167h8.333v-8.333H33.333v8.333h8.333a4.167 4.167 0 0 1 4.167 4.167v16.667a4.167 4.167 0 0 1 -4.167 4.167H16.667a4.167 4.167 0 0 1 -4.167 -4.167v-16.667a4.167 4.167 0 0 1 4.167 -4.167h8.333v-12.5a4.167 4.167 0 0 1 4.167 -4.167h16.667V37.5H37.5a4.167 4.167 0 0 1 -4.167 -4.167V16.667a4.167 4.167 0 0 1 4.167 -4.167h25zM37.5 70.833H20.833v8.333h16.667v-8.333zm41.667 0h-16.667v8.333h16.667v-8.333zM58.333 20.833h-16.667v8.333h16.667V20.833z"></path></svg>'); }
body:not(.minimal-icons-off) svg.star-list {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 62.5L79.167 50 70.833 50 70.833 62.5 61.583 62.5 58.333 62.5 58.333 70.833 61.583 70.833 70.833 70.833 70.833 83.333 79.167 83.333 79.167 70.833 87.763 70.833 91.667 70.833 91.667 62.5 87.763 62.5zM16.667 29.167H62.5V37.5H16.667zM16.667 45.833H62.5V54.167H16.667zM16.667 62.5H50V70.833H16.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.star {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M27.15 59.679l-6.208 26.883a4.158 4.158 0 0 0 6.371 4.404L50 75.842l22.688 15.125a4.171 4.171 0 0 0 6.321 -4.608l-7.621 -26.667l18.9 -17.008a4.167 4.167 0 0 0 -2.458 -7.25l-23.754 -1.892l-10.279 -22.754a4.158 4.158 0 0 0 -7.592 0L35.925 33.542l-23.754 1.888a4.167 4.167 0 0 0 -2.579 7.138l17.558 17.113zm11.888 -18.025a4.158 4.158 0 0 0 3.467 -2.442L50 22.625l7.496 16.588a4.158 4.158 0 0 0 3.467 2.442l16.55 1.313l-13.629 12.267c-1.183 1.067 -1.654 2.708 -1.221 4.242l5.221 18.271l-15.567 -10.379a4.146 4.146 0 0 0 -4.621 0l-16.267 10.846l4.375 -18.942a4.167 4.167 0 0 0 -1.15 -3.917l-12.658 -12.342l17.042 -1.358z"></path></svg>'); }
body:not(.minimal-icons-off) svg.strikethrough-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M20 11h-8c-4 0-4-1.816-4-2.5C8 7.882 8 6 12 6c2.8 0 2.99 1.678 3 2.014L16 8h1c0-1.384-1.045-4-5-4c-5.416 0-6 3.147-6 4.5c0 .728.148 1.667.736 2.5H4v2h16v-2zm-8 7c-3.793 0-3.99-1.815-4-2H6c0 .04.069 4 6 4c5.221 0 6-2.819 6-4.5c0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5c0 .684 0 2.5-4 2.5z"></path></svg>'); }
body:not(.minimal-icons-off) svg.switch {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M41.667 45.833H29.588l0.004 -0.037a20.65 20.65 0 0 1 3.133 -7.446a21.058 21.058 0 0 1 9.167 -7.546c1.258 -0.533 2.571 -0.942 3.908 -1.212a21.158 21.158 0 0 1 8.408 0a20.742 20.742 0 0 1 10.521 5.671l5.9 -5.883a29.317 29.317 0 0 0 -9.267 -6.254a28.838 28.838 0 0 0 -5.479 -1.7a29.496 29.496 0 0 0 -11.746 0a28.917 28.917 0 0 0 -5.483 1.704a29.333 29.333 0 0 0 -12.833 10.558a29.075 29.075 0 0 0 -4.392 10.438c-0.117 0.563 -0.179 1.138 -0.263 1.708H8.333l16.667 16.667l16.667 -16.667zm16.667 8.333h12.079l-0.004 0.033a20.733 20.733 0 0 1 -8.763 13.075a20.596 20.596 0 0 1 -7.446 3.133a21.138 21.138 0 0 1 -8.404 0a20.65 20.65 0 0 1 -7.446 -3.133a21.133 21.133 0 0 1 -3.083 -2.542L29.375 70.625a29.3 29.3 0 0 0 9.271 6.25c1.767 0.75 3.613 1.321 5.479 1.7a29.458 29.458 0 0 0 11.742 0a29.296 29.296 0 0 0 18.313 -12.271a29.058 29.058 0 0 0 4.388 -10.429c0.113 -0.563 0.179 -1.138 0.263 -1.708H91.667l-16.667 -16.667l-16.667 16.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.sync-small {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm3.27-11.25H14a.75.75 0 0 0 0 1.5h2.75a.75.75 0 0 0 .75-.75V8.25a.75.75 0 0 0-1.5 0V9a4.991 4.991 0 0 0-4-2c-1.537 0-2.904.66-3.827 1.77a.75.75 0 0 0 1.154.96C9.963 8.963 10.907 8.5 12 8.5c1.492 0 2.767.934 3.27 2.25zm-7.27 5V15a5.013 5.013 0 0 0 7.821.237a.75.75 0 1 0-1.142-.972a3.513 3.513 0 0 1-5.842-.765H10a.75.75 0 0 0 0-1.5H7.25a.75.75 0 0 0-.75.75v3a.75.75 0 0 0 1.5 0z"></path></svg>'); }
body:not(.minimal-icons-off) svg.sync {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M16 8.25a.75.75 0 0 1 1.5 0v3.25a.75.75 0 0 1-.75.75H14a.75.75 0 0 1 0-1.5h1.27A3.502 3.502 0 0 0 12 8.5c-1.093 0-2.037.464-2.673 1.23a.75.75 0 1 1-1.154-.96C9.096 7.66 10.463 7 12 7c1.636 0 3.088.785 4 2v-.75zM8 15v.75a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75H10a.75.75 0 0 1 0 1.5H8.837a3.513 3.513 0 0 0 5.842.765a.75.75 0 1 1 1.142.972A5.013 5.013 0 0 1 8 15zm4-13C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2zm8.5 10a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0z"></path></svg>'); }
body:not(.minimal-icons-off) svg.tag-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M66.742 15.896L63.467 33.333h-20.692l2.983 -15.896L37.575 15.896L34.3 33.333H16.667v8.333h16.071l-3.129 16.667H12.5v8.333h15.546l-2.975 15.854l8.188 1.538L36.525 66.667h20.692l-2.975 15.854l8.188 1.538L65.692 66.667H83.333v-8.333h-16.079l3.129 -16.667H87.5V33.333h-15.554l2.983 -15.896L66.742 15.896zM58.775 58.333H38.088l3.129 -16.667h20.692L58.775 58.333z"></path></svg>'); }
body.is-mobile:not(.minimal-icons-off) .view-header-icon svg.three-horizontal-bars {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 26 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.18555 18.8857H9.87207V1.91309H8.18555V18.8857ZM6.1123 6.2207C6.27702 6.2207 6.42025 6.15983 6.54199 6.03809C6.66374 5.90918 6.72461 5.76953 6.72461 5.61914C6.72461 5.45443 6.66374 5.31478 6.54199 5.2002C6.42025 5.07845 6.27702 5.01758 6.1123 5.01758H3.81348C3.64876 5.01758 3.50553 5.07845 3.38379 5.2002C3.26204 5.31478 3.20117 5.45443 3.20117 5.61914C3.20117 5.76953 3.26204 5.90918 3.38379 6.03809C3.50553 6.15983 3.64876 6.2207 3.81348 6.2207H6.1123ZM6.1123 9.00293C6.27702 9.00293 6.42025 8.94206 6.54199 8.82031C6.66374 8.69857 6.72461 8.55534 6.72461 8.39062C6.72461 8.23307 6.66374 8.09701 6.54199 7.98242C6.42025 7.86068 6.27702 7.7998 6.1123 7.7998H3.81348C3.64876 7.7998 3.50553 7.86068 3.38379 7.98242C3.26204 8.09701 3.20117 8.23307 3.20117 8.39062C3.20117 8.55534 3.26204 8.69857 3.38379 8.82031C3.50553 8.94206 3.64876 9.00293 3.81348 9.00293H6.1123ZM6.1123 11.7744C6.27702 11.7744 6.42025 11.7171 6.54199 11.6025C6.66374 11.4808 6.72461 11.3411 6.72461 11.1836C6.72461 11.0189 6.66374 10.8792 6.54199 10.7646C6.42025 10.6429 6.27702 10.582 6.1123 10.582H3.81348C3.64876 10.582 3.50553 10.6429 3.38379 10.7646C3.26204 10.8792 3.20117 11.0189 3.20117 11.1836C3.20117 11.3411 3.26204 11.4808 3.38379 11.6025C3.50553 11.7171 3.64876 11.7744 3.81348 11.7744H6.1123ZM3.37305 20.2822H21.957C23.0885 20.2822 23.9336 20.0029 24.4922 19.4443C25.0508 18.8929 25.3301 18.0622 25.3301 16.9521V3.83594C25.3301 2.72591 25.0508 1.89518 24.4922 1.34375C23.9336 0.785156 23.0885 0.505859 21.957 0.505859H3.37305C2.2487 0.505859 1.40365 0.785156 0.837891 1.34375C0.279297 1.89518 0 2.72591 0 3.83594V16.9521C0 18.0622 0.279297 18.8929 0.837891 19.4443C1.40365 20.0029 2.2487 20.2822 3.37305 20.2822ZM3.39453 18.5527C2.85742 18.5527 2.44564 18.4131 2.15918 18.1338C1.87272 17.8473 1.72949 17.4248 1.72949 16.8662V3.92188C1.72949 3.36328 1.87272 2.94434 2.15918 2.66504C2.44564 2.37858 2.85742 2.23535 3.39453 2.23535H21.9355C22.4655 2.23535 22.8737 2.37858 23.1602 2.66504C23.4538 2.94434 23.6006 3.36328 23.6006 3.92188V16.8662C23.6006 17.4248 23.4538 17.8473 23.1602 18.1338C22.8737 18.4131 22.4655 18.5527 21.9355 18.5527H3.39453Z' fill='black'/%3E%3C/svg%3E%0A"); }
body:not(.minimal-icons-off) svg.three-horizontal-bars {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M16.667 25h66.667v8.333H16.667zm0 20.833h66.667v8.333H16.667zm0 20.833h66.667v8.333H16.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.trash {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.5 12.5v4.167H16.667v8.333h4.167v54.167a8.333 8.333 0 0 0 8.333 8.333h41.667a8.333 8.333 0 0 0 8.333 -8.333V25h4.167V16.667h-20.833V12.5H37.5M29.167 25h41.667v54.167H29.167V25m8.333 8.333v37.5h8.333V33.333H37.5m16.667 0v37.5h8.333V33.333h-8.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.undo-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M37.5 41.667h25c6.892 0 12.5 5.608 12.5 12.5s-5.608 12.5 -12.5 12.5h-12.5v8.333h12.5c11.488 0 20.833 -9.346 20.833 -20.833s-9.346 -20.833 -20.833 -20.833H37.5V20.833L16.667 37.5l20.833 16.667V41.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.unindent-glyph {
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cg fill="black"%3E%3Cpath d="M2 3.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5zm10.646 2.146a.5.5 0 0 1 .708.708L11.707 8l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zM2 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); }
body:not(.minimal-icons-off) svg.up-and-down-arrows {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M49.792 33.125l-5.892 5.892L33.333 28.45V83.333H25V28.45L14.438 39.017L8.542 33.125L29.167 12.5l20.625 20.625zm41.667 33.75L70.833 87.5l-20.625 -20.625l5.892 -5.892l10.571 10.567L66.667 16.667h8.333v54.883l10.567 -10.567l5.892 5.892z"></path></svg>'); }
body:not(.minimal-icons-off) svg.up-arrow-with-tail {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M45.833 35.058V75h8.333V35.058l17.888 17.888l5.892 -5.892L50 19.108l-27.946 27.946l5.892 5.892z"></path></svg>'); }
body:not(.minimal-icons-off) svg.up-chevron-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M26.221 55.388l5.892 5.892L50 43.392l17.888 17.888l5.892 -5.892L50 31.608z"></path></svg>'); }
body:not(.minimal-icons-off) svg.vault {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M75 83.333H25v8.333H16.667v-8.333H12.5a4.167 4.167 0 0 1 -4.167 -4.167V16.667a4.167 4.167 0 0 1 4.167 -4.167h75a4.167 4.167 0 0 1 4.167 4.167v62.5a4.167 4.167 0 0 1 -4.167 4.167h-4.167v8.333h-8.333v-8.333zM16.667 75h66.667V20.833H16.667v54.167zm37.5 -17.192V70.833h-8.333v-13.025A16.675 16.675 0 0 1 50 25a16.667 16.667 0 0 1 4.167 32.808zM50 50a8.333 8.333 0 1 0 0 -16.667a8.333 8.333 0 0 0 0 16.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.vertical-split {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M75 66.667v-12.5h-12.5v37.5h-8.333V8.333h8.333v37.5h12.5V33.333l16.667 16.667l-16.667 16.667M8.333 50l16.667 16.667v-12.5h12.5v37.5h8.333V8.333H37.5v37.5H25V33.333l-16.667 16.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.vertical-three-dots {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 41.667c-4.583 0 -8.333 3.75 -8.333 8.333s3.75 8.333 8.333 8.333s8.333 -3.75 8.333 -8.333s-3.75 -8.333 -8.333 -8.333zm0 -25c-4.583 0 -8.333 3.75 -8.333 8.333s3.75 8.333 8.333 8.333s8.333 -3.75 8.333 -8.333s-3.75 -8.333 -8.333 -8.333zm0 50c-4.583 0 -8.333 3.75 -8.333 8.333s3.75 8.333 8.333 8.333s8.333 -3.75 8.333 -8.333s-3.75 -8.333 -8.333 -8.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.wrench-screwdriver-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M18 1.83c-.5 0-1 .17-1.41.58L8 11l1.5 1.5L6 16H4l-2 4l2 2l4-2v-2l3.5-3.5L13 16l8.59-8.59c.62-.91.78-2.04 0-2.82l-2.18-2.18A1.95 1.95 0 0 0 18 1.83M18 4l2 2l-7 7l-2-2l7-7z"></path></svg>'); }
body:not(.minimal-icons-off) svg.add-note-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M5 19V5h7v7h7v1c.7 0 1.37.13 2 .35V9l-6-6H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h8.35c-.22-.63-.35-1.3-.35-2H5m9-14.5l5.5 5.5H14V4.5M23 18v2h-3v3h-2v-3h-3v-2h3v-3h2v3h3z"></path></svg>'); }
body:not(.minimal-icons-off) svg.calendar-day {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M29.167 45.833H37.5V54.167H29.167zM29.167 62.5H37.5V70.833H29.167zM45.833 45.833H54.167V54.167H45.833zM45.833 62.5H54.167V70.833H45.833zM62.5 45.833H70.833V54.167H62.5zM62.5 62.5H70.833V70.833H62.5z M20.833 91.667h58.333c4.596 0 8.333 -3.738 8.333 -8.333V33.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833C16.238 16.667 12.5 20.404 12.5 25v8.333v50C12.5 87.929 16.238 91.667 20.833 91.667zM79.167 33.333l0.004 50H20.833V33.333H79.167z"></path></svg>'); }
body:not(.minimal-icons-off) svg.calendar-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M29.167 45.833H37.5V54.167H29.167zM29.167 62.5H37.5V70.833H29.167zM45.833 45.833H54.167V54.167H45.833zM45.833 62.5H54.167V70.833H45.833zM62.5 45.833H70.833V54.167H62.5zM62.5 62.5H70.833V70.833H62.5z M20.833 91.667h58.333c4.596 0 8.333 -3.738 8.333 -8.333V33.333V25c0 -4.596 -3.738 -8.333 -8.333 -8.333h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833C16.238 16.667 12.5 20.404 12.5 25v8.333v50C12.5 87.929 16.238 91.667 20.833 91.667zM79.167 33.333l0.004 50H20.833V33.333H79.167z"></path></svg>'); }
body:not(.minimal-icons-off) svg.duplicate-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M45.833 41.667L37.5 41.667 37.5 54.167 25 54.167 25 62.5 37.5 62.5 37.5 75 45.833 75 45.833 62.5 58.333 62.5 58.333 54.167 45.833 54.167z M16.667 91.667h50c4.596 0 8.333 -3.738 8.333 -8.333V33.333c0 -4.596 -3.738 -8.333 -8.333 -8.333H16.667C12.071 25 8.333 28.738 8.333 33.333v50C8.333 87.929 12.071 91.667 16.667 91.667zM16.667 33.333h50l0.008 50H16.667V33.333z M83.333 8.333H33.333v8.333h50v50h8.333V16.667C91.667 12.071 87.929 8.333 83.333 8.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.file-explorer-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M12.5 12.467C12.5 10.183 14.354 8.333 16.637 8.333h66.725a4.167 4.167 0 0 1 4.138 4.133v75.067a4.138 4.138 0 0 1 -4.138 4.133H16.637A4.167 4.167 0 0 1 12.5 87.533V12.467zM79.167 45.833V16.667H20.833v29.167h58.333zm0 8.333H20.833v29.167h58.333v-29.167zM37.5 25h25v8.333H37.5V25zm0 37.5h25v8.333H37.5v-8.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.graph-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M19.5 3A2.502 2.502 0 0 0 17 5.5c0 .357.078.696.214 1.005l-1.955 2.199A3.977 3.977 0 0 0 13 8c-.74 0-1.424.216-2.019.566L8.707 6.293l-.023.023C8.88 5.918 9 5.475 9 5a3 3 0 1 0-3 3c.475 0 .917-.12 1.316-.316l-.023.023L9.567 9.98A3.956 3.956 0 0 0 9 12c0 .997.38 1.899.985 2.601l-2.577 2.576A2.472 2.472 0 0 0 6.5 17C5.122 17 4 18.121 4 19.5S5.122 22 6.5 22S9 20.879 9 19.5c0-.321-.066-.626-.177-.909l2.838-2.838c.421.15.867.247 1.339.247c2.206 0 4-1.794 4-4c0-.636-.163-1.229-.428-1.764l2.117-2.383c.256.088.526.147.811.147C20.879 8 22 6.879 22 5.5S20.879 3 19.5 3zM13 14c-1.103 0-2-.897-2-2s.897-2 2-2s2 .897 2 2s-.897 2-2 2z"></path></svg>'); }
body:not(.minimal-icons-off) svg.import-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 75L66.667 54.167 54.167 54.167 54.167 8.333 45.833 8.333 45.833 54.167 33.333 54.167z M79.167 37.5h-16.667v8.333h16.667v37.5H20.833v-37.5h16.667V37.5H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v37.5c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333v-37.5C87.5 41.238 83.763 37.5 79.167 37.5z"></path></svg>'); }
body:not(.minimal-icons-off) svg.languages {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M77.083 41.667l18.333 45.833h-8.979l-5.004 -12.5h-17.042l-4.996 12.5h-8.975L68.75 41.667h8.333zM41.667 8.333v8.333h25v8.333h-8.2a75.925 75.925 0 0 1 -15.083 26.254 61.933 61.933 0 0 0 9.733 7.113l-3.129 7.825A70.896 70.896 0 0 1 37.5 57.188a69.483 69.483 0 0 1 -25.837 14.783l-2.233 -8.038a61.25 61.25 0 0 0 22.196 -12.675A75.325 75.325 0 0 1 19.863 33.333h9.333A66.8 66.8 0 0 0 37.5 45.321a67.354 67.354 0 0 0 12.125 -20.317L8.333 25V16.667h25V8.333h8.333zm31.25 45.354L67.721 66.667h10.383L72.917 53.688z"></path></svg>'); }
body:not(.minimal-icons-off) svg.links-coming-in {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="black" d="M58.004 51.445c-4.273-4.273-11.724-4.273-15.996 0L39.34 54.11l-5.332-5.332 2.666-2.666a18.723 18.723 0 0113.33-5.525c5.039 0 9.775 1.965 13.33 5.525l8.003 7.998c7.346 7.35 7.346 19.315 0 26.664a18.791 18.791 0 01-13.33 5.513c-4.831 0-9.662-1.836-13.335-5.513l-2.666-2.666 5.333-5.332 2.666 2.666c4.412 4.4 11.588 4.408 16 0 4.408-4.412 4.408-11.588 0-16l-8.002-7.998z M44.673 27.447l2.667 2.666-5.333 5.332-2.666-2.666c-4.408-4.4-11.584-4.409-16 0-4.408 4.412-4.408 11.588 0 16l8.002 7.998c4.273 4.272 11.724 4.272 15.997 0l2.666-2.666 5.332 5.332-2.666 2.666a18.722 18.722 0 01-13.33 5.524 18.722 18.722 0 01-13.33-5.524l-8.003-7.998c-7.345-7.35-7.345-19.315 0-26.664 7.354-7.354 19.319-7.35 26.664 0zM82.141 13.712L69.957 25.896l-8.053-8.053v21.461h21.461l-8.05-8.05L87.5 19.072l-5.359-5.36z"></path></svg>'); }
body:not(.minimal-icons-off) svg.links-going-out {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="black" d="M58.004 51.445c-4.273-4.273-11.724-4.273-15.996 0L39.34 54.11l-5.332-5.332 2.666-2.666a18.722 18.722 0 0113.33-5.525c5.039 0 9.775 1.965 13.33 5.525l8.003 7.998c7.346 7.35 7.346 19.315 0 26.664a18.79 18.79 0 01-13.33 5.513c-4.831 0-9.662-1.836-13.335-5.513l-2.666-2.666 5.333-5.332 2.666 2.666c4.412 4.4 11.588 4.408 16 0 4.408-4.412 4.408-11.588 0-16l-8.002-7.998z M44.673 27.447l2.667 2.666-5.333 5.332-2.666-2.666c-4.408-4.4-11.584-4.408-16 0-4.408 4.412-4.408 11.588 0 16l8.002 7.998c4.273 4.272 11.724 4.272 15.997 0l2.666-2.666 5.332 5.332-2.666 2.666a18.722 18.722 0 01-13.33 5.524 18.722 18.722 0 01-13.33-5.524l-8.003-7.998c-7.345-7.35-7.345-19.315 0-26.664 7.354-7.354 19.319-7.35 26.664 0zM67.262 39.304L79.447 27.12l8.053 8.053V13.712H66.038l8.05 8.05-12.184 12.184 5.358 5.358z"></path></svg>'); }
body:not(.minimal-icons-off) svg.merge-files {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M10.417 77.083C10.417 85.125 16.958 91.667 25 91.667s14.583 -6.542 14.583 -14.583c0 -6.583 -4.417 -12.096 -10.417 -13.904v-14.533c1.017 1.138 2.121 2.196 3.388 3.1c4.917 3.517 10.904 4.575 16.325 4.575c4.025 0 7.721 -0.583 10.442 -1.171a14.583 14.583 0 0 0 13.6 9.438c8.042 0 14.583 -6.542 14.583 -14.583s-6.542 -14.583 -14.583 -14.583a14.583 14.583 0 0 0 -14.183 11.325c-5.404 1.338 -15.267 2.567 -21.329 -1.775c-2.775 -1.988 -4.542 -5.163 -5.442 -9.317C36.479 33.167 39.583 28.421 39.583 22.917C39.583 14.875 33.042 8.333 25 8.333S10.417 14.875 10.417 22.917c0 6.583 4.417 12.096 10.417 13.904v26.358c-6 1.808 -10.417 7.321 -10.417 13.904zm62.5 -33.333c3.446 0 6.25 2.804 6.25 6.25s-2.804 6.25 -6.25 6.25S66.667 53.446 66.667 50s2.804 -6.25 6.25 -6.25zm-41.667 33.333c0 3.446 -2.804 6.25 -6.25 6.25s-6.25 -2.804 -6.25 -6.25S21.554 70.833 25 70.833s6.25 2.804 6.25 6.25zm-12.5 -54.167C18.75 19.471 21.554 16.667 25 16.667s6.25 2.804 6.25 6.25S28.446 29.167 25 29.167s-6.25 -2.804 -6.25 -6.25z"></path></svg>'); }
body:not(.minimal-icons-off) svg.open-elsewhere-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667C12.071 12.5 8.333 16.238 8.333 20.833v58.333c0 4.596 3.738 8.333 8.333 8.333h20.833v-8.333H16.667V29.167h66.667v50h-20.833v8.333h20.833c4.596 0 8.333 -3.738 8.333 -8.333V20.833C91.667 16.238 87.929 12.5 83.333 12.5z M54.167 87.5L54.167 66.667 66.667 66.667 50 45.833 33.333 66.667 45.833 66.667 45.833 87.5z"></path></svg>'); }
body:not(.minimal-icons-off) svg.paper-plane-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M85.679 13.917c-1.217 -0.829 -2.779 -0.954 -4.121 -0.329l-70.833 33.333C9.246 47.621 8.313 49.117 8.333 50.75c0.025 1.633 1 3.104 2.5 3.758L33.333 64.354v28.008l24.317 -17.367l19.85 8.683c0.533 0.238 1.104 0.35 1.667 0.35c0.754 0 1.5 -0.204 2.167 -0.608c1.158 -0.704 1.904 -1.929 1.996 -3.283l4.167 -62.5C87.588 16.163 86.9 14.75 85.679 13.917zM75.404 73.667l-21.954 -9.608L66.667 38.196l-31.871 17.708l-12.217 -5.346L78.708 24.142L75.404 73.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.paste-text {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 45.833V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333h-12.5a4.167 4.167 0 0 0 -4.167 -4.167H33.333a4.167 4.167 0 0 0 -4.167 4.167H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v54.167c0 4.596 3.738 8.333 8.333 8.333h29.167c0 4.596 3.738 8.333 8.333 8.333h29.167c4.596 0 8.333 -3.738 8.333 -8.333v-29.167c0 -4.596 -3.738 -8.333 -8.333 -8.333zm-37.5 8.333v20.833H16.667V20.833h12.5v8.333h33.333V20.833h12.5v25h-20.833c-4.596 0 -8.333 3.738 -8.333 8.333zm8.333 29.167v-29.167h29.167l0.004 29.167H54.167z"></path></svg>'); }
body:not(.minimal-icons-off) svg.paste {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M79.167 12.5h-9.375a4.167 4.167 0 0 0 -4.167 -4.167h-31.25a4.167 4.167 0 0 0 -4.167 4.167H20.833c-4.596 0 -8.333 3.738 -8.333 8.333v62.5c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V20.833c0 -4.596 -3.738 -8.333 -8.333 -8.333zm0 70.833H20.833V20.833h8.333v8.333h41.667V20.833h8.333v62.5z"></path></svg>'); }
body:not(.minimal-icons-off) svg.percent-sign-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 256 256"><path fill="black" d="M208.485 64.485l-144 144a12 12 0 0 1-16.97-16.97l144-144a12 12 0 0 1 16.97 16.97zm-160.77 39.8A40.046 40.046 0 1 1 76 115.98a39.738 39.738 0 0 1-28.284-11.697zM60 76a15.987 15.987 0 1 0 4.687-11.314A15.894 15.894 0 0 0 60 76zm160 104a40 40 0 1 1-11.716-28.284A39.735 39.735 0 0 1 220 180zm-24 0a15.893 15.893 0 0 0-4.687-11.313v-.001A16 16 0 1 0 196 180z"></path></svg>'); }
body:not(.minimal-icons-off) svg.play-audio-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10zm0-2a8 8 0 1 0 0-16a8 8 0 0 0 0 16zM10.622 8.415l4.879 3.252a.4.4 0 0 1 0 .666l-4.88 3.252a.4.4 0 0 1-.621-.332V8.747a.4.4 0 0 1 .622-.332z"></path></svg>'); }
body:not(.minimal-icons-off) svg.plus-minus-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M11 4v5H6v2h5v5h2v-5h5V9h-5V4h-2M6 18v2h12v-2H6z"></path></svg>'); }
body:not(.minimal-icons-off) svg.presentation-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 12.5H16.667C12.071 12.5 8.333 16.238 8.333 20.833v41.667c0 4.596 3.738 8.333 8.333 8.333h29.167v12.5H33.333v8.333h12.5h8.333h12.5v-8.333h-12.5v-12.5h29.167c4.596 0 8.333 -3.738 8.333 -8.333V20.833C91.667 16.238 87.929 12.5 83.333 12.5zM16.667 62.5V20.833h66.667l0.004 41.667H16.667z M41.667 54.167L62.5 41.667 41.667 29.167z"></path></svg>'); }
body:not(.minimal-icons-off) svg.question-mark-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke-width=".5" stroke="currentColor" fill="black" d="M12 19a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 12 19zm0-17a6 6 0 0 1 6 6c0 2.165-.753 3.29-2.674 4.923C13.399 14.56 13 15.297 13 17h-2c0-2.474.787-3.695 3.031-5.601C15.548 10.11 16 9.434 16 8c0-2.21-1.79-4-4-4S8 5.79 8 8v1H6V8a6 6 0 0 1 6-6z"></path></svg>'); }
body:not(.minimal-icons-off) svg.restore-file-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M13 3a9 9 0 0 0-9 9H1l4 3.99L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7s-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.954 8.954 0 0 0 13 21a9 9 0 0 0 0-18zm-1 5v5l4.25 2.52l.77-1.28l-3.52-2.09V8z"></path></svg>'); }
body:not(.minimal-icons-off) svg.scissors-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M9.683 7.562L12 9.88l6.374-6.375a2 2 0 0 1 2.829 0l.707.707L9.683 16.438a4 4 0 1 1-2.121-2.121L9.88 12L7.562 9.683a4 4 0 1 1 2.121-2.121zM6 8a2 2 0 1 0 0-4a2 2 0 0 0 0 4zm0 12a2 2 0 1 0 0-4a2 2 0 0 0 0 4zm9.535-6.587l6.375 6.376l-.707.707a2 2 0 0 1-2.829 0l-4.96-4.961l2.12-2.122z"></path></svg>'); }
body:not(.minimal-icons-off) svg.scissors {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M9.683 7.562L12 9.88l6.374-6.375a2 2 0 0 1 2.829 0l.707.707L9.683 16.438a4 4 0 1 1-2.121-2.121L9.88 12L7.562 9.683a4 4 0 1 1 2.121-2.121zM6 8a2 2 0 1 0 0-4a2 2 0 0 0 0 4zm0 12a2 2 0 1 0 0-4a2 2 0 0 0 0 4zm9.535-6.587l6.375 6.376l-.707.707a2 2 0 0 1-2.829 0l-4.96-4.961l2.12-2.122z"></path></svg>'); }
body:not(.minimal-icons-off) svg.search-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396l1.414-1.414l-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8s3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6s-6-2.691-6-6s2.691-6 6-6z"/><path fill="black" d="M11.412 8.586c.379.38.588.882.588 1.414h2a3.977 3.977 0 0 0-1.174-2.828c-1.514-1.512-4.139-1.512-5.652 0l1.412 1.416c.76-.758 2.07-.756 2.826-.002z"></path></svg>'); }
body:not(.minimal-icons-off) svg.select-all-text {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M12.5 4.167h8.333v8.333H12.5v8.333H4.167V12.5a8.333 8.333 0 0 1 8.333 -8.333m45.833 0a8.333 8.333 0 0 1 8.333 8.333v8.333h-8.333V12.5h-8.333V4.167h8.333m25 25a8.333 8.333 0 0 1 8.333 8.333v8.333h-8.333V37.5h-8.333V29.167h8.333m8.333 54.167a8.333 8.333 0 0 1 -8.333 8.333h-8.333v-8.333h8.333v-8.333h8.333v8.333m-8.333 -29.167h8.333v12.5h-8.333v-12.5m-29.167 -16.667V29.167h12.5v12.5h-8.333V37.5h-4.167m0 54.167v-8.333h12.5v8.333h-12.5m-16.667 0a8.333 8.333 0 0 1 -8.333 -8.333v-8.333h8.333v8.333h8.333v8.333H37.5m-8.333 -25v-12.5h8.333v4.167h4.167v8.333H29.167M29.167 12.5V4.167h12.5v8.333H29.167M12.5 66.667a8.333 8.333 0 0 1 -8.333 -8.333v-8.333h8.333v8.333h8.333v8.333H12.5M4.167 29.167h8.333v12.5H4.167V29.167m33.333 0h8.333v8.333H37.5v8.333H29.167V37.5a8.333 8.333 0 0 1 8.333 -8.333m29.167 29.167a8.333 8.333 0 0 1 -8.333 8.333h-8.333v-8.333h8.333v-8.333h8.333v8.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.split {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M61.875 20.208l6 6 -12 12 5.917 5.917 12 -12 6 6c1.292 1.292 3.542 0.375 3.542 -1.5V18.75c0 -1.167 -0.917 -2.083 -2.083 -2.083h-17.875c-1.875 0 -2.792 2.25 -1.5 3.542zM36.625 16.667H18.75c-1.167 0 -2.083 0.917 -2.083 2.083v17.875c0 1.875 2.25 2.792 3.542 1.458L26.208 32.083 45.833 51.667V79.167c0 2.292 1.875 4.167 4.167 4.167s4.167 -1.875 4.167 -4.167v-29.167c0 -1.083 -0.458 -2.167 -1.208 -2.958l-20.833 -20.875 6 -6c1.292 -1.25 0.375 -3.5 -1.5 -3.5z"></path></svg>'); }
body:not(.minimal-icons-off) svg.star-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M91.446 38.246c-0.538 -1.575 -1.958 -2.688 -3.617 -2.817L64.075 33.542l-10.279 -22.754C53.125 9.292 51.638 8.333 50 8.333s-3.125 0.958 -3.796 2.45L35.925 33.542L12.171 35.429C10.542 35.558 9.138 36.629 8.583 38.167s-0.163 3.258 1.008 4.4l17.554 17.113l-6.208 26.883c-0.383 1.663 0.288 3.392 1.692 4.362C23.346 91.417 24.171 91.667 25 91.667c0.804 0 1.613 -0.233 2.313 -0.7L50 75.842l22.688 15.125c1.45 0.967 3.354 0.929 4.771 -0.1c1.408 -1.029 2.029 -2.833 1.55 -4.508l-7.621 -26.667l18.9 -17.008C91.525 41.567 91.979 39.825 91.446 38.246z"></path></svg>'); }
body:not(.minimal-icons-off) svg.stop-audio-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M50 8.333C27.025 8.333 8.333 27.025 8.333 50s18.692 41.667 41.667 41.667s41.667 -18.692 41.667 -41.667S72.975 8.333 50 8.333zM50 83.333c-18.379 0 -33.333 -14.954 -33.333 -33.333s14.954 -33.333 33.333 -33.333s33.333 14.954 33.333 33.333S68.379 83.333 50 83.333z M37.5 37.5H62.5V62.5H37.5z"></path></svg>'); }
body:not(.minimal-icons-off) svg.sweep {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M22.452 1.923a.75.75 0 0 1 0 1.06l-6.928 6.929a5.751 5.751 0 0 1-.496 7.567l-.832.832l-2.787 4.18a.75.75 0 0 1-1.154.115L1.769 14.12a.75.75 0 0 1 .115-1.154l4.18-2.787l.832-.832a5.751 5.751 0 0 1 7.567-.496l6.929-6.928a.75.75 0 0 1 1.06 0zM7.603 10.762l6.01 6.01l.354-.353a4.25 4.25 0 0 0-6.01-6.01l-.354.353zm-1.156.965l-2.97 1.98l7.191 7.191l1.98-2.97l-6.201-6.201z"></path></svg>'); }
body:not(.minimal-icons-off) svg.two-blank-pages {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M83.333 8.333H41.667c-4.596 0 -8.333 3.738 -8.333 8.333v16.667H16.667c-4.596 0 -8.333 3.738 -8.333 8.333v41.667c0 4.596 3.738 8.333 8.333 8.333h41.667c4.596 0 8.333 -3.738 8.333 -8.333v-16.667h16.667c4.596 0 8.333 -3.738 8.333 -8.333V16.667c0 -4.596 -3.738 -8.333 -8.333 -8.333zM16.667 83.333V41.667h41.667l0.008 41.667H16.667zm66.667 -25h-16.667v-16.667c0 -4.596 -3.738 -8.333 -8.333 -8.333h-16.667V16.667h41.667v41.667z"></path></svg>'); }
body:not(.minimal-icons-off) svg.tomorrow-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M33.333 62.5L45.833 62.5 45.833 75 54.167 75 54.167 62.5 66.667 62.5 66.667 54.167 54.167 54.167 54.167 41.667 45.833 41.667 45.833 54.167 33.333 54.167z M79.167 16.667h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833C16.238 16.667 12.5 20.404 12.5 25v8.333v50c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V33.333V25C87.5 20.404 83.763 16.667 79.167 16.667zM79.175 83.333H20.833V33.333h58.333L79.175 83.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.yesterday-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="black" d="M33.333 54.167H66.667V62.5H33.333z M79.167 16.667h-8.333V8.333h-8.333v8.333H37.5V8.333H29.167v8.333H20.833C16.238 16.667 12.5 20.404 12.5 25v8.333v50c0 4.596 3.738 8.333 8.333 8.333h58.333c4.596 0 8.333 -3.738 8.333 -8.333V33.333V25C87.5 20.404 83.763 16.667 79.167 16.667zM79.175 83.333H20.833V33.333h58.333L79.175 83.333z"></path></svg>'); }
body:not(.minimal-icons-off) svg.workspace-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 512 512"><path fill="black" stroke-width="10" stroke="currentColor" d="M472 232h-48V120a24.028 24.028 0 0 0-24-24H40a24.028 24.028 0 0 0-24 24v246a24.028 24.028 0 0 0 24 24h172v50h-60v32h152v-32h-60v-50h92v58a24.027 24.027 0 0 0 24 24h112a24.027 24.027 0 0 0 24-24V256a24.027 24.027 0 0 0-24-24zm-136 24v102H48V128h344v104h-32a24.027 24.027 0 0 0-24 24zm128 184h-96V264h96z"></path></svg>'); }
body:not(.minimal-icons-off) svg.box-glyph {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M5 9v10h14.002L19 9H5zm11 4H8v-2h8v2zm4.002-6L20 5H4v2h16z"/><path fill="black" d="M20 3H4c-1.103 0-2 .897-2 2v2c0 .736.405 1.375 1 1.722V19c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V8.722c.595-.347 1-.986 1-1.722V5c0-1.103-.897-2-2-2zM4 5h16l.002 2H4V5zm1 14V9h14l.002 10H5z"/><path fill="black" d="M8 11h8v2H8z"></path></svg>'); }
body:not(.minimal-icons-off) svg.wand {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M11 4l-.5-1l-.5 1l-1 .125l.834.708L9.5 6l1-.666l1 .666l-.334-1.167l.834-.708zm8.334 10.666L18.5 13l-.834 1.666l-1.666.209l1.389 1.181L16.834 18l1.666-1.111L20.166 18l-.555-1.944L21 14.875zM6.667 6.333L6 5l-.667 1.333L4 6.5l1.111.944L4.667 9L6 8.111L7.333 9l-.444-1.556L8 6.5zM3.414 17c0 .534.208 1.036.586 1.414L5.586 20c.378.378.88.586 1.414.586s1.036-.208 1.414-.586L20 8.414c.378-.378.586-.88.586-1.414S20.378 5.964 20 5.586L18.414 4c-.756-.756-2.072-.756-2.828 0L4 15.586c-.378.378-.586.88-.586 1.414zM17 5.414L18.586 7L15 10.586L13.414 9L17 5.414z"></path></svg>'); }
body:not(.minimal-icons-off) svg.longform {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="black" d="M21 4H7a2 2 0 1 0 0 4h14v13a1 1 0 0 1-1 1H7a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h13a1 1 0 0 1 1 1v1zM5 18a2 2 0 0 0 2 2h12V10H7a3.982 3.982 0 0 1-2-.535V18zM20 7H7a1 1 0 1 1 0-2h13v2z"></path></svg>'); }
body:not(.minimal-icons-off) svg.changelog {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8s-3.589 8-8 8z" fill="currentColor"/><path d="M11 11h2v6h-2zm0-4h2v2h-2z" fill="currentColor"/></svg>'); }
/* Fancy cursor */
.fancy-cursor .CodeMirror-cursor {
border: none;
border-left: 2px solid var(--text-accent); }
.cm-fat-cursor .CodeMirror-cursor {
background-color: var(--text-accent);
opacity: 0.5;
width: 5px; }
.cm-animate-fat-cursor {
background-color: var(--text-accent);
opacity: 0.5;
width: 5px; }
/* Reset to default for iOS */
body .markdown-source-view.mod-cm6 .cm-content {
caret-color: unset; }
/* Live Preview */
body.fancy-cursor .markdown-source-view.mod-cm6 .cm-content,
body.fancy-cursor .mod-cm6 .cm-line {
caret-color: var(--text-accent); }
/* Prompt */
.fancy-cursor input.prompt-input {
caret-color: var(--text-accent); }
.nav-folder-children .nav-folder-children {
margin-left: 18px;
padding-left: 0; }
body:not(.sidebar-lines-off) .nav-folder-children .nav-folder-children {
border-left: 1px solid var(--background-modifier-border); }
.nav-folder-title {
margin-left: 6px; }
.nav-file {
margin-left: 10px; }
.mod-root > .nav-folder-children > .nav-file {
margin-left: 12px; }
/* Focus mode */
/* MIT License | Copyright (c) Stephan Ango (@kepano) */
/* Hide app ribbon */
.workspace-ribbon.mod-left {
border-left: 0;
transition: none; }
.minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed {
border-color: transparent;
background-color: var(--background-primary); }
.minimal-focus-mode .workspace-ribbon.mod-left {
background-color: var(--background-secondary);
transition: background-color 0s linear 0s; }
.minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed,
.minimal-focus-mode .workspace-ribbon.is-collapsed .workspace-ribbon-collapse-btn {
opacity: 0;
transition: opacity 0.1s ease-in-out 0.1s, background-color 0.1s linear 0.1s; }
.minimal-focus-mode .workspace-ribbon.mod-left.is-collapsed:hover,
.minimal-focus-mode .workspace-ribbon.is-collapsed:hover .workspace-ribbon-collapse-btn {
opacity: 1; }
.is-right-sidedock-collapsed .workspace-split.mod-right-split {
margin-right: 0px; }
body.minimal-focus-mode.borders-title .workspace-ribbon.mod-left.is-collapsed {
border-right: none; }
/* Collapse header bar */
body.minimal-focus-mode.borders-title .workspace-leaf .workspace-leaf-content:not([data-type='empty']):not([data-type='map']):not([data-type='graph']):not([data-type='localgraph']) .view-header,
body.minimal-focus-mode.borders-title .workspace-split.mod-root .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content:not([data-type='empty']):not([data-type='map']):not([data-type='graph']):not([data-type='localgraph']) .view-header {
border-bottom: var(--border-width) solid transparent; }
body.minimal-focus-mode.borders-title .workspace-leaf .workspace-leaf-content:not([data-type=graph]):not([data-type=localgraph]) .view-header:focus-within,
body.minimal-focus-mode.borders-title .workspace-split.mod-root .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content:not([data-type=graph]):not([data-type=empty]):not([data-type=localgraph]) .view-header:focus-within,
body.minimal-focus-mode.borders-title .workspace-leaf .workspace-leaf-content:not([data-type=graph]):not([data-type=localgraph]) .view-header:hover,
body.minimal-focus-mode.borders-title .workspace-split.mod-root .workspace-leaf:first-of-type:last-of-type .workspace-leaf-content:not([data-type=graph]):not([data-type=empty]):not([data-type=localgraph]) .view-header:hover {
border-bottom: var(--border-width) solid var(--background-divider); }
body:not(.plugin-sliding-panes-rotate-header) .app-container .workspace-split.mod-root > .workspace-leaf .view-header {
transition: height linear 0.1s; }
body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .app-container .workspace-split.mod-root > .workspace-leaf .view-header {
height: 0em;
transition: all linear 0.1s; }
body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .view-header::after {
width: 100%;
content: " ";
background-color: transparent;
height: 20px;
position: absolute;
z-index: -9;
top: 0; }
body.minimal-focus-mode .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header-icon,
body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .view-header-icon,
body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .view-header-title,
body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .view-actions {
opacity: 0;
transition: all linear 0.1s; }
body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf .view-header:hover,
body.minimal-focus-mode:not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf .view-header:focus-within {
height: calc(var(--header-height) + 2px);
transition: all linear 0.1s; }
body.minimal-focus-mode .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header:hover .view-header-icon,
body.minimal-focus-mode .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header:focus-within .view-header-icon,
body.minimal-focus-mode.show-grabber .view-header:hover .view-header-icon,
body.minimal-focus-mode.show-grabber .view-header:focus-within .view-header-icon {
opacity: var(--icon-muted); }
body.minimal-focus-mode .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header:hover .view-header-icon:hover,
body.minimal-focus-mode .mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header:focus-within .view-header-icon:hover,
body.minimal-focus-mode .view-header:hover .view-header-icon:hover,
body.minimal-focus-mode .view-header:focus-within .view-header-icon:hover,
body.minimal-focus-mode .view-header:hover .view-actions,
body.minimal-focus-mode .view-header:focus-within .view-actions,
body.minimal-focus-mode .view-header:hover .view-header-title,
body.minimal-focus-mode .view-header:focus-within .view-header-title {
opacity: 1;
transition: all linear 0.1s; }
.minimal-focus-mode .view-content {
height: 100%; }
/* Hide status bar */
.status-bar {
transition: opacity 0.2s ease-in-out; }
.minimal-focus-mode:not(.minimal-status-off) .status-bar {
opacity: 0; }
.minimal-focus-mode .status-bar:hover {
opacity: 1;
transition: opacity 0.2s ease-in-out; }
/* Full width media */
.full-width-media .markdown-preview-view .image-embed img:not(.emoji):not([width]),
.full-width-media .image-embed img:not(.emoji):not([width]),
.full-width-media .markdown-preview-view audio,
.full-width-media .markdown-preview-view video {
width: 100%; }
/* Table helper classes for alternate styles */
/* MIT License | Copyright (c) Stephan Ango (@kepano) */
.table-small table:not(.calendar) {
--table-font-size:85%; }
.table-tiny table:not(.calendar) {
--table-font-size:75%; }
.markdown-source-view.mod-cm6 th,
.markdown-source-view.mod-cm6 td,
.markdown-preview-view .table-view-table > thead > tr > th,
table:not(.calendar) thead > tr > th,
table:not(.calendar) tbody > tr > td,
.table-view-table .tag,
.table-view-table a.tag {
font-size: var(--table-font-size); }
.row-hover th:first-child,
.row-hover th:first-child,
.row-alt.markdown-source-view.mod-cm6 th:first-child,
.row-alt.markdown-source-view.mod-cm6 td:first-child,
.row-alt table:not(.calendar) th:first-child,
.row-alt table:not(.calendar) tbody > tr > td:first-child,
.table-lines.markdown-source-view.mod-cm6 th:first-child,
.table-lines.markdown-source-view.mod-cm6 td:first-child,
.table-lines table:not(.calendar) thead > tr > th:first-child,
.table-lines table:not(.calendar) tbody > tr > td:first-child {
padding-left: 10px; }
.row-alt table:not(.calendar) tbody > tr:nth-child(odd),
.col-alt table:not(.calendar) tr > th:nth-child(2n+2),
.col-alt table:not(.calendar) tr > td:nth-child(2n+2) {
padding-left: 10px;
background: var(--background-table-rows); }
.table-tabular table:not(.calendar) {
font-variant-numeric: tabular-nums; }
.table-lines table:not(.calendar),
.table-lines .table-view-table {
border: 1px solid var(--background-modifier-border); }
.table-lines table:not(.calendar) .table-view-table thead > tr > th,
.table-lines table:not(.calendar) .table-view-table > tbody > tr > td {
border-right: 1px solid var(--background-modifier-border);
border-bottom: 1px solid var(--background-modifier-border);
padding: 4px 10px; }
.table-nowrap thead > tr > th,
.table-nowrap tbody > tr > td {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
.trim-cols .markdown-preview-view.table-wrap .table-view-table > tbody > tr > td,
.trim-cols .markdown-preview-view.table-wrap .table-view-table > thead > tr > th,
.trim-cols .markdown-source-view.mod-cm6.table-wrap .table-view-table > tbody > tr > td,
.trim-cols .markdown-source-view.mod-cm6.table-wrap .table-view-table > thead > tr > th,
.table-nowrap .table-wrap thead > tr > th,
.table-nowrap .table-wrap tbody > tr > td {
white-space: normal;
overflow: auto; }
.table-numbers table:not(.calendar) {
counter-reset: section; }
.table-numbers table:not(.calendar) > thead > tr > th:first-child::before {
content: " ";
padding-right: 0.5em;
display: inline-block;
min-width: 2em; }
.table-numbers table:not(.calendar) > tbody > tr > td:first-child::before {
counter-increment: section;
content: counter(section) " ";
text-align: center;
padding-right: 0.5em;
display: inline-block;
min-width: 2em;
color: var(--text-faint);
font-variant-numeric: tabular-nums; }
.row-highlight table:not(.calendar) tbody > tr:hover td {
background-color: var(--background-table-rows); }
.row-lines table:not(.calendar) tbody > tr > td,
.row-lines .table-view-table > tbody > tr > td {
border-bottom: 1px solid var(--background-modifier-border); }
.row-lines table:not(.calendar) tbody > tr:last-child > td {
border-bottom: none; }
.col-lines table:not(.calendar) tbody > tr > td:not(:last-child),
.col-lines .table-view-table thead > tr > th:not(:last-child),
.col-lines .table-view-table > tbody > tr > td:not(:last-child) {
border-right: 1px solid var(--background-modifier-border); }
/* Highlight rows on hover */
.row-hover {
--row-color-hover:
hsla(
var(--accent-h),
50%,
80%,
20%
); }
.theme-dark.row-hover {
--row-color-hover:
hsla(
var(--accent-h),
30%,
40%,
20%
); }
.row-hover tr:hover td {
background-color: var(--row-color-hover); }
/* Dark mode images */
/* MIT License | Copyright (c) Stephan Ango (@kepano) */
.theme-dark .markdown-source-view img,
.theme-dark .markdown-preview-view img {
opacity: var(--image-muted);
transition: opacity 0.25s linear; }
.theme-dark .print-preview img,
.theme-dark .markdown-source-view img:hover,
.theme-dark .markdown-preview-view img:hover {
opacity: 1;
transition: opacity 0.25s linear; }
/* Invert */
.theme-dark img[src$="#invert"],
.theme-dark div[src$="#invert"] img,
.theme-dark span[src$="#invert"] img {
filter: invert(1) hue-rotate(180deg);
mix-blend-mode: screen; }
.theme-dark div[src$="#invert"] {
background-color: var(--background-primary); }
.theme-light img[src$="#invertW"],
.theme-light div[src$="#invertW"] img,
.theme-light span[src$="invertW"] img {
filter: invert(1) hue-rotate(180deg); }
/* Circle */
img[src$="#circle"],
span[src$="#circle"] img,
span[src$="#round"] img {
border-radius: 50%;
aspect-ratio: 1/1; }
/* Outline */
img[src$="#outline"],
span[src$="#outline"] img {
border: 1px solid var(--ui1); }
/* Interface */
img[src$="#interface"],
span[src$="#interface"] img {
border: 1px solid var(--ui1);
box-shadow: 0px 0.5px 0.9px rgba(0, 0, 0, 0.021), 0px 1.3px 2.5px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.039), 0px 10px 20px rgba(0, 0, 0, 0.06);
margin-top: 10px;
margin-bottom: 15px;
border-radius: var(--radius-m); }
/* MIT License | Copyright (c) Stephan Ango (@kepano)
Image Grid snippet for Obsidian
author: @kepano
version: 3.0.0
Support my work:
https://github.com/sponsors/kepano
*/
/* Requires Contextual Typography 2.2.1+ */
div:not(.el-embed-image) + .el-embed-image {
margin-top: 1rem; }
.el-embed-image {
margin-top: 0.5rem; }
.contextual-typography .markdown-preview-section > .el-embed-image > p {
margin-block-start: 0;
margin-block-end: 0; }
.img-grid .markdown-preview-section .el-embed-image img:not(.emoji):not([width]),
.img-grid .markdown-preview-section video {
width: 100%; }
.img-grid .markdown-preview-section > .el-embed-image > p {
display: grid;
grid-column-gap: 0.5rem;
grid-row-gap: 0;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); }
.img-grid .markdown-preview-section > .el-embed-image > p > br {
display: none; }
.img-grid .markdown-preview-section > .el-embed-image > p > img {
object-fit: cover;
align-self: stretch; }
.img-grid .markdown-preview-section > .el-embed-image > p > .internal-embed img {
object-fit: cover;
height: 100%; }
.img-grid .img-grid-ratio .markdown-preview-section > .el-embed-image > p > .internal-embed img,
.img-grid.img-grid-ratio .markdown-preview-section > .el-embed-image > p > .internal-embed img {
object-fit: contain;
height: 100%;
align-self: center; }
@media (max-width: 400pt) {
.el-embed-image {
margin-top: 0.25rem; }
.img-grid .markdown-preview-section > .el-embed-image > p {
grid-column-gap: 0.25rem; } }
/* Image zoom */
/* MIT License | Copyright (c) Stephan Ango (@kepano) */
body:not(.zoom-off) .view-content img {
max-width: 100%;
cursor: zoom-in; }
body:not(.zoom-off) .view-content img:active {
cursor: zoom-out; }
body:not(.is-mobile):not(.zoom-off) .view-content .markdown-preview-view img[referrerpolicy='no-referrer']:active,
body:not(.is-mobile):not(.zoom-off) .view-content .image-embed:active {
aspect-ratio: unset;
cursor: zoom-out;
display: block;
z-index: 200;
position: fixed;
max-height: calc(100% + 1px);
max-width: 100%;
height: calc(100% + 1px);
width: 100%;
object-fit: contain;
margin: -0.5px auto 0 !important;
text-align: center;
padding: 0;
left: 0;
right: 0;
bottom: 0; }
body:not(.is-mobile):not(.zoom-off) .view-content .markdown-preview-view img[referrerpolicy='no-referrer']:active {
background-color: var(--background-primary);
padding: 10px; }
body:not(.is-mobile):not(.zoom-off) .view-content .image-embed:active:after {
background-color: var(--background-primary);
opacity: 0.9;
content: " ";
height: calc(100% + 1px);
width: 100%;
position: fixed;
left: 0;
right: 1px;
z-index: 0; }
body:not(.is-mobile):not(.zoom-off) .view-content .image-embed:active img {
aspect-ratio: unset;
top: 50%;
z-index: 99;
transform: translateY(-50%);
padding: 0;
margin: 0 auto;
width: calc(100% - 20px);
max-height: 95vh;
object-fit: contain;
left: 0;
right: 0;
bottom: 0;
position: absolute;
opacity: 1; }
/* MIT License | Copyright (c) Stephan Ango (@kepano)
Labeled Nav snippet for Obsidian
author: @kepano
version: 1.2.0
Support my work:
https://github.com/sponsors/kepano
*/
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container {
height: auto; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-container-inner {
flex-direction: column;
padding: 8px 8px 4px 8px;
background-color: transparent; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header {
padding: 0;
margin-bottom: 2px;
border: none;
height: auto;
opacity: 0.75; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header.is-active, .labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header:hover {
opacity: 1;
background-color: transparent; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner {
padding: 0;
box-shadow: none;
border: none;
border-radius: 6px; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner-icon {
border-radius: 6px;
padding: 5px 6px;
margin: 0;
height: 26px;
width: 100%;
opacity: 1; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner-icon:hover {
background-color: var(--background-tertiary); }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-inner-icon {
font-size: var(--font-small);
font-weight: 500;
display: flex;
align-items: center; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header:hover .workspace-tab-header-inner-icon,
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
color: var(--icon-color-active); }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-inner-icon svg {
margin-right: 6px; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container {
border: none;
padding: 0; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header .workspace-tab-header-inner-icon:after {
content: "Plugin"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="backlink"] .workspace-tab-header-inner-icon:after {
content: "Backlinks"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="calendar"] .workspace-tab-header-inner-icon:after {
content: "Calendar"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="dictionary-view"] .workspace-tab-header-inner-icon:after {
content: "Dictionary"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="localgraph"] .workspace-tab-header-inner-icon:after,
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="graph"] .workspace-tab-header-inner-icon:after {
content: "Graph"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="markdown"] .workspace-tab-header-inner-icon:after {
content: "Note"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="file-explorer"] .workspace-tab-header-inner-icon:after {
content: "Notes"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="outgoing-link"] .workspace-tab-header-inner-icon:after {
content: "Outlinks"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="outline"] .workspace-tab-header-inner-icon:after {
content: "Outline"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="recent-files"] .workspace-tab-header-inner-icon:after {
content: "Recent"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="reminder-list"] .workspace-tab-header-inner-icon:after {
content: "Reminders"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="search"] .workspace-tab-header-inner-icon:after {
content: "Search"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="starred"] .workspace-tab-header-inner-icon:after {
content: "Starred"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="style-settings"] .workspace-tab-header-inner-icon:after {
content: "Style"; }
.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header[data-type="tag"] .workspace-tab-header-inner-icon:after {
content: "Tags"; }
/* MIT License | Copyright (c) Stephan Ango (@kepano)
Layout Control snippet for Obsidian
author: @kepano
version: 2.0.0
Support my work:
https://github.com/sponsors/kepano
*/
/* Requires Contextual Typography 2.2.1+ */
/* Switch to flexbox */
.contextual-typography .markdown-reading-view > .markdown-preview-view {
padding-top: 15px; }
.contextual-typography .markdown-preview-view.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
display: flex;
flex-direction: column;
width: 100%;
max-width: 100%;
padding-left: 0;
padding-top: 0; }
.contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
align-items: center;
padding-left: 0; }
.contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div {
width: var(--max-width); }
.contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div {
margin-left: auto;
margin-right: auto;
max-width: var(--max-width);
width: var(--line-width-adaptive); }
.contextual-typography .markdown-preview-view.is-readable-line-width .markdown-embed .markdown-preview-sizer > div {
max-width: 100%; }
.contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-table,
.contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataview,
.contextual-typography .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataviewjs {
width: 100%;
max-width: 100%;
overflow-x: auto; }
.el-lang-dataviewjs .block-language-dataviewjs .contains-task-list,
.el-lang-dataview .block-language-dataview .contains-task-list {
max-width: 100%; }
.is-readable-line-width .el-table table,
.is-readable-line-width .el-lang-dataview .dataview.table-view-table,
.is-readable-line-width .el-lang-dataviewjs .dataview.table-view-table {
width: var(--max-width);
max-width: var(--line-width-adaptive);
margin: 0 auto 0.5rem; }
.markdown-embed .el-table table,
.markdown-embed .el-lang-dataview .dataview.table-view-table {
width: 100%; }
/* Dataview and tables */
.table-100 .el-table table,
.table-100 .el-lang-dataviewjs .dataview.table-view-table,
.table-100 .el-lang-dataview .dataview.table-view-table {
max-width: 100% !important;
width: 100% !important; }
.markdown-preview-view.table-100.is-readable-line-width .el-table table,
.markdown-preview-view.table-100.is-readable-line-width .el-lang-dataview .dataview.table-view-table,
.markdown-preview-view.table-100.is-readable-line-width .el-lang-dataviewjs .dataview.table-view-table {
max-width: 100% !important;
width: 100% !important; }
.table-max .el-table table,
.table-max .el-lang-dataview .dataview.table-view-table,
.table-max .el-lang-dataviewjs .dataview.table-view-table {
max-width: 100% !important; }
.markdown-preview-view.table-max .el-table table,
.markdown-preview-view.table-max .el-lang-dataview .dataview.table-view-table
.markdown-preview-view.table-max .el-lang-dataviewjs .dataview.table-view-table {
max-width: 100% !important; }
.table-wide .markdown-preview-view.is-readable-line-width .el-table table,
.markdown-preview-view.is-readable-line-width.table-wide .el-table table,
.table-wide .markdown-preview-view.is-readable-line-width .el-lang-dataview .dataview.table-view-table,
.markdown-preview-view.is-readable-line-width.table-wide .el-lang-dataview .dataview.table-view-table,
.table-wide .markdown-preview-view.is-readable-line-width .el-lang-dataviewjs .dataview.table-view-table,
.markdown-preview-view.is-readable-line-width.table-wide .el-lang-dataviewjs .dataview.table-view-table {
max-width: var(--line-width-wide) !important; }
.table-100 table th:first-child,
.table-100 table td:first-child,
.table-100 .dataview.table-view-table th:first-child,
.table-100 .dataview.table-view-table td:first-child,
.table-100 .markdown-source-view.mod-cm6 td:first-child,
.table-100 .markdown-source-view.mod-cm6 th:first-child {
padding-left: 20px; }
.table-100 table th:last-child,
.table-100 table td:last-child,
.table-100 .dataview.table-view-table th:last-child,
.table-100 .dataview.table-view-table td:last-child {
padding-right: 20px; }
/* Maps, images and iframes */
.contextual-typography.chart-max .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-chart,
.contextual-typography .markdown-preview-view.is-readable-line-width.chart-max .markdown-preview-sizer > .el-lang-chart,
.contextual-typography.map-max .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-leaflet,
.contextual-typography .markdown-preview-view.is-readable-line-width.map-max .markdown-preview-sizer > .el-lang-leaflet,
.contextual-typography.iframe-max .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-iframe,
.contextual-typography .markdown-preview-view.is-readable-line-width.iframe-max .markdown-preview-sizer > .el-iframe,
.contextual-typography.img-max .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-embed-image,
.contextual-typography .markdown-preview-view.is-readable-line-width.img-max .markdown-preview-sizer > .el-embed-image {
width: 100%; }
.contextual-typography.chart-wide .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-chart,
.contextual-typography .markdown-preview-view.is-readable-line-width.chart-wide .markdown-preview-sizer > .el-lang-chart,
.contextual-typography.map-wide .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-leaflet,
.contextual-typography .markdown-preview-view.is-readable-line-width.map-wide .markdown-preview-sizer > .el-lang-leaflet,
.contextual-typography.iframe-wide .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-iframe,
.contextual-typography .markdown-preview-view.is-readable-line-width.iframe-wide .markdown-preview-sizer > .el-iframe,
.contextual-typography.img-wide .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-embed-image,
.contextual-typography .markdown-preview-view.is-readable-line-width.img-wide .markdown-preview-sizer > .el-embed-image {
width: var(--line-width-wide); }
.contextual-typography.chart-100 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-chart,
.contextual-typography .markdown-preview-view.is-readable-line-width.chart-100 .markdown-preview-sizer > .el-lang-chart,
.contextual-typography.map-100 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-leaflet,
.contextual-typography .markdown-preview-view.is-readable-line-width.map-100 .markdown-preview-sizer > .el-lang-leaflet,
.contextual-typography.iframe-100 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-iframe,
.contextual-typography .markdown-preview-view.iframe-100 .markdown-preview-sizer > .el-iframe,
.contextual-typography.img-100 .markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-embed-image,
.contextual-typography .markdown-preview-view.img-100 .markdown-preview-sizer > .el-embed-image {
width: 100%;
max-width: 100%; }
.is-readable-line-width .el-table table,
.is-readable-line-width .el-lang-dataview .dataview.table-view-table,
.is-readable-line-width .el-lang-dataviewjs .dataview.table-view-table {
max-width: calc(var(--line-width-adaptive) - var(--folding-offset)); }
.embed-strict .el-embed-page p,
.map-100 .el-lang-leaflet,
.map-max .el-lang-leaflet,
.map-wide .el-lang-leaflet,
.chart-100 .el-lang-chart,
.chart-max .el-lang-chart,
.chart-wide .el-lang-chart,
.table-100 .el-lang-dataview,
.table-max .el-lang-dataview,
.table-wide .el-lang-dataview,
.table-100 .el-lang-dataviewjs,
.table-max .el-lang-dataviewjs,
.table-wide .el-lang-dataviewjs,
.table-100 .el-table,
.table-max .el-table,
.table-wide .el-table,
.iframe-100 .el-iframe,
.iframe-max .el-iframe,
.iframe-wide .el-iframe,
.img-100 .el-embed-image,
.img-max .el-embed-image,
.img-wide .el-embed-image {
--folding-offset:0px; }
/* Live Preview */
.chart-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart,
.chart-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart,
.map-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet,
.map-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet,
.table-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-table-widget > table,
.table-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-table-widget > table,
.table-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview,
.table-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview,
.table-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs,
.table-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs,
.table-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button),
.table-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button),
.img-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed,
.img-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed,
.img-max.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img,
.img-max .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img {
width: var(--max-width) !important;
max-width: var(--max-width) !important;
transform: none !important;
padding-left: 0;
margin: 0 auto !important; }
.chart-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart,
.chart-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart,
.map-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet,
.map-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet,
.table-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-table-widget > table,
.table-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-table-widget > table,
.table-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview,
.table-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview,
.table-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs,
.table-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs,
.table-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button),
.table-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button),
.img-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed,
.img-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed,
.img-wide.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img,
.img-wide .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img {
width: var(--line-width-wide) !important;
max-width: var(--max-width);
transform: none !important;
padding-left: 0;
margin: 0 auto !important; }
.chart-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart,
.chart-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-chart,
.map-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet,
.map-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .block-language-leaflet,
.table-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width table,
.table-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width table,
.table-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview,
.table-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataview,
.table-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs,
.table-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block > .block-language-dataviewjs,
.table-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button),
.table-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-embed-block.cm-table-widget > div:not(.edit-block-button),
.img-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed,
.img-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > .image-embed,
.img-100.markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img,
.img-100 .markdown-source-view.mod-cm6.is-live-preview.is-readable-line-width .cm-content > img {
width: 100% !important;
max-width: 100% !important;
transform: none !important;
margin: 0 auto !important;
padding-left: 0; }
/* Mobile */
@media (max-width: 400pt) {
.markdown-preview-view .el-table th:first-child,
.markdown-preview-view .el-table td:first-child,
.markdown-preview-view .el-lang-dataview th:first-child,
.markdown-preview-view .el-lang-dataview td:first-child
.markdown-preview-view .el-lang-dataviewjs th:first-child,
.markdown-preview-view .el-lang-dataviewjs td:first-child {
padding-left: 6vw; }
.markdown-preview-view .el-table th:last-child,
.markdown-preview-view .el-table td:last-child,
.markdown-preview-view .el-lang-dataview th:last-child,
.markdown-preview-view .el-lang-dataview td:last-child,
.markdown-preview-view .el-lang-dataviewjs th:last-child,
.markdown-preview-view .el-lang-dataviewjs td:last-child {
padding-right: 6vw; }
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-table,
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataview
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataviewjs {
padding-left: 0;
padding-right: 0; }
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-table,
.markdown-preview-view .table-view-table table,
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataview
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > .el-lang-dataviewjs {
width: 100%; } }
/* Custom line width with folding offset */
@media (max-width: 400pt) {
.is-mobile {
--folding-offset:0px; } }
/* Nudge titlebar */
body:not(.title-align-center):not(.title-align-left):not(.plugin-sliding-panes-rotate-header) .view-header-title {
padding-left: var(--folding-offset); }
.markdown-source-view.wide,
.markdown-preview-view.wide {
--line-width-adaptive:var(--line-width-wide); }
.markdown-source-view.max,
.markdown-preview-view.max {
--line-width-adaptive:300em;
--line-width-wide:300em; }
/* With readable line width */
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer {
max-width: var(--max-width);
width: var(--line-width-adaptive);
padding-left: 0; }
.markdown-source-view.is-readable-line-width .CodeMirror {
padding-left: 0;
padding-right: 0;
margin: 0 auto 0 auto;
width: var(--line-width-adaptive);
max-width: var(--max-width); }
/* Readable line width off */
.markdown-reading-view .markdown-preview-view:not(.is-readable-line-width) > .markdown-preview-sizer {
max-width: var(--max-width);
margin: 0 auto;
padding-left: var(--folding-offset); }
.is-mobile .markdown-source-view.mod-cm6 .cm-gutters {
padding-right: 0; }
/* Requires Minimal plugin 5.2.1+ */
.minimal-readable-off .view-header-title-container {
width: var(--max-width); }
/* Max width for readable-line length off */
.markdown-source-view.mod-cm6:not(.is-readable-line-width) .cm-contentContainer {
max-width: var(--max-width);
margin: 0 0 0 calc(50% - var(--max-width)/2) !important;
padding-left: var(--folding-offset); }
.markdown-source-view.mod-cm6 .cm-content > .cm-embed-block[contenteditable=false] {
overflow-x: auto; }
/* Folding offset */
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div,
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div[data-block-language="dataview"],
.markdown-preview-view.is-readable-line-width .markdown-preview-sizer > div[data-block-language="dataviewjs"] {
padding-left: var(--folding-offset); }
.internal-embed > .markdown-embed,
.popover:not(.hover-editor) {
--folding-offset:0; }
/* Live Preview */
.markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-content {
max-width: 100%; }
.markdown-source-view.mod-cm6.is-line-wrap.is-readable-line-width .cm-line:not(.HyperMD-table-row) {
max-width: calc(var(--max-width) - var(--folding-offset)); }
/* Fill the width of the parent block for nested elements */
.is-live-preview.is-readable-line-width.embed-strict .internal-embed .markdown-preview-sizer,
.is-readable-line-width .block-language-dataview table.dataview,
.is-readable-line-width .block-language-dataviewjs table.dataview,
.is-live-preview.is-readable-line-width .cm-embed-block table.dataview,
.markdown-source-view.is-live-preview.is-readable-line-width table.NLT__table,
.markdown-preview-view.is-readable-line-width .dataview.result-group .contains-task-list {
width: 100%;
max-width: 100%;
transform: none;
margin-left: auto !important; }
/* Remove margins when nested */
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line > .internal-embed,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line.HyperMD-list-line .internal-embed.image-embed {
margin-left: 0 !important; }
/* Line width for Live Preview / Editor mode
Gets complicated.
-------------------------------------------*/
/* Nudge everything slightly to the left to make space for folding and gutters */
/* This is the big daddy rule for most editor content line types */
.markdown-source-view.mod-cm6.is-readable-line-width {
/* Don't force width for images that have a width */ }
.markdown-source-view.mod-cm6.is-readable-line-width .internal-embed,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-content > .image-embed,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line.HyperMD-quote,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line.HyperMD-codeblock,
.markdown-source-view.mod-cm6.is-readable-line-width .embedded-backlinks,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block.cm-callout > .callout,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-html-embed,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-content > img:not([width]),
.markdown-source-view.mod-cm6.is-readable-line-width table {
width: calc(var(--line-width-adaptive) - var(--folding-offset));
max-width: calc(var(--max-width) - var(--folding-offset));
margin-right: auto;
margin-left: max(calc(50% + var(--folding-offset) - var(--line-width-adaptive)/2), calc(50% + var(--folding-offset) - var(--max-width)/2)) !important; }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-line > .cm-html-embed {
--folding-offset:0; }
.markdown-source-view.mod-cm6.is-readable-line-width .cm-content > img[width] {
max-width: var(--max-width);
margin-left: max(calc(50% + var(--folding-offset) - var(--line-width-adaptive)/2), calc(50% + var(--folding-offset) - var(--max-width)/2)) !important; }
.markdown-source-view.mod-cm6.is-readable-line-width .mod-empty,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block > div,
.markdown-source-view.mod-cm6.is-readable-line-width .cm-embed-block > mjx-container {
width: calc(var(--line-width-adaptive) - var(--folding-offset));
max-width: calc(var(--max-width) - var(--folding-offset));
margin-right: auto;
margin-left: max(calc(50% + var(--folding-offset) - var(--line-width-adaptive)/2), calc(50% + var(--folding-offset) - var(--max-width)/2)) !important; }
/* For lists adding an extra offset value in Edit mode */
/* Needs .is-line-wrap to override default styling */
.markdown-source-view.mod-cm6.is-readable-line-width.is-line-wrap .HyperMD-list-line {
width: calc(var(--line-width-adaptive) - var(--folding-offset) - var(--list-edit-offset));
max-width: calc(var(--max-width) - var(--folding-offset) - var(--list-edit-offset));
margin-right: auto;
margin-left: max(calc(50% + var(--list-edit-offset) + var(--folding-offset) - var(--line-width-adaptive)/2), calc(50% + var(--list-edit-offset) + var(--folding-offset) - var(--max-width)/2)) !important; }
/* Dataview lists/checklists
A nightmare mainly because there is no selector that indicates
a list is present inside the dataview block
-------------------------------------------*/
/* Normal block width */
/* ------------------ */
body:not(.table-100):not(.table-max):not(.table-wide) .is-live-preview.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.list-view-ul,
body:not(.table-100):not(.table-max):not(.table-wide) .is-live-preview.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview > h4,
body:not(.table-100):not(.table-max):not(.table-wide) .is-live-preview.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.result-group > .contains-task-list,
body:not(.table-100):not(.table-max):not(.table-wide) .is-live-preview.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.dataview-container > .contains-task-list {
max-width: 100%;
margin-right: auto;
margin-left: auto;
transform: none; }
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.list-view-ul,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.dataview-container > .contains-task-list,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > p,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > h1,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > h2,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > h3,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs > h4,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataviewjs h4,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataview > h4,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .block-language-dataview h4,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.result-group,
body:not(.table-100):not(.table-max):not(.table-wide) .markdown-preview-view.is-readable-line-width:not(.table-100):not(.table-max):not(.table-wide) .dataview.dataview-error {
width: calc(var(--line-width-adaptive) - var(--folding-offset));
max-width: var(--max-width);
margin-right: auto;
margin-left: auto; }
/* Wider block widths */
/* ------------------ */
.is-live-preview.is-readable-line-width .dataview.list-view-ul,
.is-live-preview.is-readable-line-width .dataview > h4,
.is-live-preview.is-readable-line-width .block-language-dataviewjs h4,
.is-live-preview.is-readable-line-width .dataview .contains-task-list,
.is-live-preview.is-readable-line-width .dataview.dataview-container .contains-task-list {
--folding-offset:10px;
width: calc(var(--line-width-adaptive) - var(--folding-offset));
max-width: calc(100% - var(--folding-offset));
transform: translateX(calc(var(--folding-offset)/2));
margin-right: auto;
margin-left: auto; }
.table-100 .is-live-preview.is-readable-line-width .dataview.list-view-ul,
.table-100 .is-live-preview.is-readable-line-width .dataview > h4,
.table-100 .is-live-preview.is-readable-line-width .dataview .contains-task-list,
.table-100.is-live-preview.is-readable-line-width .dataview.list-view-ul,
.table-100.is-live-preview.is-readable-line-width .dataview > h4,
.table-100.is-live-preview.is-readable-line-width .dataview .contains-task-list {
max-width: calc(var(--max-width) - var(--folding-offset)); }
.markdown-preview-view.is-readable-line-width .dataview.list-view-ul,
.markdown-preview-view.is-readable-line-width .dataview .contains-task-list,
.markdown-preview-view.is-readable-line-width .block-language-dataviewjs > p,
.markdown-preview-view.is-readable-line-width .block-language-dataviewjs > h1,
.markdown-preview-view.is-readable-line-width .block-language-dataviewjs > h2,
.markdown-preview-view.is-readable-line-width .block-language-dataviewjs > h3,
.markdown-preview-view.is-readable-line-width .block-language-dataviewjs > h4,
.markdown-preview-view.is-readable-line-width .block-language-dataviewjs h4,
.markdown-preview-view.is-readable-line-width .block-language-dataview > h4,
.markdown-preview-view.is-readable-line-width .block-language-dataview h4,
.markdown-preview-view.is-readable-line-width .dataview.result-group,
.markdown-preview-view.is-readable-line-width .dataview.dataview-error {
--folding-offset:10px;
width: calc(var(--line-width-adaptive) - var(--folding-offset));
max-width: calc(var(--max-width) - var(--folding-offset));
margin-left: auto;
margin-right: max(calc(50% - var(--line-width-adaptive)/2), calc(50% - var(--max-width)/2)); }
/* Links and underline handling*/
body:not(.links-int-on) a[href*="obsidian://"],
body:not(.links-int-on) .markdown-preview-view .internal-link,
body:not(.links-ext-on) .external-link,
body:not(.links-ext-on) .cm-link .cm-underline,
body:not(.links-ext-on) .cm-s-obsidian span.cm-url,
body:not(.links-int-on) .cm-hmd-internal-link .cm-underline,
body:not(.links-int-on) a.internal-link,
body:not(.links-int-on) .cm-s-obsidian span.cm-hmd-internal-link:hover {
text-decoration: none; }
.links-int-on .is-live-preview .cm-hmd-internal-link,
.links-int-on .markdown-preview-view .internal-link,
.links-int-on .cm-s-obsidian span.cm-hmd-internal-link,
.markdown-preview-view .internal-link {
text-decoration: underline; }
.links-ext-on .external-link,
.external-link {
background-position-y: center;
text-decoration: underline; }
/* Scroll indicator for sidebar containers */
body:not(.is-translucent):not(.is-mobile) .mod-left-split .item-list,
body:not(.is-translucent):not(.is-mobile) .mod-left-split .nav-files-container,
body:not(.is-translucent):not(.is-mobile) .mod-left-split .workspace-leaf-content[data-type='search'] .search-result-container,
body:not(.is-translucent):not(.is-mobile) .mod-left-split .tag-container,
body:not(.is-translucent):not(.is-mobile) .mod-left-split .outgoing-link-pane,
body:not(.is-translucent):not(.is-mobile) .mod-left-split .backlink-pane {
background: linear-gradient(var(--background-secondary) 10%, rgba(255, 255, 255, 0)) center top, linear-gradient(var(--background-modifier-border) 100%, rgba(0, 0, 0, 0)) center top;
background-repeat: no-repeat;
background-size: 100% 40px, 91% var(--border-width);
background-attachment: local, scroll; }
body:not(.is-mobile) .mod-right-split .item-list,
body:not(.is-mobile) .mod-right-split .nav-files-container,
body:not(.is-mobile) .mod-right-split .workspace-leaf-content[data-type='search'] .search-result-container,
body:not(.is-mobile) .mod-right-split .tag-container,
body:not(.is-mobile) .mod-right-split .outgoing-link-pane,
body:not(.is-mobile) .mod-right-split .backlink-pane {
background: linear-gradient(var(--background-primary) 10%, rgba(255, 255, 255, 0)) center top, linear-gradient(var(--background-modifier-border) 100%, rgba(0, 0, 0, 0)) center top;
background-repeat: no-repeat;
background-size: 100% 40px, 91% var(--border-width);
background-attachment: local, scroll; }
/* Sidebar documents */
.mod-left-split .markdown-preview-sizer > div,
.mod-left-split .cm-contentContainer {
padding-left: 0 !important;
max-width: 100% !important; }
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
.workspace > .workspace-split:not(.mod-root) .cm-scroller,
.workspace > .workspace-split:not(.mod-root) .markdown-preview-view {
font-size: var(--font-adaptive-small);
line-height: 1.25; }
.workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .markdown-preview-view {
padding: 0 15px; }
.workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .markdown-embed .markdown-preview-view {
padding: 0; }
.workspace > .workspace-split:not(.mod-root) .CodeMirror,
.workspace > .workspace-split:not(.mod-root) .markdown-preview-section,
.workspace > .workspace-split:not(.mod-root) .markdown-preview-sizer {
max-width: 100%;
padding: 0;
width: auto; }
.workspace > .workspace-split:not(.mod-root) .cm-editor {
--folding-offset: 0px; }
.minimal-folding .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .allow-fold-headings.markdown-preview-view .markdown-preview-sizer,
.minimal-folding .workspace > .workspace-split:not(.mod-root) .workspace-leaf-content[data-type=markdown] .allow-fold-lists.markdown-preview-view .markdown-preview-sizer {
padding-left: 0; }
/* Hide embed styling for sidebar documents */
.workspace > .workspace-split:not(.mod-root) .internal-embed .markdown-embed {
border: none;
padding: 0; }
.workspace > .workspace-split:not(.mod-root) .CodeMirror-sizer {
padding-left: 10px; }
/* Hidden tabs
Needs some work
.mod-right-split {
.workspace-tab-header-container:not(:hover) {
height:0;
opacity:0;
z-index:999;
width:100%;
transition:height 0.1s linear, opacity 0.1s linear;
&::after {
width:100%;
content:" ";
background-color:transparent;
height:20px;
position:absolute;
z-index:99;
top:0;
}
}
}
.workspace-tab-header-container {
transition:height 0.1s linear, opacity 0.1s linear;
}
*/
/* Underline */
.tab-style-2 .workspace-tab-header-container .workspace-tab-header {
flex-grow: 1;
height: var(--header-height); }
.tab-style-2 .workspace-tab-container-inner {
padding: 0; }
.tab-style-2 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner {
justify-content: center;
align-items: center;
border-bottom: 1px solid var(--background-divider);
border-radius: 0;
transition: none; }
.tab-style-2 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner:hover {
background-color: var(--bg3); }
.tab-style-2 .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner {
border-bottom: 2px solid var(--ax3);
padding-top: 1px;
color: var(--ax3); }
.tab-style-2 .workspace-tab-header-inner-icon:hover {
background-color: transparent; }
/* Wide */
.tab-style-3 .workspace-sidedock-empty-state + .workspace-tabs .workspace-tab-header-container,
.tab-style-3 .mod-right-split .workspace-sidedock-empty-state + .workspace-tabs .workspace-tab-header-container {
border-bottom: none; }
.tab-style-3 .workspace-tab-header-container {
padding-left: 7px;
padding-right: 7px;
border: none; }
.tab-style-3 .workspace-tab-header-container .workspace-tab-header {
flex-grow: 1; }
.tab-style-3 .workspace-tab-container-inner {
padding: 3px;
background: var(--bg3);
border-radius: 6px; }
.tab-style-3 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner {
justify-content: center;
align-items: center;
transition: none;
border: 1px solid transparent; }
.tab-style-3 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner:hover {
background-color: transparent; }
.tab-style-3:not(.minimal-dark-tonal) .mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner {
background: var(--bg2); }
.tab-style-3 .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner {
background: var(--bg1);
box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px; }
.tab-style-3.labeled-nav .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner {
background-color: transparent; }
.tab-style-3 .workspace-tab-header-inner-icon {
height: 18px;
padding: 0; }
.tab-style-3 .workspace-tab-header-inner-icon:hover {
background-color: transparent; }
/* Index */
.tab-style-4 .workspace-sidedock-empty-state + .workspace-tabs .workspace-tab-header-container {
border: none; }
.tab-style-4 .workspace-tab-header-container .workspace-tab-header {
flex-grow: 1;
height: var(--header-height); }
.tab-style-4 .workspace-tab-container-inner {
background-color: var(--background-secondary);
padding: 0; }
.tab-style-4 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner {
justify-content: center;
align-items: center;
border-bottom: none;
border-radius: 0;
transition: none;
border-top: 1px solid transparent; }
.tab-style-4 .workspace-tab-header-container .workspace-tab-header {
border-bottom: 1px solid var(--background-modifier-border);
opacity: 1; }
.tab-style-4 .workspace-tab-header-container .workspace-tab-header .workspace-tab-header-inner-icon {
opacity: var(--icon-muted); }
.tab-style-4 .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner-icon {
opacity: 1; }
.tab-style-4.hider-frameless:not(.labeled-nav) .mod-left-split > .workspace-tabs:nth-child(3) .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner {
border-top: 1px solid var(--background-modifier-border); }
.tab-style-4 .workspace-tab-header-container .workspace-tab-header.is-active {
border-bottom: 1px solid transparent; }
.tab-style-4 .workspace-tab-header-container .workspace-tab-header.is-active {
background-color: var(--background-primary);
border-radius: 0; }
.tab-style-4 .mod-left-split .workspace-tab-header-container .workspace-tab-header.is-active {
background-color: var(--background-secondary); }
.tab-style-4 .workspace-tab-header-container .workspace-tab-header.is-active .workspace-tab-header-inner {
box-shadow: 1px 0 var(--background-modifier-border), -1px 0 var(--background-modifier-border);
border-bottom: none; }
.tab-style-4 .workspace-tab-header-inner-icon:hover {
background-color: transparent; }
/* Translucent sidebars */
:root {
--bg-translucency-light:0.7;
--bg-translucency-dark:0.85; }
.theme-light.frosted-sidebar.is-translucent,
.theme-dark.frosted-sidebar.is-translucent {
--opacity-translucency:1; }
.is-translucent.frosted-sidebar:not(.hider-ribbon) .workspace-ribbon.mod-left,
.is-translucent.frosted-sidebar .workspace-split:not(.mod-right-split) .workspace-tabs {
background: transparent; }
.is-translucent.frosted-sidebar:not(.hider-ribbon) .workspace-ribbon.mod-left:after {
background: var(--background-secondary);
opacity: var(--bg-translucency-light);
top: 0px;
left: 0px;
content: "";
height: 120%;
position: fixed;
width: 42px;
z-index: -10; }
.is-translucent.frosted-sidebar .mod-left-split .workspace-tabs:after {
background: var(--background-secondary);
opacity: var(--bg-translucency-light);
top: -50px;
content: "";
height: 120%;
position: fixed;
width: 120%;
z-index: -10; }
.theme-dark.is-translucent.frosted-sidebar:not(.hider-ribbon) .workspace-ribbon.mod-left:after,
.theme-dark.is-translucent.frosted-sidebar .workspace-split:not(.mod-right-split) .workspace-tabs:after {
opacity: var(--bg-translucency-dark); }
.theme-light.is-translucent.frosted-sidebar.minimal-light-white .workspace-split:not(.mod-right-split) .workspace-tabs:after {
background: white; }
.theme-dark.is-translucent.frosted-sidebar.minimal-dark-black .workspace-split:not(.mod-right-split) .workspace-tabs:after {
background: black; }
.is-translucent .status-bar {
margin: 0; }
/* Turn off file name trimming */
.full-file-names .tree-item-inner,
.full-file-names .nav-file-title-content,
.full-file-names .search-result-file-title,
.nav-file-title-content.is-being-renamed {
text-overflow: unset;
white-space: normal;
line-height: 1.35; }
.full-file-names .nav-file-title {
margin-bottom: 3px; }
/* Underline headings */
.theme-light,
.theme-dark {
--h1l:var(--ui1);
--h2l:var(--ui1);
--h3l:var(--ui1);
--h4l:var(--ui1);
--h5l:var(--ui1);
--h6l:var(--ui1); }
.h1-l .markdown-reading-view h1:not(.embedded-note-title),
.h1-l .mod-cm6 .cm-editor .HyperMD-header-1 {
border-bottom: 1px solid var(--h1l);
padding-bottom: 0.4em;
margin-block-end: 0.6em; }
.h2-l .markdown-reading-view h2,
.h2-l .mod-cm6 .cm-editor .HyperMD-header-2 {
border-bottom: 1px solid var(--h2l);
padding-bottom: 0.4em;
margin-block-end: 0.6em; }
.h3-l .markdown-reading-view h3,
.h3-l .mod-cm6 .cm-editor .HyperMD-header-3 {
border-bottom: 1px solid var(--h3l);
padding-bottom: 0.4em;
margin-block-end: 0.6em; }
.h4-l .markdown-reading-view h4,
.h4-l .mod-cm6 .cm-editor .HyperMD-header-4 {
border-bottom: 1px solid var(--h4l);
padding-bottom: 0.4em;
margin-block-end: 0.6em; }
.h5-l .markdown-reading-view h5,
.h5-l .mod-cm6 .cm-editor .HyperMD-header-5 {
border-bottom: 1px solid var(--h5l);
padding-bottom: 0.4em;
margin-block-end: 0.6em; }
.h6-l .markdown-reading-view h6,
.h6-l .mod-cm6 .cm-editor .HyperMD-header-6 {
border-bottom: 1px solid var(--h6l);
padding-bottom: 0.4em;
margin-block-end: 0.6em; }
/* Mobile */
/* Mobile styling
/* MIT License | Copyright (c) Stephan Ango (@kepano) */
/* Needs cleanup
-------------------------------------------------------------------------------- */
.is-mobile {
--font-settings-title:18px;
--font-settings:16px;
--font-settings-small:13px;
--input-height:38px;
--radius-m:8px; }
@media (min-width: 400pt) {
.is-mobile {
--input-height:36px;
--radius-m:6px; } }
.hider-tooltips .follow-link-popover {
display: none; }
.is-mobile .follow-link-popover {
font-family: var(--font-interface); }
/* Padding reset */
body.is-mobile {
padding: 0 !important; }
.is-mobile {
/* Folding on mobile */ }
.is-mobile .titlebar {
height: 0 !important;
padding: 0 !important;
position: relative !important;
border-bottom: none; }
.is-mobile .safe-area-top-cover {
background-color: transparent; }
.is-mobile .horizontal-main-container {
background-color: var(--background-primary); }
.is-mobile .workspace {
border-radius: 0 !important;
transform: none !important; }
.is-mobile .workspace-drawer:not(.is-pinned) {
width: 100vw;
max-width: 360pt;
border: none;
box-shadow: 0 5px 50px 5px rgba(0, 0, 0, 0.05); }
.is-mobile .workspace-drawer.mod-left.is-pinned {
max-width: var(--mobile-left-sidebar-width);
min-width: 150pt; }
.is-mobile .workspace-drawer.mod-right.is-pinned {
max-width: var(--mobile-right-sidebar-width);
min-width: 150pt; }
.is-mobile .workspace-drawer.mod-right.is-pinned {
border-right: none; }
.is-mobile .workspace-leaf-content[data-type=starred] .item-list {
padding-left: 5px; }
.is-mobile .workspace-drawer-tab-container > * {
padding: 0; }
.is-mobile .workspace-drawer-tab-option-item-title,
.is-mobile .workspace-drawer-active-tab-title {
font-size: var(--font-adaptive-small); }
.is-mobile .workspace-drawer-tab-option-item:hover .workspace-drawer-tab-option-item-title,
.is-mobile .workspace-drawer-active-tab-header:hover .workspace-drawer-active-tab-title {
color: var(--text-normal); }
.is-mobile .workspace-drawer-active-tab-header:hover .workspace-drawer-active-tab-back-icon {
color: var(--text-normal); }
.is-mobile .nav-file-title,
.is-mobile .nav-folder-title,
.is-mobile .outline,
.is-mobile .tree-item-self,
.is-mobile .tag-container,
.is-mobile .tag-pane-tag {
font-size: var(--font-adaptive-small);
line-height: 1.5;
margin-bottom: 4px; }
.is-mobile .backlink-pane > .tree-item-self,
.is-mobile .outgoing-link-pane > .tree-item-self {
font-size: var(--font-adaptive-smallest); }
.is-mobile .tree-item-flair {
font-size: var(--font-adaptive-small); }
.is-mobile .nav-files-container {
padding: 5px 5px 5px 5px; }
.is-mobile .search-result-container {
padding-bottom: 20px; }
.is-mobile .search-result-file-match-replace-button {
background-color: var(--background-tertiary);
color: var(--text-normal); }
.is-mobile .search-result-file-matches,
.is-mobile .search-result-file-title {
font-size: var(--font-adaptive-small); }
.is-mobile .cm-editor .cm-foldGutter .cm-gutterElement {
cursor: var(--cursor); }
.is-mobile .cm-editor .cm-foldPlaceholder {
background: transparent;
border-color: transparent; }
.is-mobile .empty-state-action {
border-radius: var(--radius-m);
font-size: var(--font-adaptive-small); }
.is-mobile .workspace-drawer-header {
padding: 20px 10px 0 25px; }
.is-mobile .workspace-drawer-header-name {
font-weight: var(--bold-weight);
color: var(--text-normal);
font-size: 1.125em; }
.is-mobile .workspace-drawer-header-info {
color: var(--text-faint);
font-size: var(--font-adaptive-small);
margin-bottom: 0; }
.is-mobile .mod-left .workspace-drawer-header-info,
.is-mobile .is-mobile.hider-status .workspace-drawer-header-info {
display: none; }
.is-mobile .workspace-drawer-active-tab-header {
margin: 2px 12px 2px;
padding: 8px 0 8px 8px; }
.is-mobile .workspace-leaf-content .item-list,
.is-mobile .tag-container,
.is-mobile .backlink-pane {
padding-top: 10px; }
.is-mobile .outgoing-link-pane,
.is-mobile .backlink-pane {
padding-left: 10px; }
/* Workspace */
.workspace-drawer.mod-left .workspace-drawer-inner {
padding-left: 0; }
.is-mobile .side-dock-ribbon {
background: var(--background-secondary);
border-right: 1px solid var(--background-modifier-border);
z-index: 3;
flex-direction: column;
width: 70px;
padding: 15px 0;
margin-right: 0px; }
body:not(.is-ios).is-mobile .workspace-drawer-ribbon {
padding: 20px 5px; }
.is-ios .is-pinned .side-dock-ribbon {
padding: 30px 0 20px 0; }
body.is-mobile.hider-frameless:not(.hider-ribbon) .side-dock-actions {
padding-top: 5px; }
.is-mobile .side-dock-actions, .is-mobile .side-dock-settings {
flex-direction: column;
border-radius: 15px; }
.is-mobile .mod-left .workspace-drawer-header,
.is-mobile .mod-left .workspace-drawer-tab-container {
margin-left: 70px; }
.is-mobile .side-dock-ribbon .side-dock-ribbon-action {
padding: 9px 5px 2px 5px;
margin: 0 12px 4px;
height: 40px; }
.is-mobile .side-dock-ribbon .side-dock-ribbon-action svg {
width: 22px;
height: 22px; }
.is-mobile .workspace-drawer-active-tab-container {
z-index: 2;
background-color: var(--background-primary); }
.is-mobile .side-dock-actions,
.is-mobile .side-dock-settings {
display: flex;
align-content: center;
justify-content: center;
padding: 0; }
.is-mobile .workspace-drawer.mod-left:not(.is-pinned) {
border-right: none; }
.is-mobile .nav-buttons-container {
padding: 0 0 10px 15px; }
/* Inputs */
.is-mobile input[type='text'] {
font-size: 14px;
height: var(--input-height); }
.is-mobile .setting-item-control .search-input-container input {
display: inline-block;
width: 100%;
margin-bottom: 0; }
.is-mobile .search-input-container input,
.is-mobile .search-input-container input:hover,
.is-mobile .search-input-container input:focus,
.is-mobile .search-input-container input[type='text'],
.is-mobile .workspace-leaf-content[data-type='search'] .search-input-container input {
-webkit-appearance: none;
border-radius: 6px;
height: 36px;
padding: 6px 20px 6px 34px;
font-size: 14px; }
.is-mobile .search-input-container input::placeholder {
font-size: 14px; }
.is-mobile .workspace-drawer {
border-width: var(--border-width); }
.is-mobile .workspace-drawer-inner,
.is-mobile .workspace-drawer-active-tab-container {
background-color: var(--background-secondary); }
.workspace-drawer-active-tab-icon {
display: none; }
.is-ios .is-pinned .workspace-drawer-ribbon {
padding: 30px 0 20px 0; }
.is-ios .workspace-drawer.is-pinned .workspace-drawer-header {
padding-top: 26px; }
.is-mobile .workspace-split.mod-root {
background-color: var(--background-primary); }
.is-ios .mod-root .workspace-leaf {
padding-top: 20px; }
.is-ios .mod-root .workspace-split.mod-horizontal .workspace-leaf:not(:first-of-type) {
padding-top: 0; }
.is-mobile.minimal-focus-mode .view-actions {
opacity: 1; }
.is-mobile .workspace-drawer-tab-options {
padding-top: 10px; }
.is-mobile .workspace-drawer-tab-option-item {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
margin: 0 10px;
padding: 8px 10px;
border-radius: var(--radius-m); }
.is-mobile .workspace-drawer-header-icon {
align-self: start; }
body.is-mobile:not(.minimal-icons-off) .workspace-drawer-header-icon svg,
body.is-mobile:not(.minimal-icons-off) .nav-action-button svg,
body.is-mobile:not(.minimal-icons-off) .view-action svg {
width: 22px;
height: 22px; }
.is-mobile.hider-search-suggestions .search-input-suggest-button {
display: none; }
.is-mobile .search-input-clear-button {
right: 6px; }
.is-mobile .search-input-clear-button:before {
height: 16px;
width: 16px; }
.is-mobile .view-header-title {
font-size: var(--title-size); }
.is-mobile .view-header-title:-webkit-autofill:focus {
font-family: var(--font-interface);
color: red; }
.is-mobile .view-header-icon {
padding: 16px 6px 16px 7px;
margin-left: 4px; }
.is-mobile .mod-root .view-header-icon,
.is-mobile .mod-left.is-pinned + .mod-root .view-header-icon {
display: none; }
.is-mobile .view-action {
padding: 5px 5px 4px; }
.is-mobile .workspace-leaf-content:not([data-type='search']) .nav-buttons-container {
border-bottom: var(--border-width) solid var(--background-modifier-border); }
.is-mobile .workspace-leaf-content[data-type='search'] .nav-action-button,
.is-mobile .nav-action-button,
.is-mobile .workspace-drawer-header-icon {
padding: 4px 7px 0 !important;
margin: 5px 2px 2px 0;
text-align: center;
height: 32px;
cursor: var(--cursor); }
.is-mobile .nav-file-title.is-active {
box-shadow: 0 0 0px 2px var(--background-tertiary); }
.pull-down-action {
top: 0;
left: 0;
right: 0;
width: 100%;
margin: 0 auto;
padding: 50px 0 20px;
text-align: center;
border-radius: 0;
border: none;
box-shadow: 0 5px 200px var(--background-modifier-box-shadow); }
.pull-out-action {
top: 0;
height: 100vh;
padding: 30px 10px;
background: transparent;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column; }
.is-mobile .markdown-preview-view pre {
overflow-x: scroll; }
.is-mobile .view-header-icon .three-horizontal-bars {
opacity: 0; }
.is-mobile.plugin-sliding-panes .view-header-title {
mask-image: unset;
-webkit-mask-image: unset; }
.is-mobile.plugin-sliding-panes-rotate-header .view-header-title {
line-height: 1.2; }
.is-mobile .workspace-drawer-header-name-text {
white-space: nowrap;
margin-right: 10px; }
/* --------------- */
/* Phone */
@media (max-width: 400pt) {
.is-mobile .view-header-icon {
display: none; }
/* Disable hover backgrounds on phone */
.is-mobile .view-action:hover,
.is-mobile .nav-action-button:hover,
.side-dock-ribbon .side-dock-ribbon-action:hover,
.is-mobile .workspace-leaf-content[data-type='search'] .nav-action-button.is-active:hover,
.is-mobile .workspace-leaf-content[data-type='backlink'] .nav-action-button.is-active:hover,
.is-mobile .workspace-drawer-tab-option-item:hover,
.is-mobile .workspace-drawer-header-icon:hover {
background: transparent; }
.is-mobile .mod-left .workspace-drawer-header-icon {
display: none; }
.is-ios .workspace-drawer .workspace-drawer-header {
padding-top: 45px; }
.is-ios .mod-root .workspace-leaf {
padding-top: 40px; }
.is-mobile .mod-right .workspace-drawer-header div:nth-child(2) {
display: none; }
.is-mobile .workspace .workspace-drawer-backdrop {
margin-top: -40px;
height: calc(100vh + 50px);
z-index: 9; }
.is-ios .workspace-drawer-ribbon {
padding: 50px 0 30px 0; }
.is-mobile .view-header-title-container {
margin-left: 0; }
.is-mobile .view-header-title {
max-width: calc(100vw - 90px);
padding-right: 20px;
padding-left: calc(50% - var(--max-width)/2 + var(--folding-offset)) !important;
font-size: var(--font-settings-title);
letter-spacing: -0.015em; }
.is-mobile .workspace-drawer-header-name-text {
font-size: var(--font-settings-title);
letter-spacing: -0.015em; }
.is-mobile .view-header {
border-bottom: var(--border-width) solid var(--background-modifier-border) !important; }
.is-mobile .installed-plugins-container {
max-width: 100%;
overflow: hidden; }
.is-mobile .setting-item-info {
flex: 1 1 auto; }
.is-mobile .kanban-plugin__board-settings-modal .setting-item-control,
.is-mobile .setting-item-control {
flex: 1 0 auto;
margin-right: 0;
min-width: auto; }
.is-mobile .checkbox-container {
flex: 1 0 40px;
max-width: 40px; }
.is-mobile .setting-item-description {
word-break: break-word;
white-space: pre-line; }
.is-mobile .view-action {
padding: 0 4px 0 4px;
height: 22px; }
.is-mobile .frontmatter-container .tag,
.is-mobile .cm-s-obsidian span.cm-hashtag,
.is-mobile .tag {
font-size: var(--font-adaptive-smaller); }
.is-mobile .setting-item-control select,
.is-mobile .setting-item-control input,
.is-mobile .setting-item-control button {
margin-bottom: 5px; }
.is-mobile .setting-item-control input[type="range"] {
margin-bottom: 10px; } }
/* --------------- */
/* Tablet */
@media (min-width: 400pt) {
.mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header-icon {
opacity: var(--icon-muted);
display: flex; }
.mod-left:not(.is-pinned) + .mod-root > div:first-of-type .view-header-icon:hover,
.mod-left:not(.is-pinned) + .mod-root .view-header-icon .three-horizontal-bars {
opacity: 1; }
.mod-left:not(.is-pinned) + .mod-root .view-header-icon:hover {
background-color: var(--background-tertiary); }
.is-mobile.is-ios .safe-area-top-cover {
background-color: transparent; }
.is-mobile .view-action {
padding: 5px 6px 4px; }
.is-mobile .mod-left:not(.is-pinned) + .mod-root .workspace-leaf:first-of-type .view-header-title-container {
max-width: calc(100% - 102px); }
/* Animations */
.is-mobile .menu,
.is-mobile .suggestion-container,
.is-mobile .modal,
.is-mobile .prompt {
transition: unset !important;
transform: unset !important;
animation: unset !important; }
.is-mobile .community-plugin-search .setting-item {
padding-top: 10px; }
.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) {
flex-direction: row;
align-items: center; }
.is-mobile button,
.is-mobile .setting-item-control select,
.is-mobile .setting-item-control input,
.is-mobile .setting-item-control button {
width: auto; }
.is-mobile .workspace-drawer:not(.is-pinned) {
margin: 30px 16px 0;
height: calc(100vh - 48px);
border-radius: 15px; }
.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control {
width: auto;
margin-top: 0; }
.is-mobile .markdown-preview-view ol > li.task-list-item .collapse-indicator,
.is-mobile .markdown-preview-view ul > li.task-list-item .collapse-indicator {
margin-left: -2.5em;
margin-top: 0.1em; }
.pull-down-action {
width: 400px;
top: 15px;
padding: 15px;
border-radius: 15px; } }
/* iOS style modals */
:root {
--ios-radius:10px;
--ios-input-radius:8px;
--ios-shadow:0 5px 100px rgba(0,0,0,0.15);
--ios-muted:#8e8e93; }
.theme-light {
--ios-blue:#007aff;
--ios-red:#ff3c2f;
--ios-bg-translucent:rgba(255,255,255,0.85);
--ios-bg:white;
--ios-border:rgba(0,0,0,0.1); }
.theme-dark {
--ios-blue:#0b84ff;
--ios-red:#ff453a;
--ios-bg-translucent:rgba(44,44,46,0.85);
--ios-bg:#2c2c2e;
--ios-border:rgba(255,255,255,0.15); }
.is-ios {
--text-error:#ff453a;
/*
.mod-confirmation .modal {
width:400px;
max-width:95vw;
overflow:visible;
background-color:rgba(0,0,0,0.07);
padding:0;
border-radius:var(--ios-radius);
box-shadow:var(--ios-shadow);
.modal-title {
text-align:center;
display:none;
}
.modal-content {
border-radius:var(--ios-radius) var(--ios-radius) 0 0;
background-color:var(--ios-bg-translucent);
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
font-size:13px;
margin:0;
text-align:center;
color:var(--ios-muted);
padding:15px;
p {
margin-block-start:0;
margin-block-end:0;
}
}
.setting-item {
margin-top: 15px;
border-top: 0;
flex-direction: column;
.setting-item-info {
padding-bottom:5px;
}
.setting-item-control {
margin:0;
flex-direction: column;
button {
backdrop-filter: none;
-webkit-backdrop-filter: none;
background: transparent;
padding: 20px 0 10px;
border-top: 0;
}
}
}
button {
background-color:var(--ios-bg-translucent);
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
margin:0;
border:none;
height:auto;
padding:28px 0;
line-height:0;
box-shadow:none;
color:var(--ios-blue);
font-weight:400;
border-radius:0;
font-size:18px;
border-top:1px solid var(--ios-border);
}
button:hover {
background-color:transparent;
border:none;
box-shadow:none;
border-top:1px solid var(--ios-border);
}
.modal-button-container {
gap:0;
}
.modal-button-container>.mod-warning:nth-last-child(3),
button.mod-warning {
border-top:1px solid var(--ios-border);
background-color:var(--ios-bg-translucent);
backdrop-filter:blur(2px);
-webkit-backdrop-filter:blur(2px);
color:var(--ios-red);
font-weight:400;
text-decoration:none;
}
.modal-button-container>button:last-child {
border-top:none;
margin-top:10px;
font-weight:600;
border-radius:var(--ios-radius);
background-color:var(--ios-bg);
}
.modal-button-container>button:nth-last-child(2),
.modal-button-container>.mod-warning:nth-last-child(2) {
border-bottom-left-radius:var(--ios-radius);
border-bottom-right-radius:var(--ios-radius);
}
.modal-button-container>button:last-child:hover {
background-color:var(--ios-bg-translucent);
}
} */ }
.is-ios .search-input-container input,
.is-ios .workspace-leaf-content[data-type='search'] .search-input-container input,
.is-ios .document-search-container input[type='text'] {
border-radius: var(--ios-input-radius);
border: 0px;
background-color: var(--background-tertiary); }
.is-ios .search-input-container input:active, .is-ios .search-input-container input:hover, .is-ios .search-input-container input:focus,
.is-ios .workspace-leaf-content[data-type='search'] .search-input-container input:active,
.is-ios .workspace-leaf-content[data-type='search'] .search-input-container input:hover,
.is-ios .workspace-leaf-content[data-type='search'] .search-input-container input:focus,
.is-ios .document-search-container input[type='text']:active,
.is-ios .document-search-container input[type='text']:hover,
.is-ios .document-search-container input[type='text']:focus {
border-radius: var(--ios-input-radius);
border: 0px;
background-color: var(--background-tertiary); }
.is-ios .search-input-container input::placeholder,
.is-ios .workspace-leaf-content[data-type='search'] .search-input-container input::placeholder,
.is-ios .document-search-container input[type='text']::placeholder {
color: var(--text-muted); }
/* iPad tablet */
@media (min-width: 400pt) {
.is-ios .mobile-toolbar {
height: 70px; }
.is-ios .mobile-toolbar-options-container {
margin: 0 auto;
display: inline-flex;
width: auto; } }
.mobile-toolbar-off .mobile-toolbar {
display: none; }
.mobile-toolbar {
width: 100%;
display: flex;
overflow: scroll;
background-color: var(--background-primary);
border-top: 1px solid var(--background-modifier-border); }
@media (min-width: 400pt) {
.mobile-toolbar-option {
border-radius: 8px;
margin: 6px 0; }
.mobile-toolbar-option:hover {
background-color: var(--background-tertiary); } }
/* Core plugins */
/* Backlink pane */
.outgoing-link-pane,
.backlink-pane {
padding-bottom: 30px; }
.outgoing-link-pane .search-result-container,
.backlink-pane .search-result-container {
padding: 5px 5px 5px 5px;
margin-left: 0; }
.outgoing-link-pane .search-result-file-title,
.backlink-pane .search-result-file-title {
padding-left: 15px; }
.outgoing-link-pane .tree-item-icon,
.outgoing-link-pane > .tree-item-self .collapse-icon,
.backlink-pane > .tree-item-self .collapse-icon {
display: none; }
.tree-item-self.outgoing-link-item {
padding: 0;
margin-left: 5px; }
.outgoing-link-pane > .tree-item-self:hover,
.outgoing-link-pane > .tree-item-self,
.backlink-pane > .tree-item-self:hover,
.backlink-pane > .tree-item-self {
padding-left: 15px;
color: var(--text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: var(--font-adaptive-smallest);
font-weight: 500;
padding: 5px 7px 5px 10px;
background: transparent; }
.outgoing-link-pane > .tree-item-self.is-collapsed,
.backlink-pane > .tree-item-self.is-collapsed {
color: var(--text-faint); }
.outgoing-link-pane .search-result-file-match {
padding: 5px 0;
border: 0; }
.outgoing-link-pane .search-result-file-match-destination-file {
background: transparent; }
.search-result-file-match:hover .search-result-file-match-destination-file:hover {
background: transparent;
color: var(--text-normal); }
/* Graphs */
.theme-dark,
.theme-light {
--node:var(--text-muted);
--node-focused:var(--text-accent);
--node-tag:var(--red);
--node-attachment:var(--yellow);
--node-unresolved:var(--text-faint); }
/* Fill color for nodes */
.graph-view.color-fill {
color: var(--node); }
/* Fill color for current local node */
.graph-view.color-fill-focused {
color: var(--node-focused); }
/* Fill color for nodes on hover */
.graph-view.color-fill-highlight {
color: var(--node-focused); }
/* Stroke color for nodes */
.graph-view.color-circle {
color: var(--node-focused); }
/* Line color */
.graph-view.color-line {
color: var(--background-modifier-border); }
/* Line color on hover */
.graph-view.color-line-highlight {
color: var(--node-focused); }
/* Text color */
.graph-view.color-text {
color: var(--text-normal); }
/* Tag nodes */
.theme-dark .graph-view.color-fill-tag,
.theme-light .graph-view.color-fill-tag {
color: var(--node-tag); }
.theme-dark .graph-view.color-fill-attachment,
.theme-light .graph-view.color-fill-attachment {
color: var(--node-attachment); }
.theme-dark .graph-view.color-fill-unresolved,
.theme-light .graph-view.color-fill-unresolved {
color: var(--node-unresolved); }
/* Full bleed (takes up full height) */
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf-content[data-type='localgraph'] .view-header,
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf-content[data-type='graph'] .view-header {
position: fixed;
background: transparent !important;
width: 100%; }
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-content,
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-content {
height: 100%; }
body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-header-title,
body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-header-title {
display: none; }
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='localgraph'] .view-actions,
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='graph'] .view-actions {
background: transparent; }
.mod-root .workspace-leaf-content[data-type='localgraph'] .graph-controls,
.mod-root .workspace-leaf-content[data-type='graph'] .graph-controls {
top: 32px; }
/* Graph controls */
.graph-controls.is-close {
padding: 6px;
left: 0;
top: 0; }
.graph-controls-button {
cursor: var(--cursor); }
.graph-control-section .tree-item-children {
padding-bottom: 15px; }
.graph-control-section-header {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: var(--font-adaptive-smallest);
color: var(--text-muted); }
.graph-control-section-header:hover {
color: var(--text-normal); }
.graph-controls .search-input-container {
width: 100%; }
.setting-item.mod-search-setting.has-term-changed .graph-control-search-button,
.graph-controls .graph-control-search-button {
display: none; }
.graph-controls .setting-item {
padding: 4px 0 0 0; }
.graph-controls .setting-item-name {
font-size: var(--font-adaptive-small); }
.graph-controls {
background: var(--background-secondary);
border: 1px solid var(--background-modifier-border);
min-width: 240px;
left: 6px;
margin-top: 6px;
margin-bottom: 0;
padding: 10px 12px 10px 2px;
border-radius: var(--radius-m); }
.graph-controls input[type='text'], .graph-controls input[type='range'] {
font-size: var(--font-adaptive-small); }
.graph-controls .mod-cta {
width: 100%;
font-size: var(--font-adaptive-small);
padding: 5px;
margin: 0; }
.graph-controls-button.mod-animate {
margin-top: 5px; }
.mod-left-split .graph-controls {
background: var(--background-secondary); }
.local-graph-jumps-slider-container,
.workspace-split.mod-left-split .local-graph-jumps-slider-container,
.workspace-split.mod-right-split .local-graph-jumps-slider-container,
.workspace-fake-target-overlay .local-graph-jumps-slider-container {
background: transparent;
opacity: 0.6;
padding: 0;
left: 12px;
transition: opacity 0.2s linear;
height: auto; }
.mod-root .local-graph-jumps-slider-container {
right: 0;
left: 0;
width: var(--line-width-adaptive);
max-width: var(--max-width);
margin: 0 auto;
top: 30px; }
.workspace-split.mod-left-split .local-graph-jumps-slider-container:hover,
.workspace-split.mod-right-split .local-graph-jumps-slider-container:hover,
.workspace-fake-target-overlay .local-graph-jumps-slider-container:hover,
.local-graph-jumps-slider-container:hover {
opacity: 0.8;
transition: opacity 0.2s linear; }
/* Outline */
.outline {
padding: 15px 10px 20px 0;
font-size: var(--font-adaptive-small); }
.outline .pane-empty {
font-size: var(--font-adaptive-small);
color: var(--text-faint);
padding: 0 0 0 15px;
width: 100%; }
.outline .tree-item-self {
cursor: var(--cursor);
line-height: 1.4;
margin-bottom: 4px;
font-size: var(--font-adaptive-small);
padding-left: 15px; }
.tree-item-collapse {
opacity: 1;
left: -5px;
color: var(--text-faint); }
.outline .tree-item-inner:hover {
color: var(--text-normal); }
.tree-item-self.is-clickable:hover .tree-item-collapse {
color: var(--text-normal); }
.outline > .tree-item > .tree-item-self .right-triangle {
opacity: 0; }
/* Page Preview aka Popovers */
.theme-dark.minimal-dark-black .popover {
background: var(--bg2); }
.popover,
.popover.hover-popover {
min-height: 40px;
box-shadow: 0 20px 40px var(--background-modifier-box-shadow);
pointer-events: auto !important;
border: 1px solid var(--background-modifier-border); }
.popover.hover-popover {
width: 400px;
max-height: 40vh; }
.popover.hover-popover .markdown-embed {
padding: 0; }
.popover .markdown-embed-link {
display: none; }
.popover .markdown-embed .markdown-preview-view {
padding: 10px 20px 30px; }
.popover.hover-popover .markdown-embed .markdown-embed-content {
max-height: none; }
.popover.hover-popover.mod-empty {
padding: 20px 20px 20px 20px;
color: var(--text-muted); }
.popover.hover-popover .markdown-preview-view .table-view-table,
.popover.hover-popover .markdown-embed .markdown-preview-view {
font-size: 1.05em; }
.popover.hover-popover .markdown-embed h1,
.popover.hover-popover .markdown-embed h2,
.popover.hover-popover .markdown-embed h3,
.popover.hover-popover .markdown-embed h4 {
margin-top: 1rem; }
/* Prompt */
/* Used for command palette and quick switcher */
.prompt {
box-shadow: var(--shadow-m);
padding-bottom: 0;
border: 1px solid var(--modal-border); }
body:not(.hider-scrollbars) .prompt {
padding-right: 0px; }
body:not(.hider-scrollbars) .prompt-results {
padding-right: 10px; }
input.prompt-input {
border: 0;
background: var(--background-primary);
box-shadow: none !important;
padding-left: 10px;
height: 40px;
line-height: 4;
font-size: var(--font-adaptive-normal); }
input.prompt-input:hover {
border: 0;
background: var(--background-primary);
padding-left: 10px;
line-height: 4; }
.prompt-results {
padding-bottom: 0; }
.prompt-results .suggestion-item:last-child,
.prompt-results .suggestion-empty {
margin-bottom: 10px; }
.prompt-instructions {
color: var(--text-muted); }
.prompt-instruction-command {
font-weight: 600; }
/*
.suggestion-prefix {
font-weight:500;
}*/
/* In Editor autocomplete */
.suggestion-container {
box-shadow: 0 5px 40px rgba(0, 0, 0, 0.2);
padding: 0 6px;
border-radius: 8px;
background-color: var(--background-primary);
border: 1px solid var(--background-modifier-border-hover); }
.suggestion-container .suggestion-item {
font-size: calc(var(--font-adaptive-normal) * .9) !important;
cursor: var(--cursor);
padding: 4px 10px 4px 10px;
border-radius: 4px; }
.suggestion-container .suggestion-item:first-child {
margin-top: 6px; }
.suggestion-container .suggestion-item:last-child {
margin-bottom: 6px; }
.is-mobile .suggestion-container .suggestion-item:first-child {
margin-top: 0; }
.is-mobile .suggestion-container .suggestion-item:last-child {
margin-bottom: 10px; }
.suggestion-hotkey {
margin-top: 0.25em; }
.suggestion-flair {
left: auto;
right: 8px;
opacity: 0.25; }
.prompt-results .suggestion-flair .filled-pin {
display: none; }
.prompt-results .suggestion-item {
padding: 5px 8px 5px 10px; }
/*
.prompt .prompt-results {
.suggestion-item {
display:flex;
align-items:center;
.suggestion-prefix {
white-space:pre;
}
.suggestion-content {
white-space:pre;
overflow:hidden;
text-overflow:ellipsis;
flex-grow:1;
padding-right:1em;
}
.suggestion-hotkey {
white-space:pre;
margin-top:0;
}
.suggestion-hotkey:not(:last-child) {
margin:0 5px 0 0;
}
}
}
*/
.modal-container .suggestion-item.is-selected {
border-radius: var(--radius-m);
background: var(--background-tertiary); }
.suggestion-item.is-selected {
background: var(--background-tertiary); }
.suggestion-item,
.suggestion-empty {
font-size: var(--font-adaptive-normal);
cursor: var(--cursor); }
/* Mobile */
.is-mobile {
/* Tablet */
/* Phone */ }
.is-mobile .prompt,
.is-mobile .suggestion-container {
width: 100%;
max-width: 100%;
border: none;
padding: 10px 10px 0 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none; }
.is-mobile .suggestion-container {
left: 0;
right: 0;
margin: 0 auto;
border: none; }
.is-mobile .suggestion-item {
font-size: var(--font-adaptive-normal);
padding-left: 10px;
letter-spacing: 0.001px; }
.is-mobile .prompt-results .suggestion-flair {
display: none; }
.is-mobile input[type='text'].prompt-input,
.is-mobile input[type='text'].prompt-input:hover {
line-height: 2;
padding: 8px;
height: 4.5ex;
font-size: var(--font-adaptive-normal); }
@media (min-width: 400pt) {
.is-mobile .modal-container .prompt {
opacity: 1 !important; }
.is-mobile .prompt {
max-width: 600px;
max-height: 600px;
bottom: auto !important;
border-radius: 15px;
top: 100px !important; }
.is-mobile .suggestion-container {
max-width: 600px;
max-height: 600px;
border-radius: 15px;
bottom: 80px;
border: 1px solid var(--background-modifier-border); }
.is-mobile .modal-container .suggestion-item {
padding: 8px 5px 8px 8px;
border-radius: var(--radius-m); }
.is-mobile .suggestion-flair {
right: 0;
left: auto;
position: absolute;
padding: 10px; } }
@media (max-width: 400pt) {
.is-mobile .suggestion-hotkey {
display: none; }
.is-mobile .suggestion-flair {
right: 0;
left: auto;
position: absolute;
padding: 5px 5px 0 0; }
.is-mobile .suggestion-container {
max-height: 200px;
border-top: 1px solid var(--background-modifier-border);
border-radius: 0;
padding-top: 0;
box-shadow: none; }
.is-mobile .prompt {
border-radius: 0;
border: none;
padding-top: 5px;
padding-bottom: 0;
max-height: calc(100vh - 120px);
top: 120px; }
.is-mobile .suggestion-container .suggestion {
padding-top: 10px; } }
/* Publish */
.modal.mod-publish {
max-width: 600px;
padding-left: 0;
padding-right: 0;
padding-bottom: 0; }
.modal.mod-publish .modal-title {
padding-left: 20px;
padding-bottom: 10px; }
.mod-publish .modal-content {
padding-left: 20px;
padding-right: 20px; }
.mod-publish p {
font-size: var(--font-small); }
.mod-publish .tree-item-flair {
display: unset; }
.file-tree .mod-new .tree-item-flair,
.file-tree .mod-deleted .tree-item-flair,
.file-tree .mod-to-delete .tree-item-flair,
.file-tree .mod-changed .tree-item-flair {
background: transparent; }
.file-tree .mod-deleted .tree-item-flair,
.file-tree .mod-to-delete .tree-item-flair {
color: var(--pink); }
.file-tree .mod-new .tree-item-flair {
color: var(--green); }
.file-tree .mod-changed .tree-item-flair {
color: var(--yellow); }
.mod-publish .button-container,
.modal.mod-publish .modal-button-container {
margin-top: 0px;
padding: 10px;
border-top: 1px solid var(--background-modifier-border);
bottom: 0px;
background-color: var(--background-primary);
position: absolute;
width: 100%;
margin-left: -20px;
text-align: center; }
.publish-changes-info {
padding: 0 0 15px;
margin-bottom: 0;
border-bottom: 1px solid var(--background-modifier-border); }
.modal.mod-publish .modal-content .publish-sections-container {
max-height: none;
height: auto;
padding: 10px 20px 30px 0;
margin-top: 10px;
margin-right: -20px;
margin-bottom: 80px; }
.publish-site-settings-container {
max-height: none;
height: auto;
margin-right: -20px;
margin-bottom: 80px;
overflow-x: hidden; }
.publish-section-header {
padding-bottom: 15px;
border-width: 1px; }
.password-item {
padding-left: 0;
padding-right: 0; }
.publish-section-header-text {
font-weight: 600;
color: var(--text-normal);
cursor: var(--cursor); }
.publish-section-header-text,
.publish-section-header-toggle-collapsed-button,
.publish-section-header-action,
.file-tree-item-header {
cursor: var(--cursor); }
.publish-section-header-text:hover,
.publish-section-header-toggle-collapsed-button:hover,
.publish-section-header-action:hover {
color: var(--text-normal);
cursor: var(--cursor); }
.mod-publish .u-pop {
color: var(--text-normal); }
.publish-section-header-toggle-collapsed-button {
padding: 7px 0 0 3px;
width: 18px; }
.mod-publish .file-tree-item {
margin-left: 20px; }
.mod-publish .file-tree-item {
padding: 0;
margin-bottom: 2px;
font-size: var(--font-small); }
.mod-publish .file-tree-item-checkbox {
filter: hue-rotate(0); }
.mod-publish .file-tree-item.mod-deleted .flair,
.mod-publish .file-tree-item.mod-to-delete .flair {
background: transparent;
color: #ff3c00;
font-weight: 500; }
.mod-publish .file-tree-item.mod-new .flair {
background: transparent;
font-weight: 500;
color: #13c152; }
.mod-publish .site-list-item {
padding-left: 0;
padding-right: 0; }
.is-mobile {
/* Mobile publish */
/* Phone */ }
.is-mobile .mod-publish .modal-content {
display: unset;
padding: 10px 10px 10px;
margin-bottom: 120px;
overflow-x: hidden; }
.is-mobile .mod-publish .button-container,
.is-mobile .modal.mod-publish .modal-button-container {
padding: 10px 15px 30px;
margin-left: 0px;
left: 0; }
.is-mobile .modal.mod-publish .modal-title {
padding: 10px 20px;
margin: 0 -10px;
border-bottom: 1px solid var(--background-modifier-border); }
.is-mobile .publish-site-settings-container {
margin-right: 0;
padding: 0; }
.is-mobile .modal.mod-publish .modal-content .publish-sections-container {
margin-right: 0;
padding-right: 0; }
@media (max-width: 400pt) {
.is-mobile .publish-section-header,
.is-mobile .publish-changes-info {
flex-wrap: wrap;
border: none; }
.is-mobile .publish-changes-info .publish-changes-add-linked-btn {
flex-basis: 100%;
margin-top: 10px; }
.is-mobile .publish-section-header-text {
flex-basis: 100%;
margin-bottom: 10px;
margin-left: 20px;
margin-top: -8px; }
.is-mobile .publish-section {
background: var(--background-secondary);
border-radius: 10px;
padding: 12px 12px 1px; }
.is-mobile .publish-changes-switch-site {
flex-grow: 0;
margin-right: 10px; } }
/* Search */
.search-result-container.mod-global-search .search-empty-state {
padding-left: 15px; }
.search-result-file-match {
cursor: var(--cursor) !important;
width: auto;
left: 0; }
.search-result-file-match:hover {
background: transparent; }
.search-result-container:before {
height: 1px; }
.search-result-file-match-replace-button {
background-color: var(--background-primary);
border: 1px solid var(--background-modifier-border);
color: var(--text-muted);
opacity: 1;
top: auto;
right: 18px;
bottom: 1px;
font-weight: 500;
font-size: var(--font-adaptive-smaller); }
.search-result-hover-button:hover {
background-color: var(--background-tertiary);
color: var(--text-muted); }
.search-result-file-match-replace-button:hover {
background-color: var(--background-modifier-border);
color: var(--text-normal); }
.search-result-container.is-loading:before {
background-color: var(--background-modifier-accent); }
.search-result {
margin-bottom: 0; }
.search-result-count {
opacity: 1;
color: var(--text-faint);
padding: 0 0 0 5px; }
.search-result-file-match:before {
top: 0; }
.search-result-file-match:not(:first-child) {
margin-top: 0px; }
.search-result-file-match {
margin-top: 0;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 5px; }
.search-result-file-matched-text {
background-color: var(--text-selection); }
.search-input-container input,
.search-input-container input:hover,
.search-input-container input:focus {
font-size: var(--font-adaptive-small);
padding: 5px 28px 5px 10px;
background-color: var(--background-modifier-form-field); }
.search-input-container {
width: calc(100% - 20px);
margin: 0 0 8px 10px; }
.workspace-leaf-content .setting-item {
padding: 5px 0;
border: none; }
.workspace-leaf-content .setting-item-control {
flex-shrink: 0;
flex: 1; }
.search-input-clear-button {
background: transparent;
border-radius: 50%;
color: var(--text-muted);
cursor: var(--cursor);
top: 0px;
right: 2px;
bottom: 0px;
line-height: 0;
height: calc(var(--input-height) - 2px);
width: 28px;
margin: auto;
padding: 0 0;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
transition: color 0.2s ease-in-out; }
.search-input-clear-button:hover {
color: var(--text-normal);
transition: color 0.2s ease-in-out; }
.search-input-clear-button:active {
color: var(--text-normal);
transition: color 0.2s ease-in-out; }
.search-input-clear-button:before {
content: '';
height: 13px;
width: 13px;
display: block;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,<svg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM3.8705 3.09766L6.00003 5.22718L8.12955 3.09766L8.9024 3.8705L6.77287 6.00003L8.9024 8.12955L8.12955 8.9024L6.00003 6.77287L3.8705 8.9024L3.09766 8.12955L5.22718 6.00003L3.09766 3.8705L3.8705 3.09766Z' fill='currentColor'/></svg>");
-webkit-mask-repeat: no-repeat; }
.search-input {
max-width: 100%;
margin-left: 0;
width: 500px; }
input.search-input:focus {
border-color: var(--background-modifier-border); }
.workspace-leaf-content[data-type='search'] .search-result-file-matches {
padding-left: 0; }
.search-empty-state {
font-size: var(--font-adaptive-small);
color: var(--text-faint);
padding-left: 5px;
margin: 0; }
.search-result-container {
padding: 5px 10px 50px 5px; }
.search-result-file-title {
line-height: 1.3;
padding: 4px 4px 4px 20px;
vertical-align: middle;
cursor: var(--cursor) !important; }
.tree-item-inner,
.search-result-file-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.search-result-collapse-indicator {
left: 0px; }
.search-result-file-match {
padding-right: 15px; }
.search-result-file-match:before {
height: 0.5px; }
.search-result-file-matches {
font-size: var(--font-adaptive-smaller);
line-height: 1.3;
margin: 3px 0 8px 0px;
padding: 0 0 2px 0;
color: var(--text-muted);
border: 1px solid var(--background-modifier-border);
background: var(--background-primary);
border-radius: var(--radius-m); }
.search-result:last-child .search-result-file-matches {
border: 1px solid var(--background-modifier-border); }
.search-result-hover-button.mod-top {
top: 4px;
right: 4px; }
.search-result-hover-button.mod-bottom {
bottom: 0px;
right: 4px; }
.search-info-container {
font-size: var(--font-adaptive-smaller);
color: var(--text-faint);
padding-top: 5px;
padding-bottom: 5px; }
.search-info-more-matches {
font-size: var(--font-adaptive-smaller);
padding-top: 4px;
padding-bottom: 4px;
color: var(--text-normal); }
.side-dock-collapsible-section-header-indicator {
display: none; }
.search-result-file-title:hover {
color: var(--text-normal);
background: transparent; }
.workspace-leaf-content .search-input,
.workspace-leaf-content .search-input:hover,
.workspace-leaf-content .search-input:focus {
font-size: var(--font-adaptive-small);
padding: 7px 10px;
height: 28px;
border-radius: var(--radius-m);
background: var(--background-primary);
border: 1px solid var(--background-modifier-border);
transition: border-color 0.1s ease-in-out; }
.workspace-leaf-content .search-input:hover {
border-color: var(--background-modifier-border-hover);
transition: border-color 0.1s ease-in-out; }
.workspace-leaf-content .search-input:focus {
background: var(--background-primary);
border-color: var(--background-modifier-border-focus);
transition: all 0.1s ease-in-out; }
.search-input-container input::placeholder {
color: var(--text-faint);
font-size: var(--font-adaptive-small); }
.workspace-split.mod-root .workspace-split.mod-vertical .workspace-leaf-content {
padding-right: 0; }
.workspace-split.mod-horizontal.mod-right-split {
width: 0; }
.workspace-split.mod-vertical > .workspace-leaf {
padding-right: 1px; }
.workspace-leaf-content[data-type=starred] .item-list {
padding-top: 5px; }
.workspace-leaf-content .view-content {
padding: 0; }
.workspace-split.mod-right-split .view-content {
padding: 0;
background-color: var(--background-primary); }
/* Sync */
/* Sync Log */
.modal.mod-sync-log {
padding: 20px 0 0 0; }
.modal.mod-sync-log .modal-title {
padding: 0 20px; }
.modal.mod-sync-log .modal-content {
padding: 0px;
display: flex;
flex-direction: column; }
.modal.mod-sync-log .modal-button-container {
border-top: 1px solid var(--background-modifier-border);
padding: 15px;
background-color: var(--background-primary);
margin: 0; }
.modal.mod-sync-log .sync-log-container {
padding: 16px 20px;
background-color: var(--background-secondary);
flex-grow: 1;
font-size: var(--font-adaptive-small); }
.sync-log-container .list-item {
padding-left: 0; }
.modal.mod-sync-log .setting-item.mod-toggle {
padding: 20px; }
.sync-history-content {
font-size: var(--font-adaptive-small);
border: none;
padding: 20px 40px 20px 20px;
border-radius: 0; }
body .sync-history-content-container textarea.sync-history-content:active,
body .sync-history-content-container textarea.sync-history-content:focus {
box-shadow: none; }
/* Sync history */
.modal.mod-sync-history .modal-content {
padding: 0; }
.sync-history-content-empty {
padding: 5px 20px;
color: var(--text-muted);
font-size: var(--font-adaptive-small); }
.sync-history-content-container {
padding: 0;
height: auto;
border-left: 1px solid var(--background-modifier-border);
background-color: var(--background-primary); }
.sync-history-content-buttons.u-center-text {
text-align: center;
padding: 10px;
margin: 0;
border-top: 1px solid var(--background-modifier-border); }
.sync-history-content-container .modal-button-container {
margin: 0;
padding: 10px 5px;
border-top: 1px solid var(--background-modifier-border);
background-color: var(--background-primary);
text-align: center; }
.sync-history-list {
min-width: 220px; }
.sync-history-list-container {
min-width: 220px;
flex-basis: 230px;
max-height: none;
overflow-y: scroll;
background-color: var(--background-secondary); }
.sync-history-list {
padding: 10px 10px 0 10px;
overflow: unset;
background-color: var(--background-secondary); }
.sync-history-list .search-input-container {
width: 100%;
margin: 0; }
.sync-history-load-more-button {
font-size: var(--font-adaptive-small);
cursor: var(--cursor);
margin: 0px 10px 10px;
border-radius: var(--radius-m); }
.sync-history-load-more-button:hover {
background-color: var(--background-tertiary); }
.sync-history-list-item {
border-radius: var(--radius-m);
padding: 4px 8px;
margin-bottom: 4px;
font-size: var(--font-adaptive-small);
cursor: var(--cursor); }
.sync-history-list-item.is-active, .sync-history-list-item:hover {
background-color: var(--background-tertiary); }
/* Mobile */
.is-mobile .sync-status-icon {
margin-top: 2px; }
.is-mobile .sync-history-list {
padding: 10px;
background-color: var(--background-primary); }
.is-mobile .sync-history-list-item {
font-size: var(--font-adaptive-small);
padding: 8px 10px; }
.is-mobile .sync-history-content-container .modal-button-container {
padding: 5px 10px 30px 10px; }
.is-mobile .sync-history-content {
outline: none;
-webkit-appearance: none;
border: 0;
background-color: var(--background-secondary); }
.is-mobile .modal.mod-sync-log .mod-toggle, .is-mobile .modal.mod-sync-log .modal-button-container {
flex: 0; }
/* --------------- */
/* Phone */
@media (max-width: 400pt) {
.is-mobile .modal.mod-sync-log {
width: 100vw;
height: 100vh;
max-height: calc(100vh - 32px);
box-shadow: 0 -32px 0 32px var(--background-primary);
bottom: 0;
padding-bottom: 10px; } }
/* Community plugins */
/* Banner plugin */
/*
.markdown-source-view.mod-cm6 .cm-line.has-banner {
width:100% !important;
max-width:100% !important;
transform:none !important;
.cm-fold-indicator,
.cm-def.cm-hmd-frontmatter {
margin-left:max(
calc(50% + var(--folding-offset) - var(--line-width-adaptive)/2),
calc(50% - var(--max-width)/2) + var(--folding-offset)) !important;
}
.obsidian-banner-icon {
width:calc(var(--line-width-adaptive) - var(--folding-offset));
max-width:var(--max-width);
margin-left:auto;
margin-right:auto;
transform:translateX(calc(var(--folding-offset)/2));
}
} */
.obsidian-banner.solid {
border-bottom: var(--border-width) solid var(--background-divider); }
.contextual-typography .markdown-preview-view div.has-banner-icon.obsidian-banner-wrapper {
overflow: visible; }
.theme-dark .markdown-preview-view img.emoji {
opacity: 1; }
/* Breadcrumbs plugin
body .BC-trail {
border-width: 0 0 1px 0;
border-radius: 0;
}
*/
/* Buttons plugin */
body.theme-dark .button-default,
body.theme-light .button-default {
border: none;
box-shadow: none;
height: var(--input-height);
background: var(--background-tertiary);
color: var(--text-normal);
font-size: revert;
font-weight: 500;
transform: none;
transition: all 0.1s linear;
padding: 0 20px; }
body.theme-dark .button-default:hover,
body.theme-light .button-default:hover {
border: none;
background: var(--background-modifier-border-hover);
box-shadow: none;
transform: none;
transition: all 0.1s linear; }
body.theme-light .button-default:focus,
body.theme-light .button-default:active,
body.theme-dark .button-default:focus,
body.theme-dark .button-default:active {
box-shadow: none; }
body .button-default.blue {
background-color: var(--blue) !important; }
.button-default.red {
background-color: var(--red) !important; }
.button-default.green {
background-color: var(--green) !important; }
.button-default.yellow {
background-color: var(--yellow) !important; }
.button-default.purple {
background-color: var(--purple) !important; }
/* Calendar plugin */
.workspace-leaf-content[data-type='calendar'] .view-content {
padding: 5px 0 0 0; }
#calendar-container {
padding: 0 15px 5px;
--color-background-day-empty:var(--background-secondary-alt);
--color-background-day-active:var(--background-tertiary);
--color-background-day-hover:var(--background-tertiary);
--color-dot:var(--text-faint);
--color-text-title:var(--text-normal);
--color-text-heading:var(--text-muted);
--color-text-day:var(--text-normal);
--color-text-today:var(--text-normal);
--color-arrow:var(--text-faint);
--color-background-day-empty:transparent; }
#calendar-container .table {
border-collapse: separate;
table-layout: fixed; }
#calendar-container h2 {
font-weight: 400;
font-size: var(--h2); }
.mod-root #calendar-container {
width: var(--line-width-adaptive);
max-width: var(--max-width);
margin: 0 auto;
padding: 0; }
#calendar-container .arrow {
cursor: var(--cursor);
width: 22px;
border-radius: 4px;
padding: 3px 7px; }
#calendar-container .arrow svg {
width: 12px;
height: 12px;
color: var(--text-faint);
opacity: 0.7; }
#calendar-container .arrow:hover {
fill: var(--text-muted);
color: var(--text-muted);
background-color: var(--background-tertiary); }
#calendar-container .arrow:hover svg {
color: var(--text-muted);
opacity: 1; }
#calendar-container tr th {
padding: 2px 0 4px;
font-weight: 500;
letter-spacing: 0.1em;
font-size: var(--font-adaptive-smallest); }
#calendar-container tr td {
padding: 2px 0 0 0;
border-radius: var(--radius-m);
cursor: var(--cursor);
border: 1px solid transparent;
transition: none; }
#calendar-container .nav {
padding: 0;
margin: 10px 5px 10px 5px; }
#calendar-container .dot {
margin: 0; }
#calendar-container .year,
#calendar-container .month,
#calendar-container .title {
font-size: var(--font-adaptive-normal);
font-weight: 400;
color: var(--text-normal); }
#calendar-container .today.active,
#calendar-container .today {
color: var(--text-accent);
font-weight: 600; }
#calendar-container .today.active .dot,
#calendar-container .today .dot {
fill: var(--text-accent); }
#calendar-container .active .task {
stroke: var(--text-faint); }
#calendar-container .active {
color: var(--text-normal); }
#calendar-container .reset-button {
text-transform: none;
letter-spacing: 0;
font-size: var(--font-adaptive-small);
font-weight: 500;
color: var(--text-muted);
border-radius: 4px;
margin: 0;
padding: 2px 8px; }
#calendar-container .reset-button:hover {
color: var(--text-normal);
background-color: var(--background-tertiary); }
#calendar-container .reset-button,
#calendar-container .day {
cursor: var(--cursor); }
#calendar-container .day.adjacent-month {
color: var(--text-faint);
opacity: 1; }
#calendar-container .day {
padding: 2px 4px 4px;
font-size: calc(var(--font-adaptive-normal) - 2px); }
#calendar-container .active,
#calendar-container .active.today,
#calendar-container .week-num:hover,
#calendar-container .day:hover {
background-color: var(--color-background-day-active); }
#calendar-container .active .dot {
fill: var(--text-faint); }
#calendar-container .active .task {
stroke: var(--text-faint); }
/* Charts */
.block-language-chart canvas,
.block-language-dataviewjs canvas {
margin: 1em 0; }
.theme-light,
.theme-dark {
--chart-color-1:var(--blue);
--chart-color-2:var(--red);
--chart-color-3:var(--yellow);
--chart-color-4:var(--green);
--chart-color-5:var(--orange);
--chart-color-6:var(--purple);
--chart-color-7:var(--cyan);
--chart-color-8:var(--pink); }
/* Checklist plugin */
.checklist-plugin-main .group .classic,
.checklist-plugin-main .group .compact,
.checklist-plugin-main .group svg,
.checklist-plugin-main .group .page {
cursor: var(--cursor); }
.workspace .view-content .checklist-plugin-main {
padding: 10px 10px 15px 15px;
--todoList-togglePadding--compact:2px;
--todoList-listItemMargin--compact:2px; }
.checklist-plugin-main .title {
font-weight: 400;
color: var(--text-muted);
font-size: var(--font-adaptive-small); }
.checklist-plugin-main .group svg {
fill: var(--text-faint); }
.checklist-plugin-main .group svg:hover {
fill: var(--text-normal); }
.checklist-plugin-main .group .title:hover {
color: var(--text-normal); }
.checklist-plugin-main .group:not(:last-child) {
border-bottom: 1px solid var(--background-modifier-border); }
.checklist-plugin-main .group {
padding: 0 0 2px 0; }
.checklist-plugin-main .group .classic:last-child,
.checklist-plugin-main .group .compact:last-child {
margin-bottom: 10px; }
.checklist-plugin-main .group .classic,
.checklist-plugin-main .group .compact {
font-size: var(--font-adaptive-small); }
.checklist-plugin-main .group .classic,
.checklist-plugin-main .group .compact {
background: transparent;
border-radius: 0;
margin: 1px auto;
padding: 0; }
.checklist-plugin-main .group .classic .content {
padding: 0; }
.checklist-plugin-main .group .classic:hover,
.checklist-plugin-main .group .compact:hover {
background: transparent; }
.markdown-preview-view.checklist-plugin-main ul > li:not(.task-list-item)::before {
display: none; }
.checklist-plugin-main .group .compact > .toggle .checked {
background: var(--text-accent);
top: -1px;
left: -1px;
height: 18px;
width: 18px; }
.checklist-plugin-main .compact .toggle:hover {
opacity: 1 !important; }
.checklist-plugin-main .group .count {
font-size: var(--font-adaptive-smaller);
padding: 0;
background: transparent;
font-weight: 400;
color: var(--text-faint); }
.checklist-plugin-main .group .group-header:hover .count {
color: var(--text-muted); }
.checklist-plugin-main .group .checkbox {
border: 1px solid var(--background-modifier-border-hover);
min-height: 18px;
min-width: 18px;
height: 18px;
width: 18px; }
.checklist-plugin-main .group .checkbox:hover {
border: 1px solid var(--background-modifier-border-focus); }
.checklist-plugin-main button:active,
.checklist-plugin-main button:focus,
.checklist-plugin-main button:hover {
box-shadow: none !important; }
.checklist-plugin-main button.collapse {
padding: 0; }
body:not(.is-mobile) .checklist-plugin-main button.collapse svg {
width: 18px;
height: 18px; }
/* Checklist plugin mobile */
.is-mobile .checklist-plugin-main .group-header .title {
flex-grow: 1;
flex-shrink: 0; }
.is-mobile .checklist-plugin-main button {
width: auto; }
.is-mobile .checklist-plugin-main.markdown-preview-view ul {
padding-inline-start: 0; }
.is-mobile .workspace .view-content .checklist-plugin-main {
padding-bottom: 50px; }
/* cMenu plugin */
body #cMenuModalBar {
box-shadow: 0px 2px 20px var(--shadow-color); }
body #cMenuModalBar .cMenuCommandItem {
cursor: var(--cursor); }
body #cMenuModalBar button.cMenuCommandItem:hover {
background-color: var(--background-tertiary); }
/* Contextual Typography */
.el-hr hr {
margin: 1rem 0; }
.el-p + .el-h1,
.el-p + .el-h2 {
margin-top: 0.75rem; }
.el-hr + .el-h1,
.el-hr + .el-h2,
.el-h1 + .el-h1,
.el-h1 + .el-h2,
.el-h2 + .el-h2 {
margin-top: 0rem; }
.el-ol + .el-lang-dataview,
.el-ul + .el-lang-dataview,
.el-p:not(.el-lang-dataview) + .el-lang-dataview,
.el-ol + .el-lang-dataviewjs,
.el-ul + .el-lang-dataviewjs,
.el-p:not(.el-lang-dataviewjs) + .el-lang-dataviewjs,
.el-ol + .el-table,
.el-ul + .el-table,
.el-p + .el-table,
.el-lang-dataviewjs + .el-p,
.el-lang-dataview + .el-p {
margin-top: var(--spacing-p); }
.el-div + .el-h1,
.el-pre + .el-h1,
.el-lang-leaflet,
.el-lang-leaflet + *,
.el-iframe + .el-p,
.el-p + .el-iframe,
.el-p:not(.el-embed-image) + .el-embed-image,
.el-embed-image + .el-p:not(.el-embed-image) {
margin-top: 1rem; }
/* Dataview plugin */
/*body .table-view-table > thead > tr > th,
.markdown-preview-view .table-view-table {
font-size:calc(var(--font-adaptive-normal) - 1px);
}*/
body .table-view-table > thead > tr > th,
.markdown-preview-view .table-view-table > thead > tr > th {
font-weight: 400;
font-size: var(--table-font-size);
color: var(--text-muted);
border-bottom: 1px solid var(--background-modifier-border);
cursor: var(--cursor); }
table.dataview ul.dataview-ul {
list-style: none;
padding-inline-start: 0;
margin-block-start: 0em !important;
margin-block-end: 0em !important; }
.markdown-source-view.mod-cm6 .table-view-table > tbody > tr > td,
.markdown-preview-view .table-view-table > tbody > tr > td {
max-width: var(--max-col-width); }
body .dataview.small-text {
color: var(--text-faint); }
/* Remove hover effect */
body .dataview.task-list-item:hover,
body .dataview.task-list-basic-item:hover,
body .table-view-table > tbody > tr:hover {
background-color: transparent;
box-shadow: none; }
body .dataview-error {
margin-top: 16px;
background-color: transparent; }
.markdown-source-view.mod-cm6 .cm-content .dataview.dataview-error,
.dataview.dataview-error {
color: var(--text-muted); }
/* New error box as of 2022-05 */
body div.dataview-error-box {
min-height: 0;
border: none;
background-color: transparent;
font-size: var(--table-font-size);
border-radius: var(--radius-m);
padding: 15px 0; }
body div.dataview-error-box p {
margin-block-start: 0;
margin-block-end: 0;
color: var(--text-faint); }
.markdown-source-view div.dataview-error-box {
margin-top: 15px; }
/* Trim columns feature */
.trim-cols .markdown-source-view.mod-cm6 .table-view-table > tbody > tr > td,
.trim-cols .markdown-preview-view .table-view-table > tbody > tr > td,
.trim-cols .markdown-source-view.mod-cm6 .table-view-table > thead > tr > th {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden; }
/* Lists */
ul .dataview .task-list-item:hover,
ul .dataview .task-list-basic-item:hover {
background-color: transparent;
box-shadow: none; }
body .dataview.result-group {
padding-left: 0; }
/* Inline fields */
body .dataview.inline-field-key,
body .dataview.inline-field-value,
body .dataview .inline-field-standalone-value {
font-family: var(--font-text);
font-size: calc(var(--font-adaptive-normal) - 2px);
background: transparent;
color: var(--text-muted); }
body .dataview.inline-field-key {
padding: 0; }
body .dataview .inline-field-standalone-value {
padding: 0; }
body .dataview.inline-field-key::after {
margin-left: 3px;
content: "|";
color: var(--background-modifier-border); }
body .dataview.inline-field-value {
padding: 0 1px 0 3px; }
/* Calendar */
.markdown-preview-view .block-language-dataview table.calendar th {
border: none;
cursor: default;
background-image: none; }
.markdown-preview-view .block-language-dataview table.calendar .day {
font-size: var(--font-adaptive-small); }
/* Dictionary plugin */
.workspace-leaf-content .view-content.dictionary-view-content {
padding: 0; }
div[data-type="dictionary-view"] .contents {
padding-bottom: 2rem; }
div[data-type="dictionary-view"] .results > .container {
background-color: transparent;
margin-top: 0;
max-width: none;
padding: 0 10px; }
div[data-type="dictionary-view"] .error,
div[data-type="dictionary-view"] .errorDescription {
text-align: left;
font-size: var(--font-adaptive-small);
padding: 10px 12px 0;
margin: 0; }
div[data-type="dictionary-view"] .results > .container h3 {
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--text-muted);
font-size: var(--font-adaptive-smallest);
font-weight: 500;
padding: 5px 7px 0px 2px;
margin-bottom: 6px; }
div[data-type="dictionary-view"] .container .main {
border-radius: 0;
background-color: transparent;
font-size: var(--font-adaptive-smaller);
line-height: 1.3;
color: var(--text-muted);
padding: 5px 0 0; }
div[data-type="dictionary-view"] .main .definition {
padding: 10px;
border: 1px solid var(--background-modifier-border);
border-radius: 5px;
margin: 10px 0 5px;
background-color: var(--background-primary); }
div[data-type="dictionary-view"] .main .definition:last-child {
border: 1px solid var(--background-modifier-border); }
div[data-type="dictionary-view"] .main .synonyms {
padding: 10px 0 0; }
div[data-type="dictionary-view"] .main .synonyms p {
margin: 0; }
div[data-type="dictionary-view"] .main .definition > blockquote {
margin: 0; }
div[data-type="dictionary-view"] .main .label {
color: var(--text-normal);
margin-bottom: 2px;
font-size: var(--font-adaptive-smaller);
font-weight: 500; }
div[data-type="dictionary-view"] .main .mark {
color: var(--text-normal);
background-color: var(--text-selection);
box-shadow: none; }
div[data-type="dictionary-view"] .main > .opener {
font-size: var(--font-adaptive-small);
color: var(--text-normal);
padding-left: 5px; }
/* Excalidraw Plugin */
body .excalidraw,
body .excalidraw.theme--dark {
--color-primary-light:var(--text-selection);
--color-primary:var(--interactive-accent);
--color-primary-chubb:var(--interactive-accent-hover);
--color-primary-darker:var(--interactive-accent-hover);
--color-primary-darkest:var(--interactive-accent-hover);
--ui-font:var(--font-interface);
--island-bg-color:var(--background-secondary);
--button-gray-1:var(--background-tertiary);
--button-gray-2:var(--background-tertiary);
--focus-highlight-color:var(--background-modifier-border-focus);
--default-bg-color:var(--background-primary);
--input-border-color:var(--background-modifier-border);
--link-color:var(--text-accent);
--overlay-bg-color:rgba(255, 255, 255, 0.88);
--text-primary-color:var(--text-normal); }
.workspace-leaf-content[data-type=excalidraw] .view-header .view-header-title-container {
width: auto; }
body .excalidraw .App-toolbar-container .ToolIcon_type_floating:not(.is-mobile) .ToolIcon__icon {
box-shadow: none; }
body .excalidraw button,
body .excalidraw .buttonList label {
cursor: var(--cursor); }
body .excalidraw .Dialog__title {
font-variant: normal; }
body .excalidraw .reset-zoom-button,
body .excalidraw .HintViewer {
color: var(--text-muted);
font-size: var(--font-small); }
body .excalidraw .reset-zoom-button {
padding-left: 1em;
padding-right: 1em; }
body .excalidraw .HintViewer > span {
background-color: transparent; }
body .excalidraw button:hover {
box-shadow: none; }
body .excalidraw .Island {
box-shadow: none;
border: 1px solid var(--background-modifier-border); }
body .excalidraw .ToolIcon {
cursor: var(--cursor);
font-family: var(--font-interface);
background-color: transparent; }
body .excalidraw label.ToolIcon {
cursor: var(--cursor);
background-color: transparent; }
/* Electron Window Tweaker */
:root {
--ewt-traffic-light-y:0px; }
/* Embedded Note Titles plugin */
.contextual-typography .markdown-preview-view h1.embedded-note-title {
margin-block-start: 0;
margin-block-end: 0; }
.embedded-note-titles .markdown-preview-view > h1 {
padding-left: var(--folding-offset) !important; }
.embedded-note-titles .is-readable-line-width.markdown-preview-view > h1 {
max-width: var(--max-width) !important;
width: var(--line-width-adaptive) !important; }
.mod-cm6 .cm-editor h1.cm-line.embedded-note-title {
padding-top: var(--embedded-note-title-padding-top);
padding-bottom: var(--embedded-note-title-padding-bottom); }
/* Attempting focus mode + embedded note titles
.embedded-note-titles.minimal-focus-mode .markdown-preview-view > h1 {
padding-top:var(--header-height);
}
.embedded-note-titles.minimal-focus-mode .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .CodeMirror-scroller {
margin-top:calc(var(--header-height) - 10px);
}*/
.embedded-note-titles .CodeMirror-scroll > h1 {
/* ...edit mode styles... */ }
.embedded-note-titles .is-readable-line-width .CodeMirror-scroll > h1 {
/* ...edit mode styles with readable line width enabled... */ }
/* Git plugin */
.git-view-body .opener {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: var(--font-adaptive-smallest);
font-weight: 500;
padding: 5px 7px 5px 10px;
margin-bottom: 6px; }
.git-view-body .file-view .opener {
text-transform: none;
letter-spacing: normal;
font-size: var(--font-adaptive-smallest);
font-weight: normal;
padding: initial;
margin-bottom: 0px; }
.git-view-body .file-view .opener .collapse-icon {
display: flex !important;
margin-left: -7px; }
.git-view-body {
margin-top: 6px; }
.git-view-body .file-view {
margin-left: 4px; }
.git-view-body .file-view main:hover {
color: var(--text-normal); }
.git-view-body .file-view .tools .type {
display: none !important; }
.git-view-body .file-view .tools {
opacity: 0;
transition: opacity .1s; }
.git-view-body .file-view main:hover > .tools {
opacity: 1; }
.git-view-body .staged {
margin-bottom: 12px; }
.git-view-body .opener.open {
color: var(--text-normal); }
div[data-type="git-view"] .search-input-container {
margin-left: 0;
width: 100%; }
.git-view-body .opener .collapse-icon {
display: none !important; }
.git-view-body main {
background-color: var(--background-primary) !important;
width: initial !important; }
.git-view-body .file-view > main:not(.topLevel) {
margin-left: 7px; }
div[data-type="git-view"] .commit-msg {
min-height: 2.5em !important;
height: 2.5em !important;
padding: 6.5px 8px !important; }
div[data-type="git-view"] .search-input-clear-button {
bottom: 5.5px; }
/* Hider plugin */
/* Frameless mode */
body.hider-frameless:not(.is-mobile) .workspace-split.mod-left-split > .workspace-tabs {
padding-top: var(--top-left-padding-y);
transition: padding-top 0.2s linear; }
/* Include support for Electron Window Tweaker */
body.mod-macos.hider-frameless:not(.is-fullscreen):not(.is-mobile) .workspace-split.mod-left-split > .workspace-tabs:nth-child(3) {
padding-top: calc(var(--top-left-padding-y) + var(--ewt-traffic-light-y));
transition: padding-top 0.2s linear; }
body.mod-macos.hider-frameless:not(.hider-ribbon):not(.is-fullscreen):not(.is-mobile) .workspace-ribbon .side-dock-actions {
padding-top: calc(var(--top-left-padding-y) + var(--ewt-traffic-light-y)); }
.hider-frameless:not(.is-mobile) .workspace-split.mod-right-split > .workspace-tabs,
.hider-frameless:not(.is-mobile) .workspace-split.mod-root .view-header {
padding-top: 0px; }
.hider-frameless:not(.is-mobile) .workspace-split.mod-right-split > .workspace-tabs ~ .workspace-tabs,
.hider-frameless:not(.is-mobile) .workspace-split.mod-left-split > .workspace-tabs ~ .workspace-tabs {
padding-top: 0px; }
.hider-frameless.is-fullscreen:not(.is-mobile) .workspace-split.mod-left-split > .workspace-tabs,
.hider-frameless.is-fullscreen:not(.is-mobile) .workspace-split.mod-root .view-header {
padding-top: 0px; }
/* Adjustments to title bar for traffic light icons */
:root {
--traffic-x-space:0px; }
/* Frameless + no ribbon */
.mod-macos.hider-ribbon.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-left-split.is-collapsed + .mod-root .workspace-leaf:first-of-type {
--traffic-x-space:64px; }
/* Frameless + popout */
.mod-macos.is-popout-window.hider-ribbon.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header) .mod-root .workspace-leaf:first-of-type {
--traffic-x-space:64px; }
/* Frameless */
.mod-macos.hider-frameless:not(.is-fullscreen):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-left-split.is-collapsed + .mod-root .workspace-leaf:first-of-type {
--traffic-x-space:22px; }
/* Remove ribbon border on Mac when frameless */
.mod-macos.hider-frameless .workspace-ribbon {
border: none; }
/* --------------- */
/* App ribbon moved to the bottom edge */
.hider-ribbon:not(.is-mobile) .workspace-ribbon-collapse-btn {
display: none; }
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-right {
pointer-events: none; }
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left {
position: absolute;
border-right: 0px;
margin: 0;
height: var(--header-height);
overflow: visible;
flex-basis: 0;
bottom: 0;
top: auto;
display: flex !important;
flex-direction: row;
z-index: 17;
opacity: 0;
transition: opacity 0.25s ease-in-out;
filter: drop-shadow(2px 10px 30px rgba(0, 0, 0, 0.2)); }
.hider-ribbon:not(.is-mobile) .side-dock-actions,
.hider-ribbon:not(.is-mobile) .side-dock-settings {
display: flex;
border-top: var(--border-width) solid var(--background-modifier-border);
background: var(--background-secondary);
margin: 0;
position: relative; }
.hider-ribbon:not(.is-mobile) .side-dock-actions {
padding-left: 5px; }
.hider-ribbon:not(.is-mobile) .side-dock-settings {
border-right: var(--border-width) solid var(--background-modifier-border);
border-top-right-radius: 5px;
padding-right: 10px; }
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left .side-dock-ribbon-action {
display: flex;
padding: 4px;
margin: 6px 0px 5px 7px; }
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left:hover {
opacity: 1;
transition: opacity 0.25s ease-in-out; }
.hider-ribbon:not(.is-mobile) .workspace-ribbon.mod-left .workspace-ribbon-collapse-btn {
opacity: 0; }
.hider-ribbon:not(.is-mobile) .workspace-split.mod-left-split {
margin: 0; }
.hider-ribbon:not(.is-mobile) .workspace-leaf-content .item-list {
padding-bottom: 40px; }
.hider-ribbon .workspace-ribbon {
padding: 0; }
/* Hover Editor */
.popover.hover-editor {
--folding-offset:10px; }
.theme-light,
.theme-dark {
--he-title-bar-inactive-bg:var(--background-secondary);
--he-title-bar-inactive-pinned-bg:var(--background-secondary);
--he-title-bar-active-pinned-bg:var(--background-secondary);
--he-title-bar-active-bg:var(--background-secondary);
--he-title-bar-inactive-fg:var(--text-muted);
--he-title-bar-active-fg:var(--text-normal);
--he-title-bar-font-size:14px; }
.theme-light {
--popover-shadow:
0px 2.7px 3.1px rgba(0, 0, 0, 0.032),
0px 5.9px 8.7px rgba(0, 0, 0, 0.052),
0px 10.4px 18.1px rgba(0, 0, 0, 0.071),
0px 20px 40px rgba(0, 0, 0, 0.11) ; }
.theme-dark {
--popover-shadow:
0px 2.7px 3.1px rgba(0, 0, 0, 0.081),
0px 5.9px 8.7px rgba(0, 0, 0, 0.131),
0px 10.4px 18.1px rgba(0, 0, 0, 0.18),
0px 20px 40px rgba(0, 0, 0, 0.28) ; }
.popover.hover-editor:not(.snap-to-viewport) {
--max-width:92%; }
.popover.hover-editor:not(.snap-to-viewport) .markdown-preview-view,
.popover.hover-editor:not(.snap-to-viewport) .markdown-source-view .cm-content {
font-size: 90%; }
body .popover.hover-editor:not(.is-loaded) {
box-shadow: var(--popover-shadow); }
body .popover.hover-editor:not(.is-loaded) .markdown-preview-view {
padding: 15px 0 0 0; }
body .popover.hover-editor:not(.is-loaded) .view-content {
height: 100%;
background-color: var(--background-primary); }
body .popover.hover-editor:not(.is-loaded) .view-actions {
height: auto; }
body .popover.hover-editor:not(.is-loaded) .popover-content {
border: 1px solid var(--background-modifier-border-hover); }
body .popover.hover-editor:not(.is-loaded) .popover-titlebar {
padding: 0 4px; }
body .popover.hover-editor:not(.is-loaded) .popover-titlebar .popover-title {
padding-left: 4px;
letter-spacing: -.02em;
font-weight: var(--title-weight); }
body .popover.hover-editor:not(.is-loaded) .markdown-embed {
height: auto;
font-size: unset;
line-height: unset; }
body .popover.hover-editor:not(.is-loaded) .markdown-embed .markdown-preview-view {
padding: 0; }
body .popover.hover-editor:not(.is-loaded).show-navbar .popover-titlebar {
border-bottom: var(--border-width) solid var(--background-modifier-border); }
body .popover.hover-editor:not(.is-loaded) .popover-action,
body .popover.hover-editor:not(.is-loaded) .popover-header-icon {
cursor: var(--cursor);
margin: 4px 0;
padding: 4px 3px;
border-radius: var(--radius-m);
color: var(--icon-color); }
body .popover.hover-editor:not(.is-loaded) .popover-action.mod-pin-popover,
body .popover.hover-editor:not(.is-loaded) .popover-header-icon.mod-pin-popover {
padding: 4px 2px; }
body .popover.hover-editor:not(.is-loaded) .popover-action svg,
body .popover.hover-editor:not(.is-loaded) .popover-header-icon svg {
opacity: var(--icon-muted); }
body .popover.hover-editor:not(.is-loaded) .popover-action:hover,
body .popover.hover-editor:not(.is-loaded) .popover-header-icon:hover {
background-color: var(--background-tertiary);
color: var(--icon-color-hover); }
body .popover.hover-editor:not(.is-loaded) .popover-action:hover svg,
body .popover.hover-editor:not(.is-loaded) .popover-header-icon:hover svg {
opacity: 1;
transition: opacity 0.1s ease-in-out; }
body .popover.hover-editor:not(.is-loaded) .popover-action.is-active,
body .popover.hover-editor:not(.is-loaded) .popover-header-icon.is-active {
color: var(--icon-color); }
/* Kanban plugin */
body .kanban-plugin__markdown-preview-view {
font-family: var(----text); }
body .kanban-plugin {
--interactive-accent:var(--text-selection);
--interactive-accent-hover:var(--background-tertiary);
--text-on-accent:var(--text-normal);
background-color: var(--background-primary); }
body .kanban-plugin__board > div {
margin: 0 auto; }
body .kanban-plugin__checkbox-label {
font-size: var(--font-adaptive-small);
color: var(--text-muted); }
body .kanban-plugin__item-markdown ul {
margin: 0; }
body .kanban-plugin__item-content-wrapper {
box-shadow: none; }
body .kanban-plugin__grow-wrap > textarea,
body .kanban-plugin__grow-wrap::after {
padding: 0;
border: 0;
border-radius: 0; }
body:not(.is-mobile) .kanban-plugin__grow-wrap > textarea:focus {
box-shadow: none; }
body .kanban-plugin__markdown-preview-view,
body .kanban-plugin__grow-wrap > textarea,
body .kanban-plugin__grow-wrap::after,
body .kanban-plugin__item-title p {
font-size: calc(var(--font-adaptive-normal) - 2px);
line-height: 1.3; }
.kanban-plugin__item-input-actions button,
.kanban-plugin__lane-input-actions button {
font-size: var(--font-adaptive-small); }
body .kanban-plugin__item {
background-color: var(--background-primary); }
.kanban-plugin__item-title-wrapper {
align-items: center; }
body .kanban-plugin__lane-form-wrapper {
border: 1px solid var(--background-modifier-border); }
body .kanban-plugin__lane-header-wrapper {
border-bottom: 0; }
body .kanban-plugin__lane-title p,
body .kanban-plugin__lane-header-wrapper .kanban-plugin__grow-wrap > textarea,
body .kanban-plugin__lane-input-wrapper .kanban-plugin__grow-wrap > textarea {
background: transparent;
color: var(--text-normal);
font-size: calc(var(--font-adaptive-normal) - 2px);
font-weight: 500; }
body .kanban-plugin__item-input-wrapper .kanban-plugin__grow-wrap > textarea {
padding: 0;
border-radius: 0; }
body .kanban-plugin__item-form .kanban-plugin__grow-wrap {
padding: 6px 8px;
border-radius: 6px;
border: 1px solid var(--background-modifier-border);
background-color: var(--background-primary); }
body .kanban-plugin__item-input-wrapper .kanban-plugin__grow-wrap > textarea::placeholder {
color: var(--text-faint); }
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled,
body .kanban-plugin__item .kanban-plugin__item-edit-archive-button,
body .kanban-plugin__item button.kanban-plugin__item-edit-button,
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button,
.kanban-plugin__item-settings-actions > button,
.kanban-plugin__lane-action-wrapper > button {
background: transparent;
transition: color 0.1s ease-in-out; }
body .kanban-plugin__item .kanban-plugin__item-edit-archive-button:hover,
body .kanban-plugin__item button.kanban-plugin__item-edit-button.is-enabled,
body .kanban-plugin__item button.kanban-plugin__item-edit-button:hover,
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled,
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover {
color: var(--text-normal);
transition: color 0.1s ease-in-out;
background: transparent; }
body .kanban-plugin__new-lane-button-wrapper {
position: fixed;
bottom: 30px; }
body .kanban-plugin__lane-items > .kanban-plugin__placeholder:only-child {
border: 1px dashed var(--background-modifier-border);
height: 2em; }
body .kanban-plugin__item-postfix-button-wrapper {
align-self: flex-start; }
body .kanban-plugin__item button.kanban-plugin__item-prefix-button.is-enabled,
body .kanban-plugin__item button.kanban-plugin__item-postfix-button.is-enabled,
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button.is-enabled {
color: var(--text-muted); }
body .kanban-plugin button {
box-shadow: none;
cursor: var(--cursor); }
body .kanban-plugin__item button.kanban-plugin__item-prefix-button:hover,
body .kanban-plugin__item button.kanban-plugin__item-postfix-button:hover,
body .kanban-plugin__lane button.kanban-plugin__lane-settings-button:hover {
background-color: var(--background-tertiary); }
body:not(.minimal-icons-off) .kanban-plugin svg.cross {
height: 14px;
width: 14px; }
body .kanban-plugin__item-button-wrapper > button {
font-size: var(--font-adaptive-small);
color: var(--text-muted);
font-weight: 400;
background: transparent;
height: 32px; }
body .kanban-plugin__item-button-wrapper > button:hover {
color: var(--text-normal);
background: var(--background-tertiary); }
body .kanban-plugin__item-button-wrapper > button:focus {
box-shadow: none; }
body .kanban-plugin__item-button-wrapper {
padding: 1px 6px 5px;
border-top: none; }
body .kanban-plugin__lane-setting-wrapper > div:last-child {
border: none;
margin: 0; }
body .kanban-plugin.something-is-dragging {
cursor: grabbing;
cursor: -webkit-grabbing; }
body .kanban-plugin__item.is-dragging {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15), 0 0 0 2px var(--text-selection); }
body .kanban-plugin__lane.is-dragging {
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
border: 1px solid var(--background-modifier-border); }
body .kanban-plugin__lane {
background: transparent;
padding: 0;
border: var(--border-width) solid transparent; }
body {
--kanban-border:var(--border-width); }
body.theme-dark,
body.minimal-dark-black.theme-dark,
body.minimal-dark-tonal.theme-dark,
body.minimal-light-white.theme-light,
body.minimal-light-tonal.theme-light {
--kanban-border:0px; }
body .kanban-plugin__lane-items {
border: var(--kanban-border) solid var(--background-modifier-border);
border-bottom: none;
padding: 0 4px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin: 0;
background-color: var(--background-secondary); }
body .kanban-plugin__item-input-wrapper {
border: 0;
padding-top: 1px;
flex-grow: 1; }
body .kanban-plugin__item-form,
body .kanban-plugin__item-button-wrapper {
background-color: var(--background-secondary);
border: var(--kanban-border) solid var(--background-modifier-border);
border-top: none;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px; }
body .kanban-plugin__item-form {
padding: 0 4px 5px; }
body .kanban-plugin__markdown-preview-view ol.contains-task-list .contains-task-list,
body .kanban-plugin__markdown-preview-view ul.contains-task-list .contains-task-list,
body .kanban-plugin__markdown-preview-view ul, .kanban-plugin__markdown-preview-view ol {
padding-inline-start: 1.8em !important; }
@media (max-width: 400pt) {
.kanban-plugin__board {
flex-direction: column !important; }
.kanban-plugin__lane {
width: 100% !important;
margin-bottom: 1rem !important; } }
/* Lapel */
body .cm-heading-marker {
cursor: var(--cursor);
padding-left: 10px; }
/* Leaflet plugin */
.theme-light {
--leaflet-buttons:var(--bg1);
--leaflet-borders:rgba(0,0,0,0.1); }
.theme-dark {
--leaflet-buttons:var(--bg2);
--leaflet-borders:rgba(255,255,255,0.1); }
.leaflet-top {
transition: top 0.1s linear; }
.mod-macos.minimal-focus-mode .mod-root .map-100 .markdown-preview-sizer.markdown-preview-section .el-lang-leaflet:nth-child(3) .leaflet-top {
top: calc(18px + var(--ewt-traffic-light-y));
transition: top 0.1s linear; }
body .leaflet-container {
background-color: var(--background-secondary);
font-family: var(--font-interface); }
.map-100 .markdown-preview-sizer.markdown-preview-section .el-lang-leaflet:nth-child(3) {
margin-top: -16px; }
.leaflet-control-attribution {
display: none; }
.leaflet-popup-content {
margin: 10px; }
.block-language-leaflet {
border-radius: var(--radius-m);
overflow: hidden;
border: var(--border-width) solid var(--background-modifier-border); }
.map-wide .block-language-leaflet {
border-radius: var(--radius-l); }
.map-max .block-language-leaflet {
border-radius: var(--radius-xl); }
.workspace-leaf-content[data-type="obsidian-leaflet-map-view"] .block-language-leaflet {
border-radius: 0;
border: none; }
.map-100 .block-language-leaflet {
border-radius: 0px;
border-left: none;
border-right: none; }
/* Checkbox */
.block-language-leaflet .leaflet-control-expandable-list .input-container .input-item > input {
appearance: none; }
/* Buttons */
body .block-language-leaflet .leaflet-bar.disabled > a {
background-color: transparent;
opacity: 0.3; }
body .leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px; }
body .leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
body .leaflet-control-layers-toggle {
border-radius: 4px; }
body .leaflet-control-layers-toggle,
body .leaflet-control-layers-expanded,
body .block-language-leaflet .leaflet-control-has-actions .control-actions.expanded,
body .block-language-leaflet .leaflet-control-expandable,
body .block-language-leaflet .leaflet-distance-control,
body .leaflet-bar,
body .leaflet-bar a {
background-color: var(--leaflet-buttons);
color: var(--text-muted);
border: none;
user-select: none; }
body .leaflet-bar a.leaflet-disabled,
body .leaflet-bar a.leaflet-disabled:hover {
background-color: var(--leaflet-buttons);
color: var(--text-faint);
opacity: 0.6;
cursor: not-allowed; }
body .leaflet-control a {
cursor: var(--cursor);
color: var(--text-normal); }
body .leaflet-bar a:hover {
background-color: var(--background-tertiary);
color: var(--text-normal);
border: none; }
body .leaflet-touch .leaflet-control-layers {
background-color: var(--leaflet-buttons); }
body .leaflet-touch .leaflet-control-layers,
body .leaflet-touch .leaflet-bar {
border-radius: 5px;
box-shadow: 2px 0 8px 0px rgba(0, 0, 0, 0.1);
border: 1px solid var(--ui1); }
body .block-language-leaflet .leaflet-control-has-actions .control-actions {
box-shadow: 0;
border: 1px solid var(--ui1); }
body .leaflet-control-expandable-list .leaflet-bar {
box-shadow: none;
border-radius: 0; }
body .block-language-leaflet .leaflet-distance-control {
padding: 4px 10px;
height: auto;
cursor: var(--cursor) !important; }
body .block-language-leaflet .leaflet-marker-link-popup > .leaflet-popup-content-wrapper > * {
font-size: var(--font-adaptive-small);
font-family: var(--font-interface); }
body .block-language-leaflet .leaflet-marker-link-popup > .leaflet-popup-content-wrapper {
padding: 4px 10px !important; }
.leaflet-marker-icon svg path {
stroke: var(--background-primary);
stroke-width: 18px; }
/* Map View plugin */
.map-view-marker-name {
font-weight: 400; }
.workspace-leaf-content[data-type="map"] .graph-controls {
background-color: var(--background-primary); }
/* Full bleed */
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-split.mod-root .workspace-leaf-content[data-type='map'] .view-header {
position: fixed;
background: transparent !important;
width: 100%;
z-index: 99; }
body:not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='map'] .view-header-title {
display: none; }
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='map'] .view-actions {
background: transparent; }
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='map'] .view-content {
height: 100%; }
body:not(.is-mobile):not(.plugin-sliding-panes-rotate-header) .workspace-leaf-content[data-type='map'] .leaflet-top.leaflet-right {
top: var(--header-height); }
/* Metatable */
.obsidian-metatable {
--metatable-font-size:calc(var(--font-adaptive-normal) - 2px);
--metatable-font-family: var(--font-interface);
--metatable-background:transparent;
--metatable-foreground: var(--text-faint);
--metatable-key-background:transparent;
--metatable-key-border-width:0;
--metatable-key-border-color:transparent;
--metatable-value-background:transparent;
padding-bottom: 0.5rem; }
.obsidian-metatable::part(value), .obsidian-metatable::part(key) {
border-bottom: 0px solid var(--background-modifier-border);
padding: 0.1rem 0;
text-overflow: ellipsis;
overflow: hidden; }
.obsidian-metatable::part(key) {
font-weight: 400;
color: var(--tx3);
font-size: calc(var(--font-adaptive-normal) - 2px); }
.obsidian-metatable::part(value) {
font-size: calc(var(--font-adaptive-normal) - 2px);
color: var(--tx1); }
/* NL tables */
body .NLT__header-menu-header-container {
font-size: 85%; }
body .NLT__button {
background: transparent;
box-shadow: none;
color: var(--text-muted); }
body .NLT__button:hover, body .NLT__button:active, body .NLT__button:focus {
background: transparent;
color: var(--text-normal);
box-shadow: none; }
.NLT__app .NLT__button {
background: transparent;
border: 1px solid var(--background-modifier-border);
box-shadow: 0 0.5px 1px 0 var(--btn-shadow-color);
color: var(--text-muted);
padding: 2px 8px; }
.NLT__app .NLT__button:hover, .NLT__app .NLT__button:active, .NLT__app .NLT__button:focus {
background: transparent;
border-color: var(--background-modifier-border-hover);
color: var(--text-normal);
box-shadow: 0 0.5px 1px 0 var(--btn-shadow-color); }
/*
.NLT__header-content {
position:relative;
}
th.NLT__selectable .NLT__header-content:after {
content:" ";
width:16px;
height:16px;
position:absolute;
z-index:999999;
top:50%;
transform:translateY(-50%);
display:inline-block;
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor' %3E%3Cpath fill-rule='evenodd' d='M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z' /%3E%3C/svg%3E");
-webkit-mask-size:16px 16px;
margin:0 0 0 6px;
background-color:var(--text-faint);
}*/
.NLT__td:nth-last-child(2),
.NLT__th:nth-last-child(2) {
border-right: 0; }
.NLT__app {
/* Remove Sortable plugin background icons */ }
.NLT__app .NLT__td:last-child,
.NLT__app .NLT__th:last-child {
padding-right: 0; }
.NLT__app .NLT__th {
background-image: none !important; }
.NLT__app th.NLT__selectable:hover {
background-color: transparent;
cursor: var(--cursor); }
.NLT__menu .NLT__menu-container {
background-color: var(--background-secondary); }
.NLT__menu .NLT__header-menu-item {
font-size: var(--font-adaptive-small); }
.NLT__menu .NLT__header-menu {
padding: 6px 4px; }
.NLT__menu .NLT__drag-menu {
font-size: var(--font-adaptive-small);
padding: 6px 4px; }
.NLT__menu svg {
color: var(--text-faint);
margin-right: 6px; }
.NLT__menu .NLT__selected,
.NLT__menu .NLT__selectable:hover {
background: transparent; }
.NLT__menu .NLT__selected > .NLT__selectable {
background-color: var(--background-tertiary); }
.NLT__menu .NLT__selectable {
cursor: var(--cursor); }
.NLT__menu div.NLT__selectable {
min-width: 110px;
border-radius: var(--radius-m);
padding: 3px 8px 3px 4px;
margin: 1px 2px 1px;
cursor: var(--cursor);
height: auto;
line-height: 20px; }
.NLT__menu div.NLT__selectable:hover {
background-color: var(--background-tertiary); }
.NLT__menu .NLT__textarea {
font-size: var(--table-font-size); }
.NLT__tfoot tr:hover td {
background-color: transparent; }
/* Outliner plugin (pre Live Preview) */
body.outliner-plugin-bls .CodeMirror-line .cm-hmd-list-indent::before {
background-image: linear-gradient(to right, var(--background-modifier-border) 1px, transparent 1px);
background-position-x: 2px;
background-size: var(--font-text-size) 1px; }
body.outliner-plugin-bls .cm-s-obsidian span.cm-formatting-list {
letter-spacing: unset; }
body.outliner-plugin-bls .cm-s-obsidian .HyperMD-list-line {
padding-top: 0; }
body.outliner-plugin-bls .cm-s-obsidian span.cm-formatting-list-ul:before {
color: var(--text-faint);
margin-left: -3px;
margin-top: -5px; }
body.outliner-plugin-bls.minimal-rel-edit .cm-hmd-list-indent > .cm-tab:after {
content: "";
border-right: none; }
body.outliner-plugin-bls .cm-s-obsidian span.cm-formatting-list-ul {
color: transparent !important; }
body.outliner-plugin-bls .cm-s-obsidian:not(.is-live-preview) .cm-formatting-list-ul:before,
body.outliner-plugin-bls .cm-s-obsidian.is-live-preview .list-bullet:before {
color: var(--text-faint); }
/* QuickAdd plugin */
.modal .quickAddPrompt > h1,
.modal .quickAddYesNoPrompt h1 {
margin-top: 0;
text-align: left !important;
font-size: var(--h1);
font-weight: 600; }
.modal .quickAddYesNoPrompt p {
text-align: left !important; }
.modal .quickAddYesNoPrompt button {
font-size: var(--font-settings-small); }
.modal .yesNoPromptButtonContainer {
font-size: var(--font-settings-small);
justify-content: flex-end; }
.quickAddModal .modal-content {
padding: 20px 2px 5px; }
div#quick-explorer {
display: flex; }
div#quick-explorer span.explorable {
align-items: center;
color: var(--text-muted);
display: flex;
font-size: var(--font-adaptive-smaller);
line-height: 16px; }
div#quick-explorer span.explorable:last-of-type {
font-size: var(--font-adaptive-smaller); }
div#quick-explorer span.explorable.selected, div#quick-explorer span.explorable:hover {
background-color: unset !important; }
div#quick-explorer span.explorable.selected .explorable-name, div#quick-explorer span.explorable:hover .explorable-name {
color: var(--text-normal); }
div#quick-explorer span.explorable.selected .explorable-separator, div#quick-explorer span.explorable:hover .explorable-separator {
color: var(--text-normal); }
div#quick-explorer .explorable-name {
padding: 0 4px;
border-radius: 4px; }
div#quick-explorer .explorable-separator::before {
content: "\00a0›" !important;
font-size: 1.3em;
font-weight: 400;
margin: 0px; }
body:not(.colorful-active) .qe-popup-menu .menu-item:not(.is-disabled):not(.is-label):hover, body:not(.colorful-active) .qe-popup-menu .menu-item:not(.is-disabled):not(.is-label).selected {
background-color: var(--background-tertiary);
color: var(--text-normal); }
body:not(.colorful-active) .qe-popup-menu .menu-item:not(.is-disabled):not(.is-label):hover .menu-item-icon, body:not(.colorful-active) .qe-popup-menu .menu-item:not(.is-disabled):not(.is-label).selected .menu-item-icon {
color: var(--text-normal); }
/* Obsidian Tabs plugin */
.workspace-leaf-content[data-type="recent-files"] .view-content {
padding-top: 10px; }
/* Reminder Plugin */
.mod-root .workspace-leaf-content[data-type="reminder-list"] main {
max-width: var(--max-width);
margin: 0 auto;
padding: 0; }
/* Popup */
.modal .reminder-actions .later-select {
font-size: var(--font-settings-small);
vertical-align: bottom;
margin-left: 3px; }
.modal .reminder-actions .icon {
line-height: 1; }
/* In sidebar */
:not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main {
margin: 0 auto;
padding: 15px; }
:not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .group-name {
font-weight: 500;
color: var(--text-muted);
font-size: var(--font-adaptive-small);
padding-bottom: 0.5em;
border-bottom: 1px solid var(--background-modifier-border); }
:not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .reminder-group .reminder-list-item {
line-height: 1.3;
font-size: var(--font-adaptive-small); }
:not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .reminder-group .no-reminders {
color: var(--text-faint); }
:not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .reminder-group .reminder-time {
font-family: var(--font-text);
font-size: var(--font-adaptive-small); }
:not(.mod-root) .workspace-leaf-content[data-type="reminder-list"] main .reminder-group .reminder-file {
color: var(--text-faint); }
/* Calendar picker */
body .modal .dtchooser {
background-color: transparent; }
body .modal .dtchooser .reminder-calendar .year-month {
font-weight: 400;
font-size: var(--font-adaptive-normal);
padding-bottom: 10px; }
body .modal .dtchooser .reminder-calendar .year-month .month,
body .modal .dtchooser .reminder-calendar .year-month .year {
color: var(--text-normal); }
body .modal .dtchooser .reminder-calendar .year-month .month-nav:first-child {
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
body .modal .dtchooser .reminder-calendar .year-month .month-nav:last-child {
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
body .modal .dtchooser .reminder-calendar .year-month .month-nav {
-webkit-mask-size: 20px 20px;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: 50% 50%;
color: var(--text-faint);
cursor: var(--cursor);
border-radius: var(--radius-m);
padding: 0;
width: 30px;
display: inline-block; }
body .modal .dtchooser .reminder-calendar .year-month .month-nav:hover {
color: var(--text-muted); }
body .modal .dtchooser .reminder-calendar th {
padding: 0.5em 0;
font-size: var(--font-adaptive-smallest);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.1em; }
body .modal .dtchooser .reminder-calendar .calendar-date {
transition: background-color 0.1s ease-in;
padding: 0.3em 0;
border-radius: var(--radius-m); }
body .modal .dtchooser .reminder-calendar .calendar-date:hover, body .modal .dtchooser .reminder-calendar .calendar-date.is-selected {
transition: background-color 0.1s ease-in;
background-color: var(--background-tertiary) !important; }
body .modal .dtchooser .reminder-calendar .calendar-date.is-selected {
font-weight: var(--bold-weight);
color: var(--text-accent) !important; }
/* Sliding Panes aka Andy Mode plugin */
body.plugin-sliding-panes-rotate-header {
--header-width:40px; }
body.plugin-sliding-panes-rotate-header .view-header-title:before {
display: none; }
body.plugin-sliding-panes .workspace-split.mod-root {
background-color: var(--background-primary); }
body.plugin-sliding-panes .mod-horizontal .workspace-leaf {
box-shadow: none !important; }
body.plugin-sliding-panes:not(.is-fullscreen) .workspace-split.is-collapsed ~ .workspace-split.mod-root .view-header {
transition: padding 0.1s ease; }
body.plugin-sliding-panes .view-header-title:before {
background: none; }
body.plugin-sliding-panes .view-header {
background: none; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header {
border: none; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header {
border: none;
text-orientation: sideways; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-icon {
padding: 4px 1px;
margin: 5px 0 0 0;
left: 0;
width: 26px; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-actions {
padding-bottom: 33px;
margin-left: 0;
height: auto; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-action {
margin: 3px 0;
padding: 4px 1px;
width: 26px; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container:before,
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .app-container .workspace > .mod-root > .workspace-leaf.mod-active > .workspace-leaf-content > .view-header > .view-header-title-container:before {
background: none !important; }
.workspace > .mod-root .view-header-title-container
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header.plugin-sliding-panes-header-alt .workspace > .mod-root .view-header-title {
margin-top: 0; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root .view-header-title-container {
margin-left: 0;
padding-top: 0; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .view-header-title-container {
position: static; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .app-container .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > div {
margin-left: 0;
margin-right: 0;
bottom: 0; }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header.show-grabber .view-header-icon {
opacity: var(--icon-muted); }
body.plugin-sliding-panes.plugin-sliding-panes-rotate-header .view-header-icon:hover {
opacity: 1; }
body:not(.plugin-sliding-panes-header-alt).plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header > .view-header-title-container > .view-header-title,
body:not(.plugin-sliding-panes-header-alt).plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-split > .workspace-leaf-content > .view-header > .view-header-title-container > .view-header-title {
padding-top: 5px; }
body.plugin-sliding-panes-stacking .workspace > .mod-root > .workspace-leaf,
body.plugin-sliding-panes .workspace-split.mod-vertical > .workspace-leaf {
box-shadow: 0 0 0 1px var(--background-modifier-border), 1px 0px 15px 0px var(--shadow-color) !important; }
body.is-mobile.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-header-icon {
height: 30px; }
/* Space for the hover ribbon in the bottom left */
body.hider-ribbon.plugin-sliding-panes.plugin-sliding-panes-rotate-header .workspace > .mod-root > .workspace-leaf > .workspace-leaf-content > .view-header .view-actions {
padding-bottom: 50px; }
body.plugin-sliding-panes.is-fullscreen .view-header-icon {
padding-top: 8px; }
body.plugin-sliding-panes .mod-root .graph-controls {
top: 20px;
left: 30px; }
/* Sortable plugin */
body .markdown-preview-view th,
body .table-view-table > thead > tr > th,
body .markdown-source-view.mod-cm6 .dataview.table-view-table thead.table-view-thead tr th {
cursor: var(--cursor);
background-image: none; }
/* Live preview */
.markdown-source-view.mod-cm6 th {
background-repeat: no-repeat;
background-position: right; }
/* Style Settings preferences */
.style-settings-container[data-level="2"] {
background: var(--background-secondary);
border: 1px solid var(--ui1);
border-radius: 5px;
padding: 10px 20px;
margin: 2px 0 2px -20px; }
.workspace-leaf-content[data-type="style-settings"] .view-content {
padding: 0 0 20px var(--folding-offset); }
.workspace-leaf-content[data-type="style-settings"] .view-content > div {
width: var(--line-width-adaptive);
max-width: var(--max-width);
margin: 0 auto; }
.workspace-leaf-content[data-type="style-settings"] .style-settings-heading[data-level="0"] .setting-item-name {
padding-left: 17px; }
.workspace-leaf-content[data-type="style-settings"] .setting-item {
max-width: 100%;
margin: 0 auto; }
.workspace-leaf-content[data-type="style-settings"] .setting-item-name {
position: relative; }
.workspace-leaf-content[data-type="style-settings"] .style-settings-collapse-indicator {
position: absolute;
left: 0; }
.setting-item-heading.style-settings-heading,
.style-settings-container .style-settings-heading {
cursor: var(--cursor); }
.modal.mod-settings .setting-item .pickr button.pcr-button {
box-shadow: none;
border-radius: 40px;
height: 24px;
width: 24px; }
.setting-item .pickr .pcr-button:after,
.setting-item .pickr .pcr-button:before {
border-radius: 40px;
box-shadow: none;
border: none; }
.setting-item.setting-item-heading.style-settings-heading.is-collapsed {
border-bottom: 1px solid var(--background-modifier-border); }
.setting-item.setting-item-heading.style-settings-heading {
border: 0;
padding: 10px 0 5px;
margin-bottom: 0; }
.mod-root .workspace-leaf-content[data-type="style-settings"] .style-settings-container .setting-item:not(.setting-item-heading) {
flex-direction: row;
align-items: center;
padding: 0.5em 0; }
.workspace-split:not(.mod-root) .workspace-leaf-content[data-type="style-settings"] .setting-item-name {
font-size: var(--font-small); }
.setting-item .style-settings-import,
.setting-item .style-settings-export {
text-decoration: none;
font-size: var(--font-settings-small);
font-weight: 500;
color: var(--text-muted);
margin: 0;
padding: 2px 8px;
border-radius: 5px;
cursor: var(--cursor); }
.style-settings-import:hover,
.style-settings-export:hover {
background-color: var(--background-tertiary);
color: var(--text-normal);
cursor: var(--cursor); }
.themed-color-wrapper > div + div {
margin-top: 0;
margin-left: 6px; }
.theme-light .themed-color-wrapper > .theme-light {
background-color: transparent; }
.theme-light .themed-color-wrapper > .theme-dark {
background-color: rgba(0, 0, 0, 0.8); }
.theme-dark .themed-color-wrapper > .theme-dark {
background-color: transparent; }
/* Obsidian Tabs plugin */
body.plugin-tabs .mod-root.workspace-split.mod-vertical > div.workspace-leaf.stayopen .view-header,
body.plugin-tabs .mod-root.workspace-split.mod-vertical > .workspace-split.mod-vertical > div.workspace-leaf .view-header, .plugin-tabs .mod-root.workspace-split.mod-vertical > div.workspace-leaf.mod-active .view-header {
border: none; }
/* Todoist Plugin Styles */
body .todoist-query-title {
display: inline;
font-size: var(--h4);
font-variant: var(--h4-variant);
letter-spacing: 0.02em;
color: var(--h4-color);
font-weight: var(--h4-weight);
font-style: var(--h4-style); }
body .is-live-preview .block-language-todoist {
padding-left: 0; }
ul.todoist-task-list > li.task-list-item .task-list-item-checkbox {
margin: 0; }
body .todoist-refresh-button {
display: inline;
float: right;
background: transparent;
padding: 5px 6px 0;
margin-right: 0px; }
body .is-live-preview .todoist-refresh-button {
margin-right: 30px; }
body .todoist-refresh-button:hover {
box-shadow: none;
background-color: var(--background-tertiary); }
.todoist-refresh-button svg {
width: 15px;
height: 15px;
opacity: var(--icon-muted); }
ul.todoist-task-list {
margin-left: -0.25em; }
.is-live-preview ul.todoist-task-list {
padding-left: 0;
margin-left: 0.5em;
margin-block-start: 0;
margin-block-end: 0; }
.contains-task-list.todoist-task-list .task-metadata {
font-size: var(--font-adaptive-small);
display: flex;
color: var(--text-muted);
justify-content: space-between;
margin-left: 0.1em;
margin-bottom: 0.25rem; }
.is-live-preview .contains-task-list.todoist-task-list .task-metadata {
padding-left: calc(var(--checkbox-size) + 0.6em); }
.todoist-task-list .task-date.task-overdue {
color: var(--orange); }
body .todoist-p1 > input[type="checkbox"] {
border: 1px solid var(--red); }
body .todoist-p1 > input[type="checkbox"]:hover {
opacity: 0.8; }
body .todoist-p2 > input[type="checkbox"] {
border: 1px solid var(--yellow); }
body .todoist-p2 > input[type="checkbox"]:hover {
opacity: 0.8; }
body .todoist-p3 > input[type="checkbox"] {
border: 1px solid var(--blue); }
body .todoist-p3 > input[type="checkbox"]:hover {
opacity: 0.8; }
/* Tracker */
body.theme-light {
--color-axis-label:var(--tx1);
--color-tick-label:var(--tx2);
--color-dot-fill:var(--ax1);
--color-line:var(--ui1); }
.tracker-axis-label {
font-family: var(--font-interface); }
.tracker-axis {
color: var(--ui2); }
/* Color schemes */
/* Atom */
.theme-dark.minimal-atom-dark {
--red:#e16d76;
--orange:#d19a66;
--yellow:#cec167;
--green:#98c379;
--cyan:#58b6c2;
--blue:#62afef;
--purple:#c678de;
--pink:#e16d76; }
.theme-light.minimal-atom-light {
--red:#e45749;
--orange:#b76b02;
--yellow:#c18302;
--green:#50a150;
--cyan:#0d97b3;
--blue:#62afef;
--purple:#a626a4;
--pink:#e45749; }
.theme-light.minimal-atom-light {
--base-h:106;
--base-s:0%;
--base-l:98%;
--accent-h:209;
--accent-s:100%;
--accent-l:55%;
--bg1:#fafafa;
--bg2:#eaeaeb;
--bg3:#dbdbdc;
--ui1:#dbdbdc;
--ui2:#d8d8d9;
--tx1:#232324;
--tx2:#8e8e90;
--tx3:#a0a1a8;
--ax1:#1a92ff;
--ax3:#566de8;
--hl1:rgba(180,180,183,0.3);
--hl2:rgba(209,154,102,0.35); }
.theme-light.minimal-atom-light.minimal-light-white {
--bg3:#eaeaeb; }
.theme-light.minimal-atom-light.minimal-light-contrast .titlebar,
.theme-light.minimal-atom-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-atom-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-atom-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-atom-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-atom-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark.minimal-atom-dark {
--base-h:220;
--base-s:12%;
--base-l:18%;
--accent-h:220;
--accent-s:86%;
--accent-l:65%;
--bg1:#282c34;
--bg2:#21252c;
--bg3:#3a3f4b;
--background-divider:#181a1f;
--tx1:#d8dae1;
--tx2:#898f9d;
--tx3:#5d6370;
--ax1:#578af2;
--ax3:#578af2;
--hl1:rgba(114,123,141,0.3);
--hl2:rgba(209,154,102,0.3);
--sp1:#fff; }
.theme-dark.minimal-atom-dark.minimal-dark-black {
--base-d:5%;
--bg3:#282c34;
--background-divider:#282c34; }
/* Dracula */
.theme-dark.minimal-dracula-dark {
--red:#ff5555;
--yellow:#f1fa8c;
--green:#50fa7b;
--orange:#ffb86c;
--purple:#bd93f9;
--pink:#ff79c6;
--cyan:#8be9fd;
--blue:#6272a4; }
.theme-light.minimal-dracula-light.minimal-light-contrast .titlebar,
.theme-light.minimal-dracula-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-dracula-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-dracula-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-dracula-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-dracula-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark.minimal-dracula-dark {
--base-h:232;
--base-s:16%;
--base-l:19%;
--accent-h:265;
--accent-s:89%;
--accent-l:78%;
--bg1:#282a37;
--bg2:#21222c;
--ui2:#44475a;
--ui3:#6272a4;
--tx1:#f8f8f2;
--tx2:#949FBE;
--tx3:#6272a4;
--ax3:#ff79c6;
--hl1:rgba(134, 140, 170, 0.3);
--hl2:rgba(189, 147, 249, 0.35); }
.theme-dark.minimal-dracula-dark.minimal-dark-black {
--ui1:#282a36; }
/* Everforest */
.theme-light.minimal-everforest-light {
--red:#f85552;
--orange:#f57d26;
--yellow:#dfa000;
--green:#8da101;
--purple:#df69ba;
--pink:#df69ba;
--cyan:#35a77c;
--blue:#7fbbb3; }
.theme-dark.minimal-everforest-dark {
--red:#e67e80;
--orange:#e69875;
--yellow:#dbbc7f;
--green:#a7c080;
--purple:#d699b6;
--pink:#d699b6;
--cyan:#83c092;
--blue:#7fbbb3; }
.theme-light.minimal-everforest-light {
--base-h:46;
--base-s:87%;
--base-l:94%;
--accent-h:81;
--accent-s:37%;
--accent-l:52%;
--bg1:#FDF7E3;
--bg2:#EEEAD5;
--bg3:rgba(206,207,182,.5);
--ui1:#dfdbc8;
--ui2:#bdc3af;
--ui3:#bdc3af;
--tx1:#5C6A72;
--tx2:#829181;
--tx3:#a6b0a0;
--ax1:#93b259;
--ax2:#738555;
--ax3:#93b259;
--hl1:rgba(198,214,152,.4);
--hl2:rgba(222,179,51,.3); }
.theme-light.minimal-everforest-light.minimal-light-tonal {
--bg2:#EEEAD5; }
.theme-light.minimal-everforest-light.minimal-light-white {
--bg3:#f3efda;
--ui1:#edead5; }
.theme-light.minimal-everforest-light.minimal-light-contrast .titlebar,
.theme-light.minimal-everforest-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-everforest-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-everforest-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-everforest-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-everforest-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark.minimal-everforest-dark {
--base-h:203;
--base-s:15%;
--base-l:23%;
--accent-h:81;
--accent-s:34%;
--accent-l:63%;
--bg1:#323D44;
--bg2:#2A343A;
--bg3:#414C54;
--bg3:rgba(78,91,100,0.5);
--ui1:#404c51;
--ui2:#4A555C;
--ui3:#525c62;
--tx1:#d3c6aa;
--tx2:#9da9a0;
--tx3:#7a8478;
--ax1:#A7C080;
--ax2:#c7cca3;
--ax3:#93b259;
--hl1:rgba(134,70,93,.5);
--hl2:rgba(147,185,96,.3); }
.theme-dark.minimal-everforest-dark.minimal-dark-black {
--hl1:rgba(134,70,93,.4);
--ui1:#2b3339; }
/* Gruvbox */
.theme-dark.minimal-gruvbox-dark,
.theme-light.minimal-gruvbox-light {
--red:#cc241d;
--yellow:#d79921;
--green:#98971a;
--orange:#d65d0e;
--purple:#b16286;
--pink:#b16286;
--cyan:#689d6a;
--blue:#458588; }
.theme-light.minimal-gruvbox-light {
--base-h:49;
--base-s:92%;
--base-l:89%;
--accent-h:24;
--accent-s:88%;
--accent-l:45%;
--bg1:#fcf2c7;
--bg2:#f2e6bd;
--bg3:#ebd9b3;
--ui1:#ebdbb2;
--ui2:#d5c4a1;
--ui3:#bdae93;
--tx1:#282828;
--tx2:#7c7065;
--tx3:#a89a85;
--ax1:#d65d0e;
--ax2:#af3a03;
--ax3:#d65d0d;
--hl1:rgba(192,165,125,.3);
--hl2:rgba(215,153,33,.4); }
.theme-light.minimal-gruvbox-light.minimal-light-tonal {
--bg2:#fcf2c7; }
.theme-light.minimal-gruvbox-light.minimal-light-white {
--bg3:#faf5d7;
--ui1:#f2e6bd; }
.theme-light.minimal-gruvbox-light.minimal-light-contrast .titlebar,
.theme-light.minimal-gruvbox-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-gruvbox-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-gruvbox-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-gruvbox-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-gruvbox-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark.minimal-gruvbox-dark {
--accent-h:24;
--accent-s:88%;
--accent-l:45%;
--bg1:#282828;
--bg2:#1e2021;
--bg3:#3d3836;
--bg3:rgba(62,57,55,0.5);
--ui1:#3c3836;
--ui2:#504945;
--ui3:#665c54;
--tx1:#fbf1c7;
--tx2:#bdae93;
--tx3:#7c6f64;
--ax1:#d65d0e;
--ax2:#fe8019;
--ax3:#d65d0e;
--hl1:rgba(173,149,139,0.3);
--hl2:rgba(215,153,33,.4); }
.theme-dark.minimal-gruvbox-dark.minimal-dark-black {
--hl1:rgba(173,149,139,0.4);
--ui1:#282828; }
/* macOS */
.theme-dark.minimal-macos-dark,
.theme-light.minimal-macos-light {
--red:#ff3b31;
--yellow:#ffcc00;
--green:#2acd41;
--orange:#ff9502;
--purple:#b051de;
--pink:#ff2e55;
--cyan:#02c7be;
--blue:#027aff; }
.theme-light.minimal-macos-light {
--base-h:106;
--base-s:0%;
--base-l:94%;
--accent-h:212;
--accent-s:100%;
--accent-l:50%;
--bg1:#fff;
--bg2:#f0f0f0;
--bg3:#d7d7d7;
--ui1:#e7e7e7;
--tx1:#454545;
--tx2:#808080;
--tx3:#b0b0b0;
--ax1:#027aff;
--ax2:#0463cc;
--ax3:#007bff;
--hl1:#b3d7ff; }
.theme-light.minimal-macos-light.minimal-light-tonal {
--bg1:#f0f0f0;
--bg2:#f0f0f0; }
.theme-light.minimal-macos-light.minimal-light-contrast .titlebar,
.theme-light.minimal-macos-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-macos-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-macos-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-macos-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-macos-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark.minimal-macos-dark {
--base-h:106;
--base-s:0%;
--base-l:12%;
--accent-h:212;
--accent-s:100%;
--accent-l:50%;
--bg1:#1e1e1e;
--bg2:#282828;
--bg3:rgba(255,255,255,0.11);
--background-divider:#000;
--ui1:#373737;
--ui2:#515151;
--ui3:#595959;
--tx1:#dcdcdc;
--tx2:#8c8c8c;
--tx3:#686868;
--ax1:#027aff;
--ax2:#3f9bff;
--ax3:#007bff;
--hl1:rgba(98,169,252,0.5);
--sp1:#fff; }
.theme-dark.minimal-macos-dark.minimal-dark-black {
--background-divider:#1e1e1e; }
/* Nord */
.theme-dark.minimal-nord-dark,
.theme-light.minimal-nord-light {
--red:#BF616A;
--yellow:#EBCB8B;
--green:#A3BE8C;
--orange:#D08770;
--purple:#B48EAD;
--pink:#B48EAD;
--cyan:#88C0D0;
--blue:#81A1C1; }
.theme-light.minimal-nord-light {
--base-h:221;
--base-s:27%;
--base-l:94%;
--accent-h:213;
--accent-s:32%;
--accent-l:52%;
--bg1:#fff;
--bg2:#eceff4;
--bg3:rgba(157,174,206,0.25);
--ui1:#d8dee9;
--ui2:#BBCADC;
--ui3:#81a1c1;
--tx1:#2e3440;
--tx2:#7D8697;
--tx3:#ADB1B8;
--ax1:#5e81ac;
--ax2:#81a1c1;
--hl2:rgba(208, 135, 112, 0.35); }
.theme-light.minimal-nord-light.minimal-light-contrast .titlebar,
.theme-light.minimal-nord-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-nord-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-nord-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-nord-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-nord-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark.minimal-nord-dark {
--base-h:220;
--base-s:16%;
--base-l:22%;
--accent-h:213;
--accent-s:32%;
--accent-l:52%;
--bg1:#2e3440;
--bg2:#3b4252;
--bg3:rgba(135,152,190,0.15);
--ui1:#434c5e;
--ui2:#58647b;
--ui3:#5e81ac;
--tx1:#d8dee9;
--tx2:#9eafcc;
--tx3:#4c566a;
--ax3:#5e81ac;
--hl1:rgba(129,142,180,0.3);
--hl2:rgba(208, 135, 112, 0.35); }
.theme-dark.minimal-nord-dark.minimal-dark-black {
--ui1:#2e3440; }
/* Notion */
.theme-light.minimal-notion-light {
--base-h:39;
--base-s:18%;
--base-d:96%;
--accent-h:197;
--accent-s:65%;
--accent-l:71%;
--bg2:#f7f6f4;
--bg3:#e8e7e4;
--ui1:#ededec;
--ui2:#dbdbda;
--ui3:#aaa9a5;
--tx1:#37352f;
--tx2:#72706c;
--tx3:#aaa9a5;
--ax1:#37352f;
--ax2:#000;
--ax3:#2eaadc;
--hl1:rgba(131,201,229,0.3);
--link-weight:500; }
.theme-light.minimal-notion-light.minimal-light-contrast .titlebar,
.theme-light.minimal-notion-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-notion-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-notion-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-notion-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-notion-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark.minimal-notion-dark {
--base-h:203;
--base-s:8%;
--base-d:20%;
--accent-h:197;
--accent-s:48%;
--accent-l:43%;
--bg1:#2f3437;
--bg2:#373c3f;
--bg3:#4b5053;
--ui1:#3e4245;
--ui2:#585d5f;
--ui3:#585d5f;
--tx1:#ebebeb;
--tx2:#909295;
--tx3:#585d5f;
--ax1:#ebebeb;
--ax2:#fff;
--ax3:#2eaadc;
--hl1:rgba(57,134,164,0.3);
--link-weight:500; }
.theme-dark.minimal-notion-dark.minimal-dark-black {
--base-d:5%;
--bg3:#232729;
--ui1:#2f3437; }
/* Solarized */
.theme-dark.minimal-solarized-dark,
.theme-light.minimal-solarized-light {
--red:#dc322f;
--orange:#cb4b16;
--yellow:#b58900;
--green:#859900;
--cyan:#2aa198;
--blue:#268bd2;
--purple:#6c71c4;
--pink:#d33682; }
.theme-light.minimal-solarized-light {
--base-h:44;
--base-s:87%;
--base-l:94%;
--accent-h:205;
--accent-s:70%;
--accent-l:48%;
--bg1:#fdf6e3;
--bg2:#eee8d5;
--bg3:rgba(0,0,0,0.062);
--ui1:#e9e1c8;
--ui2:#d0cab8;
--ui3:#d0cab8;
--tx1:#073642;
--tx2:#586e75;
--tx3:#ABB2AC;
--tx4:#586e75;
--ax1:#268bd2;
--hl1:rgba(202,197,182,0.3);
--hl2:rgba(203,75,22,0.3); }
.theme-light.minimal-solarized-light.minimal-light-tonal {
--bg2:#fdf6e3; }
.theme-light.minimal-solarized-light.minimal-light-contrast .titlebar,
.theme-light.minimal-solarized-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-solarized-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-solarized-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-solarized-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-solarized-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark.minimal-solarized-dark {
--accent-h:205;
--accent-s:70%;
--accent-l:48%;
--base-h:193;
--base-s:98%;
--base-l:11%;
--bg1:#002b36;
--bg2:#073642;
--bg3:rgba(255,255,255,0.062);
--ui1:#19414B;
--ui2:#274850;
--ui3:#31535B;
--tx1:#93a1a1;
--tx2:#657b83;
--tx3:#31535B;
--tx4:#657b83;
--ax1:#268bd2;
--ax3:#268bd2;
--hl1:rgba(15,81,98,0.3);
--hl2:rgba(203, 75, 22, 0.35); }
.theme-dark.minimal-solarized-dark.minimal-dark-black {
--hl1:rgba(15,81,98,0.55);
--ui1:#002b36; }
/* Things */
.theme-dark.minimal-things-dark,
.theme-light.minimal-things-light {
--red:#FF306C;
--yellow:#FFD500;
--green:#4BBF5E;
--orange:#ff9502;
--purple:#b051de;
--pink:#ff2e55;
--cyan:#49AEA4; }
.theme-light.minimal-things-light {
--blue:#1b61c2; }
.theme-dark.minimal-things-dark {
--blue:#4d95f7; }
.theme-light.minimal-things-light {
--accent-h:215;
--accent-s:76%;
--accent-l:43%;
--bg1:white;
--bg2:#f5f6f8;
--bg3:rgba(162,177,187,0.25);
--ui1:#eef0f4;
--ui2:#D8DADD;
--ui3:#c1c3c6;
--tx1:#26272b;
--tx2:#7D7F84;
--tx3:#a9abb0;
--ax1:#1b61c2;
--ax2:#1C88DD;
--ax3:#1b61c2;
--hl1:#cae2ff; }
.theme-light.minimal-things-light.minimal-light-tonal {
--ui1:#e6e8ec; }
.theme-light.minimal-things-light.minimal-light-white {
--bg3:#f5f6f8; }
.theme-light.minimal-things-light.minimal-light-contrast .titlebar,
.theme-light.minimal-things-light.minimal-light-contrast .workspace-fake-target-overlay.is-in-sidebar,
.theme-light.minimal-things-light.minimal-light-contrast .workspace-ribbon.mod-left:not(.is-collapsed),
.theme-light.minimal-things-light.minimal-light-contrast .mod-left-split,
.theme-light.minimal-things-light.minimal-light-contrast.minimal-status-off .status-bar,
.theme-light.minimal-things-light.minimal-light-contrast.is-mobile .workspace-drawer.mod-left,
.theme-dark.minimal-things-dark {
--base-h:218;
--base-s:9%;
--base-l:15%;
--accent-h:215;
--accent-s:91%;
--accent-l:64%;
--bg1:#24262a;
--bg2:#202225;
--bg3:#3d3f41;
--background-divider:#17191c;
--ui1:#3A3B3F;
--ui2:#45464a;
--ui3:#6c6e70;
--tx1:#fbfbfb;
--tx2:#CBCCCD;
--tx3:#6c6e70;
--ax1:#4d95f7;
--ax2:#79a9ec;
--ax3:#4d95f7;
--hl1:rgba(40,119,236,0.35);
--sp1:#fff; }
.theme-dark.minimal-things-dark.minimal-dark-black {
--base-d:5%;
--bg3:#24262a;
--background-divider:#24262a; }
/* Plugin compatibility */
/* @plugins
core:
- backlink
- command-palette
- daily-notes
- file-explorer
- file-recovery
- global-search
- graph
- outgoing-link
- outline
- page-preview
- publish
- random-note
- starred
- switcher
- sync
- tag-pane
- word-count
community:
- buttons
- dataview
- calendar
- obsidian-charts
- obsidian-checklist-plugin
- obsidian-codemirror-options
- obsidian-dictionary-plugin
- obsidian-embedded-note-titles
- obsidian-excalidraw-plugin
- obsidian-git
- obsidian-hider
- obsidian-hover-editor
- obsidian-kanban
- obsidian-metatable
- obsidian-minimal-settings
- obsidian-outliner
- obsidian-system-dark-mode
- obsidian-style-settings
- quickadd
- sliding-panes-obsidian
- todoist-sync-plugin
*/
/* @settings
name: Minimal
id: minimal-style
settings:
-
id: instructions
title: Welcome 👋
type: heading
level: 2
collapsed: true
description: Use the Minimal Theme Settings plugin to access hotkeys, adjust features, select fonts, and choose from preset color schemes. Use the settings below for more granular customization. Visit minimal.guide for documentation.
-
id: interface
title: Interface colors
type: heading
level: 2
collapsed: true
-
id: base
title: Base color
description: Defines all background and border colors unless overridden in more granular settings
type: variable-themed-color
format: hsl-split
default-light: '#'
default-dark: '#'
-
id: accent
title: Accent color
description: Defines link and checkbox colors unless overridden in more granular settings
type: variable-themed-color
format: hsl-split
default-light: '#'
default-dark: '#'
-
id: bg1
title: Primary background
description: Background color for the main window
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: bg2
title: Secondary background
description: Background color for left sidebar and menus
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: bg3
title: Active background
description: Background color for hovered buttons and currently selected file
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: ui1
title: Border color
type: variable-themed-color
description: For buttons, divider lines, and outlined elements
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: ui2
title: Highlighted border color
description: Used when hovering over buttons, dividers, and outlined elements
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: ui3
title: Active border color
description: Used when clicking buttons and outlined elements
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: extended-palette
title: Interface extended palette
type: heading
level: 2
collapsed: true
-
id: red
title: Red
description: Extended palette colors are defaults used for progress bar status, syntax highlighting, colorful headings, and graph nodes
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: orange
title: Orange
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: yellow
title: Yellow
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: green
title: Green
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: cyan
title: Cyan
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: blue
title: Blue
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: purple
title: Purple
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: pink
title: Pink
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: active-line
title: Active line
type: heading
level: 2
collapsed: true
-
id: active-line-on
title: Highlight active line
description: Adds a background to current line in editor
type: class-toggle
default: false
-
id: active-line-bg
title: Active line background
description: Using a low opacity color is recommended to avoid conflicting with highlights
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: blockquotes
title: Blockquotes
type: heading
level: 2
collapsed: true
-
id: text-blockquote
title: Blockquotes text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: blockquote-size
title: Blockquotes font size
description: Accepts any CSS font-size value
type: variable-text
default: ''
-
id: blockquote-style
title: Blockquotes font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: code-blocks
title: Code blocks
type: heading
level: 2
collapsed: true
-
id: text-code
title: Code text color
description: Color of code when syntax highlighting is not present
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: font-code
title: Code font size
description: Accepts any CSS font-size value
type: variable-text
default: 13px
-
id: embed-blocks
title: Embeds and transclusions
type: heading
level: 2
collapsed: true
-
id: embed-strict
title: Use strict embed style globally
description: Transclusions appear seamlessly in the flow of text. Can be enabled per file using the embed-strict helper class
type: class-toggle
default: false
-
id: graphs
title: Graphs
type: heading
level: 2
collapsed: true
-
id: node
title: Node color
description: Changing node colors requires closing and reopening graph panes or restarting Obsidian
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: node-focused
title: Active node color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: node-tag
title: Tag node color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: node-attachment
title: Attachment node color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: node-unresolved
title: Unresolved node color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: headings
title: Headings
type: heading
level: 2
collapsed: true
-
id: level-1-headings
title: Level 1 Headings
type: heading
level: 3
collapsed: true
-
id: h1-font
title: H1 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h1
title: H1 font size
description: Accepts any CSS font-size value
type: variable-text
default: 1.125em
-
id: h1-weight
title: H1 font weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: h1-color
title: H1 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h1-variant
title: H1 font variant
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h1-style
title: H1 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h1-l
title: H1 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-2-headings
title: Level 2 Headings
type: heading
level: 3
collapsed: true
-
id: h2-font
title: H2 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h2
title: H2 font size
description: Accepts any CSS font-size value
type: variable-text
default: 1em
-
id: h2-weight
title: H2 font weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: h2-color
title: H2 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h2-variant
title: H2 font variant
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h2-style
title: H2 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h2-l
title: H2 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-3-headings
title: Level 3 Headings
type: heading
level: 3
collapsed: true
-
id: h3-font
title: H3 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h3
title: H3 font size
description: Accepts any CSS font-size value
type: variable-text
default: 1em
-
id: h3-weight
title: H3 font weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: h3-color
title: H3 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h3-variant
title: H3 font variant
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h3-style
title: H3 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h3-l
title: H3 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-4-headings
title: Level 4 Headings
type: heading
level: 3
collapsed: true
-
id: h4-font
title: H4 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h4
title: H4 font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.9em
-
id: h4-weight
title: H4 font weight
type: variable-number-slider
default: 500
min: 100
max: 900
step: 100
-
id: h4-color
title: H4 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h4-variant
title: H4 font variant
type: variable-select
allowEmpty: false
default: small-caps
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h4-style
title: H4 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h4-l
title: H4 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-5-headings
title: Level 5 Headings
type: heading
level: 3
collapsed: true
-
id: h5-font
title: H5 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h5
title: H5 font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.85em
-
id: h5-weight
title: H5 font weight
type: variable-number-slider
default: 500
min: 100
max: 900
step: 100
-
id: h5-color
title: H5 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h5-variant
title: H5 font variant
type: variable-select
allowEmpty: false
default: small-caps
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h5-style
title: H5 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h5-l
title: H5 divider line
description: Adds a border below the heading
type: class-toggle
default: false
-
id: level-6-headings
title: Level 6 Headings
type: heading
level: 3
collapsed: true
-
id: h6-font
title: H6 font
description: Name of the font as it appears on your system
type: variable-text
default: ''
-
id: h6
title: H6 font size
description: Accepts any CSS font-size value
type: variable-text
default: 0.85em
-
id: h6-weight
title: H6 font weight
type: variable-number-slider
default: 400
min: 100
max: 900
step: 100
-
id: h6-color
title: H6 text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: h6-variant
title: H6 font variant
type: variable-select
allowEmpty: false
default: small-caps
options:
-
label: Normal
value: normal
-
label: Small caps
value: small-caps
-
label: All small caps
value: all-small-caps
-
id: h6-style
title: H6 font style
type: variable-select
allowEmpty: false
default: normal
options:
-
label: Normal
value: normal
-
label: Italic
value: italic
-
id: h6-l
title: H6 divider line
type: class-toggle
description: Adds a border below the heading
default: false
-
id: icons
title: Icons
type: heading
level: 2
collapsed: true
-
id: icon-muted
title: Icon opacity (inactive)
type: variable-number-slider
default: 0.5
min: 0.25
max: 1
step: 0.05
-
id: icon-color
title: Icon color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: icon-color-hover
title: Icon color (hover)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: icon-color-active
title: Icon color (active)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: images
title: Images
type: heading
level: 2
collapsed: true
-
id: image-muted
title: Image opacity in dark mode
description: Level of fading for images in dark mode. Hover over images to display at full brightness.
type: variable-number-slider
default: 0.7
min: 0.25
max: 1
step: 0.05
-
id: zoom-off
title: Disable image zoom
description: Turns off click + hold to zoom images
type: class-toggle
-
id: indentation-guides
title: Indentation guides
type: heading
level: 2
collapsed: true
-
id: ig-adjust-reading
title: Horizontal adjustment in reading mode
type: variable-number-slider
default: -0.65
min: -1.2
max: 0
step: 0.05
format: em
-
id: ig-adjust-edit
title: Horizontal adjustment in edit mode
type: variable-number-slider
default: -1
min: -10
max: 10
step: 1
format: px
-
id: links
title: Links
type: heading
level: 2
collapsed: true
-
id: ax1
title: Link color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: ax2
title: Link color (hovering)
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: link-weight
title: Link font weight
type: variable-number-slider
default: 400
min: 100
max: 900
step: 100
-
id: lists
title: Lists and tasks
type: heading
level: 2
collapsed: true
-
id: ax3
title: Checkbox color
description: Background color for completed tasks
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: checkbox-shape
title: Checkbox shape
type: class-select
allowEmpty: false
default: checkbox-circle
options:
-
label: Circle
value: checkbox-circle
-
label: Square
value: checkbox-square
-
id: minimal-strike-lists
title: Strike completed tasks
description: Adds strikethrough line and greyed text for completed tasks
type: class-toggle
default: false
-
id: list-spacing
title: List item spacing
description: Vertical space between list items in em units
type: variable-number-slider
default: 0.075
min: 0
max: 0.3
step: 0.005
format: em
-
id: list-indent
title: Nested list indentation
description: Horizontal space from left in em units
type: variable-number-slider
default: 2
min: 1
max: 3.5
step: 0.1
format: em
-
id: sidebars
title: Sidebars
type: heading
level: 2
collapsed: true
-
id: tab-style
title: Tab style
description: See documentation for screenshots
type: class-select
allowEmpty: false
default: tab-style-1
options:
-
label: Compact
value: tab-style-1
-
label: Pill
value: tab-style-3
-
label: Underlined
value: tab-style-2
-
label: Index
value: tab-style-4
-
id: sidebar-lines-off
title: Disable sidebar relationship lines
description: Turns off lines in file navigation
type: class-toggle
-
id: mobile-left-sidebar-width
title: Mobile left sidebar width
description: Maximum width for pinned left sidebar on mobile
type: variable-number
default: 280
format: pt
-
id: mobile-right-sidebar-width
title: Mobile right sidebar width
description: Maximum width for pinned right sidebar on mobile
type: variable-number
default: 240
format: pt
-
id: tables
title: Tables
type: heading
level: 2
collapsed: true
-
id: table-font-size
title: Table font size
description: All of the following settings apply to all tables globally. To turn on these features on a per-note basis use helper classes. See documentation.
type: variable-text
default: 1em
-
id: row-lines
title: Row lines
description: Display borders between table rows globally
type: class-toggle
default: false
-
id: col-lines
title: Column lines
description: Display borders between table columns globally
type: class-toggle
default: false
-
id: table-lines
title: Cell lines
description: Display borders around all table cells globally
type: class-toggle
default: false
-
id: row-alt
title: Striped rows
description: Display striped background in alternating table rows globally
type: class-toggle
default: false
-
id: col-alt
title: Striped columns
description: Display striped background in alternating table columns globally
type: class-toggle
default: false
-
id: table-tabular
title: Tabular figures
description: Use fixed width numbers in tables globally
type: class-toggle
default: false
-
id: table-numbers
title: Row numbers
description: Display row numbers in tables globally
type: class-toggle
default: false
-
id: table-nowrap
title: Disable line wrap
description: Turn off line wrapping in table cells globally
type: class-toggle
default: false
-
id: row-hover
title: Highlight active row
description: Highlight rows on hover
type: class-toggle
default: false
-
id: row-color-hover
title: Active row background
description: Background color for hovered tables rows
type: variable-themed-color
format: hex
opacity: true
default-light: '#'
default-dark: '#'
-
id: tags
title: Tags
type: heading
level: 2
collapsed: true
-
id: minimal-unstyled-tags
title: Plain tags
description: Tags will render as normal text, overrides settings below
type: class-toggle
default: false
-
id: tag-radius
title: Tag shape
type: variable-select
default: 14px
options:
-
label: Pill
value: 14px
-
label: Rounded
value: 4px
-
label: Square
value: 0px
-
id: tag-border-width
title: Tag border width
type: variable-select
default: 1px
options:
-
label: None
value: 0
-
label: Thin
value: 1px
-
label: Thick
value: 2px
-
id: tag-color
title: Tag text color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag-bg
title: Tag background color
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tag-bg2
title: Tag background color (hover)
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: text
title: Text
type: heading
level: 2
collapsed: true
-
id: tx1
title: Normal text color
type: variable-themed-color
description: Primary text color used by default across all elements
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hl1
title: Selected text background
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: hl2
title: Highlighted text background
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tx2
title: Muted text color
description: Secondary text such as sidebar note titles and table headings
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: tx3
title: Faint text color
description: tertiary text such as input placeholders, empty checkboxes, and disabled statuses
type: variable-themed-color
opacity: true
format: hex
default-light: '#'
default-dark: '#'
-
id: text-italic
title: Italic text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: text-bold
title: Bold text color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: bold-weight
title: Bold text weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: spacing-p
title: Paragraph spacing
description: Space between paragraphs in reading mode
type: variable-text
default: 0.75em
-
id: titlebar
title: Title bar
type: heading
level: 2
collapsed: true
-
id: title-alignment
title: Title alignment
description: Position of the text within the title bar
type: class-select
allowEmpty: false
default: title-align-body
options:
-
label: Text body
value: title-align-body
-
label: Left
value: title-align-left
-
label: Center
value: title-align-center
-
id: show-grabber
title: Always show grabber icon
description: Make the dragging handle always visible in the top left corner of a pane
type: class-toggle
default: false
-
id: header-height
title: Title bar height
type: variable-text
default: 42px
-
id: title-size
title: Title font size
description: Accepts any CSS font-size value
type: variable-text
default: 1.1em
-
id: title-weight
title: Title font weight
type: variable-number-slider
default: 600
min: 100
max: 900
step: 100
-
id: title-color
title: Title text color (active)
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: title-color-inactive
title: Title text color (inactive)
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
-
id: translucency
title: Translucency
type: heading
level: 2
collapsed: true
-
id: bg-translucency-light
title: Translucency (light mode)
description: Sidebar translucency in light mode. Requires turning on "Translucent window" in Appearance settings, and "Translucent sidebar" in Minimal settings.
type: variable-number-slider
default: 0.7
min: 0
max: 1
step: 0.05
-
id: bg-translucency-dark
title: Translucency (dark mode)
description: Sidebar translucency in dark mode
type: variable-number-slider
default: 0.85
min: 0
max: 1
step: 0.05
*/
/* @settings
name: Minimal Cards
id: minimal-cards-style
settings:
-
id: cards-min-width
title: Card minimum width
type: variable-text
default: 180px
-
id: cards-max-width
title: Card maximum width
description: Default fills the available width, accepts valid CSS units
type: variable-text
default: 1fr
-
id: cards-mobile-width
title: Card minimum width on mobile
type: variable-text
default: 120px
-
id: cards-padding
title: Card padding
type: variable-text
default: 1.2em
-
id: cards-image-height
title: Card maximum image height
type: variable-text
default: 400px
-
id: cards-border-width
title: Card border width
type: variable-text
default: 1px
-
id: cards-background
title: Card background color
type: variable-themed-color
format: hex
default-light: '#'
default-dark: '#'
*/
/* @settings
name: Minimal Mobile
id: minimal-mobile
settings:
-
id: mobile-toolbar-off
title: Disable toolbar
description: Turns off mobile toolbar
type: class-toggle
*/
/* @settings
name: Minimal Advanced Settings
id: minimal-advanced
settings:
-
id: window-title-on
title: Display window title
description: Display title in the window frame
type: class-toggle
-
id: styled-scrollbars
title: Styled scrollbars
description: Use styled scrollbars (replaces native scrollbars)
type: class-toggle
-
id: cursor
title: Cursor style
description: The cursor style for UI elements
type: variable-select
default: default
options:
-
label: Default
value: default
-
label: Pointer
value: pointer
-
label: Crosshair
value: crosshair
-
id: font-smaller
title: Smaller font size
description: Font size in px of smaller text
type: variable-number
default: 11
format: px
-
id: font-smallest
title: Smallest font size
description: Font size in px of smallest text
type: variable-number
default: 10
format: px
-
id: folding-offset
title: Folding offset
description: Width of the left margin used for folding indicators
type: variable-number-slider
default: 10
min: 0
max: 30
step: 1
format: px
*/