Files
2026-08-23 20:43:00 -04:00

6612 lines
258 KiB
CSS
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/*
LYT Dracula
0.2.1
+ With Dracula Blog Style Headings
+ With Dracula Codeblocks
2022-04-21 - Fixed text selection on heading and in code blocks
*/
.theme-dark {
--background-primary: #22212c !important;
--background-primary-alt: #23212d !important;
--background-secondary: #15131f !important;
--background-secondary-alt: #2a2442 !important;
--text-accent: #bd93f9 !important;
--text-accent-hover: #bd93f9 !important;
--text-normal: #f8f8f2 !important;
--text-muted: #6e6b7e !important; /*color of the file explorer font*/
--text-faint: #6c6498 !important; /*color of the ribbon*/
/* --text-highlight-bg: rgba(255, 255, 0, 0.4) !important; */
--text-highlight-bg-active: rgba(54, 57, 72, 0.4) !important;
--text-selection: #363948 !important;
--text-on-accent: #f8f8f2 !important;
--interactive-normal: #2a2a2a !important;
--interactive-hover: #303030 !important;
--interactive-accent: #483699 !important;
--interactive-accent-rgb: 72, 54, 153 !important;
--interactive-accent-hover: #4d3ca6 !important;
}
/* BOLD */
.cm-strong, strong {
color: #ffb86c !important;
}
/* Italics */
.cm-em, em {
color: #ffff80 !important;
}
/* Highlight */
.cm-s-obsidian span.cm-formatting-highligh,
.cm-s-obsidian span.cm-highlight,
.markdown-preview-view mark {
background: #fef3ac;
color: #262626;
padding: 2px 4px;
border-radius: 3px;
}
/* Fix text selection on Headings */
.markdown-source-view.mod-cm1 .cm-selection,
.markdown-source-view.mod-cm2 .cm-selection,
.markdown-source-view.mod-cm3 .cm-selection,
.markdown-source-view.mod-cm4 .cm-selection,
.markdown-source-view.mod-cm5 .cm-selection,
.markdown-source-view.mod-cm6 .cm-selection {
background-color: initial;
}
/* FIx for text selection in codeblocks & quotes */
.cm-hmd-codeblock .cm-selection,
.cm-quote .cm-selection {
background-color: #363948 !important;
}
/* Latex Color */
/* pre code, mjx-math, span.cm-inline-code:not(.cm-formatting-code) {
color: #f8f8f2 !important;
} */
/* ---------------------------------------------------------------------*/
/* ---------------- Internal Links - Live Preview & Source ------------*/
/* ---------------------------------------------------------------------*/
/* ---------------------------------------------------------------------*/
/* ------- Internal Link Color -------- */
.theme-dark {
--md-color-link: #ff80b7 !important;
}
/* Source Mode */
.cm-s-obsidian span.cm-hmd-internal-link:hover,
.markdown-preview-view .internal-link:hover {
color: #e070a1 !important;
cursor: pointer !important;
}
/* Live Preview */
span.cm-hmd-internal-link > span:hover {
color: #e070a1 !important;
}
.cm-header.cm-header-4cm-hmd-internal-link {
color: #e070a1 !important;
}
/* ---------------------------------------------------------------------*/
/* ---------------- External Links - Live Preview & Source ------------*/
/* ---------------------------------------------------------------------*/
/* ---------------------------------------------------------------------*/
/* External Link */
/* Live Preview */
.cm-link span.cm-underline,
span.cm-url {
color: #50fa7b !important;
}
/* External link text within the brackets e.g. link name etc */
.cm-s-obsidian span.cm-link {
color: #50fa7b !important;
}
/* Preview Mode */
div p a.external-link {
color: #50fa7b !important;
}
/* Add a pointer hand when on external links */
.cm-s-obsidian span.cm-hmd-external-link:hover,
.cm-link span.cm-underline:hover,
span.cm-url:hover,
.external-link:hover {
color: #50fa7b !important;
cursor: pointer !important;
}
/* ---------------------------------------------------------------------*/
/* -------------- Header with External Links - Live Preview & Source ---*/
/* ---------------------------------------------------------------------*/
/* ---------------------------------------------------------------------*/
/* Header with External Link */
/* Source Mode */
.cm-header.cm-header.cm-link {
color: #ff5555 !important;
}
/* Source Mode URL color */
.HyperMD-header.HyperMD-header-3.cm-line .cm-header.cm-header-3.cm-string.cm-url {
background: #50fa7b !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
filter: drop-shadow(var(--header-shadow-size) var(--header-shadow-color));
}
/* Source Mode - Bracket Color in the headers*/
.cm-formatting.cm-formatting-link-string.cm-header.cm-string.cm-url {
color: #ff5555 !important;
}
/*Live MODE*/
.cm-header.cm-header.cm-link span.cm-underline {
text-decoration: underline !important;
color: #ff5555 !important;
}
/*Reading MODE*/
.markdown-preview-view h1 a.external-link,
.markdown-preview-view h2 a.external-link,
.markdown-preview-view h3 a.external-link,
.markdown-preview-view h4 a.external-link,
.markdown-preview-view h5 a.external-link,
.markdown-preview-view h6 a.external-link {
text-decoration: underline !important;
color: #ff5555 !important;
}
/* Selection */
.cm-selection {
background-color:#36394800 !important
}
/* ---------------------------------------------------------------------*/
/* ---------------- Codeblock - Live Preview & Source ------------------*/
/* --------------------------- CM Tags ---------------------------------*/
/* ------------------ Based on @deathau variables ----------------------*/
/* ---------------------------------------------------------------------*/
.theme-dark .HyperMD-codeblock {
background: #282a36 !important;
color: #f8f8f2;
font-family:'SF Mono', Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
/* font-weight: 600 !important; */
/* white-space: pre; */
word-spacing: normal;
word-break: normal;
line-height: 1.5;
/* The default is 4, but you could change it if you really, really want to */
tab-size: 2;
-webkit-hyphens: none;
hyphens: none;
}
/* Function, return, let, var */
.theme-dark .cm-keyword {
color: #ff80bf;
font-weight: normal;
}
/* In css: var */
.theme-dark .cm-callee {
color:#ff80bf;
}
/* E.g. color tag, sans-serif */
.theme-dark .cm-atom {
color: #9580ff;
}
/* Function or var Name: e.g. Slayer in 'function Slayer' */
.theme-dark .cm-def {
color: #8aff80;
}
/* Number or e.g. 1px, 1em*/
.theme-dark .cm-number {
color: #9580ff;
}
/* In javasript: redner will be selected within ReactDOM.render */
/* In CSS selects whole elements: e.g. background-color, font-family etc */
.theme-dark .cm-property{
color: #80ffea;
}
/* Var in css */
.theme-dark .cm-variable{
color: #80ffea;
}
/* Var definition in css */
.theme-dark .cm-variable-2 {
color: #f8f8f2;
}
/* Operators in javascript: = @ ! */
.theme-dark .cm-operator {
color:#ff80bf;
}
/* IN css: e.g. .theme-dark or .theme-light */
.theme-dark .cm-qualifier {
color:#8aff80;
font-style: italic;
}
/* In HTML: changes whole e.g. <html> <div> <div/> */
/* In css selects div e.g. in div.elements, or pre in 'not(pre)' */
/* ".cm-tag.cm-bracket" will change only </> bracket color */
/* In Editor it will change also "<b>, <u>" elements within text */
.theme-dark .cm-tag {
color:#ff80bf;
}
/* In html "<!DOCTYPE html>" wil be highlighted */
/* .theme-dark .cm-meta {
color:red !important;
} */
/* In html: attribute within e.g. <div=attribute></div> */
/* In BASH: will change options e.g. -l in `ls -l` */
.theme-dark .cm-attribute {
color:#8aff80;
}
/* If '!important' is set, it will change the color of all comments */
.theme-dark .cm-comment {
color: #6272a4 !important;
}
/* String e.g. a whole sentence within " Sample Sentece" */
.theme-dark .cm-string {
color:#ffff80;
}
/* Some <div> elements were note selecting with simple .cm-string , but this .cm-string-2 fixes it */
.theme-dark .cm-string-2 {
color:#ff80bf;
}
/* In bash it selects default commands e.g. cd, ls, grep, wc, find etc. */
.theme-dark .cm-builtin {
color:#80ffea;
}
/* ------------------------------------------------------------*/
/* ---------------- Codeblock - Reading Mode ------------------*/
/* ----------------------- .token -----------------------------*/
/* ------------------------------------------------------------*/
/* Main Properties */
.theme-dark code[class*="language-"],
.theme-dark pre[class*="language-"] {
background: #282a36 !important;
color: #f8f8f2;
font-family:'SF Mono', Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
/* font-weight: 600 !important; */
/* white-space: pre; */
word-spacing: normal;
word-break: normal;
line-height: 1.5;
/* The default is 4, but you could change it if you really, really want to */
tab-size: 2;
-webkit-hyphens: none;
hyphens: none;
}
/* What the code looks like when highlighted */
code[class*="language-"]::selection,
code[class*="language-"] ::selection,
pre[class*="language-"]::selection,
pre[class*="language-"] ::selection {
background: rgba(146, 146, 175, 0.164); /* changes background color */
color: unset; /* changes color of the highlighted text */
}
/* Properties specific to code blocks */
pre[class*="language-"] {
padding: 1em; /* this is standard */
margin: 0.5em 0; /* this is the default */
overflow: auto; /* this is standard */
border-radius: 5px; /* make codeblock edges round */
}
/**
* These are the minimum tokens you must style, you can rearrange them and/or style more tokens as you want
* The concepts behind these standard tokens, as well as some examples, can be found here: https://prismjs.com/tokens.html
*/
/* Comment */
.theme-dark .token.comment {
color: #6272a4;
}
/* In HTML e.g. <!DOCTYPE html> */
.theme-dark .token.doctype {
color: #6272a4;
}
/* Punctuation such as brackets, parentheses, commas, and more. */
.theme-dark .token.punctuation {
color:#f8f8f2;
}
/* In BASH: color of the pipe | */
/* In css color of = : ! * </> */
/* .theme-dark .token.operator {
color: red;
} */
/* In html: attribute within e.g. <div=attribute></div> */
.theme-dark .token.attr-name {
color: #8aff80;
}
/* String e.g. a whole sentence within " Sample Sentece" */
.theme-dark .token.attr-value {
color: #ffff80;
}
/* In CSS: classname within 'class classname =' */
/* In BASH: the first command will be also highlighted,
but can be overwritten with definition of '.token.builtin'
which is token responsible for bash built in cmds */
.theme-dark .token.class-name {
color: #8aff80;
}
/* In bash it selects 'cd' , 'pwd' */
/* '!important' to overwrite .token-class-name */
.theme-dark .token.builtin {
color: #80ffea !important;
}
.theme-dark .language-bash .token.function {
color:#80ffea;
}
/* In JS: Function Name, println */
/* In Bash: if you select !important it it willl overwrite following: ls, grep, wc . Better use
'.language-bash.is-loaded .token.function' -> to target 'ls, grep, wc' */
.theme-dark .token.function {
color: #50fa7b;
}
/* Boolean: true, false*/
.theme-dark .token.boolean {
color: #9580ff;
}
/* Unknown */
/* .theme-dark .token.constant {
color: red;
} */
/* Number */
.theme-dark .token.number {
color: #9580ff;
}
/* Unit e.g. px, em */
.theme-dark .token.unit {
color: #ff80bf;
/* font-weight: bold; */
}
/* In css: e.g. @font-family {} */
.theme-dark .token.atrule {
color: #ff80bf;
}
/* e.g. var, let , const etc. */
.theme-dark .token.keyword {
color: #ff80bf;
font-weight: normal;
}
/* In CSS: properties e.g. background-color in background-color: red*/
.theme-dark .token.property {
color: #80ffea;
}
/* In html: div in <div></div> */
.theme-dark .token.tag {
color: #ff80bf;
}
/* In HTML allows to change color of brackets */
/* .theme-dark .token.tag .punctuation {
color: #ff80bf;
} */
/* !important in css*/
.theme-dark .token.important {
color: #ff80bf !important;
}
/* In css selects div e.g. in div.elements, or pre in 'not(pre)' */
.theme-dark .token.selector {
color: #ff80bf;
}
/* Fixes some elements which .selector broke */
/* Selects class in CSS */
.theme-dark .token.class {
color: #8aff80;
}
/* String e.g. a whole sentence within " Sample Sentece" */
.theme-dark .token.string {
color: #ffff80;
}
/* Method in Javscript e.g. render in ReactDOM.render*/
.theme-dark .token.method {
color:#50fa7b;
}
/* Var in css e.g. --this-is-variable */
.theme-dark .token.variable {
color: #9580ff;
}
/* In CSS: e.g. image path in background: url(pathtoimage.png) */
.theme-dark .token.url {
color: #ffb86c;
}
/* The following rules are pretty similar across themes, but feel free to adjust them */
/* The below are default in Obsidian */
.theme-dark .token.bold {
font-weight:bolder;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
.theme-dark .token.namespace {
opacity: 0.7;
}
/* LANGUAGE-SPECIFIC OVERRIDES */
/* If you'd like your theme to have overrides for specific languages, here's an example, you can remove it and/or add more overrides */
/* For Instance change -css to -javasript, for highlighting to work only on those languages */
/* .theme-dark .language-css .token.important {
color: red;
} */
/* Inline Code in Reading Mode */
p > code,
li code,
ul code,
ol code {
font-family: "Monaco", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace !important;
line-height: normal;
background: #2f2f2d !important;
color: #ff5555 !important;
border-radius: 3px;
font-size: 85%;
padding: 0.2em 0.4em;
vertical-align: baseline;
}
/* Backticks of inline code */
.cm-formatting.cm-formatting-code.cm-inline-code {
color:red !important;
padding: 0.2em 0.01em;
}
/* Inline Code in Source Mode */
.cm-inline-code {
font-family: "Monaco", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace !important;
line-height: normal;
background: #2f2f2d !important;
color: #ff5555 !important;
border-radius: 3px;
padding: 0.2em 0.4em;
vertical-align: baseline;
}
/* Testin TablesWidths */
table > thead > tr > th:nth-child(1),
table > thead > tr > th:nth-child(2),
table > thead > tr > th:nth-child(3),
table > tbody {
width: 20%;
font-size: 0.85vw;
}
:root {
--default-font: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei Light", sans-serif !important;
--font-monospace: "Monaco", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace !important;
--font-code: "Monaco", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace !important;
--font-monospace-1: "Monaco", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace !important;
--font-monospace-2: "Monaco", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace !important;
}
/*Bullet list line height in Live Mode*/
.ͼ1 .cm-scroller {
line-height: 1.5 !important;
}
.markdown-preview-view {
line-height: 1.7 !important;
}
/*
L Y T M O D E
Obsidian Theme v1.1
by Cecilia May (commissioned by Nick Milo)
────────────────────────────────────
LYT Mode is for "Linking Your Thinking".
It invokes sensemaking and lateral thinking.
It was designed by Cecilia May (https://github.com/ceciliamay)
on commission from Nick Milo for
the purpose of evolving his Cybertron theme.
Note from Nick:
This is where I do my sensemaking: in LYT Mode.
That stands for: "Linking Your Thinking" Mode.
LYT Mode is meant to encourage sensemaking and lateral thinking.
I do both my creative and analytical work in LYT Mode.
────────────────────────────────────
Support
Cecilia's Work: https://ko-fi.com/ceciliamay
README: https://github.com/nickmilo/LYT-Mode
License: MIT License
Icons: Boxicons
────────────────────────────────────
/*────────────────────────────────────
++++++++++++Variables+++++++++++++++++
────────────────────────────────────*/
:root {
/*──────────Font Families──────────*/
/* Taller Proportion */
/* --font-sans-1:
'Avenir Next', 'Inter', -apple-system
BlinkMacSystemFont, 'Segoe UI', 'Ubuntu',
Helvetica, Arial, sans-serif;
--font-monospace-1:
'JetBrains Mono', 'Fira Code', Courier, monospace; */
/* Square-y Proportion */
--font-sans-2:
'Abril Text', 'Inter', -apple-system
BlinkMacSystemFont, 'Segoe UI', 'Ubuntu',
Helvetica, Arial, sans-serif;
/* --font-monospace-2:
'DM Mono', 'Fira Code', Courier, monospace; */
--font-preview: var(--font-sans-2);
--font-editor: var(--font-sans-2);
--font-header: var(--font-sans-2);
--font-code: var(--font-monospace-2);
/* Original Obsidian Font Variables */
--default-font: var(--font-sans-2);
--mermaid-font: var(--font-sans-2);
--reveal-font: var(--font-sans-2);
/*──────────Font Weight──────────*/
--font-thin: 100;
--font-extra-light: 200;
--font-light: 300;
--font-regular: 400;
--font-medium: 500;
--font-semi-bold: 600;
--font-bold: 800;
--font-extra-bold: 900;
/*──────────Typographic Scale──────────*/
/* Based on Standard 16px */
--line-width: 42em;
--font-scale-000: 0.625rem;
--font-scale-00: 0.750rem;
--font-scale-0: 0.875rem;
--font-scale-1: 1rem;
--font-scale-2: 1.125rem;
--font-scale-3: 1.375rem;
--font-scale-4: 1.625rem;
--font-scale-5: 1.750rem;
--font-scale-6: 2rem;
--font-scale-7: 2.250rem;
--font-scale-8: 2.5rem;
--font-scale-9: 2.625rem;
--font-scale-10: 3rem;
--line-height: 1.58em;
/*──────────Tracking (Letter Spacing)──────────*/
--tracking-0: 0px;
--tracking-1: 0.16px;
--tracking-2: 0.32px;
--tracking-3: 0.64px;
--tracking-4: 1.28px;
--tracking-5: 2.56px;
/*──────────Layout Sizing──────────*/
--scale-0-0: 0px;
/* Multiples of 2 */
--scale-2-1: 2px;
--scale-2-2: 4px;
--scale-2-3: 6px;
--scale-2-4: 8px;
--scale-2-5: 10px;
--scale-2-6: 12px;
--scale-2-8: 16px;
--scale-2-9: 18px;
--scale-2-10: 20px;
--scale-2-18: 36px;
/* Multiples of 8 */
--scale-8-1: 8px;
--scale-8-2: 16px;
--scale-8-3: 24px;
--scale-8-4: 32px;
--scale-8-5: 40px;
--scale-8-6: 48px;
--scale-8-7: 54px;
--scale-8-8: 64px;
--scale-8-9: 72px;
--scale-8-10: 80px;
--scale-8-12: 96px;
--scale-8-18: 144px;
--scale-8-36: 288px;
/*──────────Duration, Transitions & Animations──────────*/
/* Duration */
--duration-none: 0;
--duration-fast-1: 120ms;
--duration-fast-2: 180ms;
--duration-moderate-1: 250ms;
--duration-moderate-2: 340ms;
--duration-slow-1: 500ms;
--duration-slow-2: 640ms;
/* Transitions & Animations */
--motion-smooth: cubic-bezier(0.65,0.05,0.36,1); /* easeInOutCubic */
--motion-delay: cubic-bezier(0.86,0,0.07,1); /* easeInOutQuint */
--motion-heavy: cubic-bezier(0.18,0.89,0.32,1.27); /* easeOutBack */
} /* End of Variables (:root) */
/*────────────────────────────────────
++++++++++++Theme Colors++++++++++++++
────────────────────────────────────*/
/*
Light Theme Not Supported :(
All Light Theme Colors will be Dark
*/
/*────────────────────────────────────
Dark Theme
────────────────────────────────────*/
.theme-light, .theme-dark {
/*─────────Original Obsidian Variables──────────*/
--background-primary: var(--color-gray-90);
--background-primary-alt: var(--color-gray-100);
--background-secondary: var(--color-gray-100);
--background-secondary-alt: var(--color-black);
--background-modifier-border: var(--color-gray-80);
--background-modifier-form-field: var(--color-black);
--background-modifier-form-field-highlighted: var(--color-blacker);
--background-modifier-box-shadow: var(--sheer-dark);
--background-modifier-cover: var(--sheer-medium);
--background-modifier-success: var(--color-green-900);
--background-modifier-error: var(--color-magenta-910);
--background-modifier-error-rgb: 235, 86, 131;
--background-modifier-error-hover: var(--color-magenta-920);
--text-normal: var(--color-gray-20);
--text-muted: var(--color-gray-40);
--text-faint: var(--color-gray-60);
--text-accent: var(--color-gray-20);
--text-accent-hover: var(--color-white);
--text-error: var(--color-magenta-910);
--text-error-hover: var(--color-magenta-900);
--text-highlight-bg: var(--color-highlight-bg);
--text-highlight-bg-active: var(--color-highlight-bg);
--text-selection: rgba(134, 169, 209, 0.233);
--text-on-accent: var(--color-white);
--interactive-normal: var(--color-blacker);
--interactive-hover: var(--color-gray-90);
--interactive-accent: var(--color-slate-900);
--interactive-accent-rgb: 239, 241, 245;
--interactive-accent-hover: var(--color-slate-700);
--interactive-success: var(--color-green-920);
--scrollbar-bg: transparent;
--scrollbar-thumb-bg: var(--color-gray-100);
--scrollbar-active-thumb-bg: var(--color-black);
/*─────────The CYBERTRON Color Palette for Dark Theme──────────*/
--color-white: hsl(220, 23%, 95%); /* SB Highlighted Text */
--color-gray: ;
--color-gray-10: hsl(225, 17%, 88%);
--color-gray-15: hsl(225, 17%, 84%);
--color-gray-20: hsl(224, 37%, 80%); /* SB Common Text & Icons on Hover */
--color-gray-30: hsl(224, 26%, 70%);
--color-gray-40: hsl(224, 17%, 68%); /* Metadata Text */
--color-gray-50: hsl(226, 10%, 47%); /* Graph Lines & Lighter Borders */
--color-gray-60: hsl(225, 14%, 55%); /* SB Common Icons & Status Bar Text */
--color-gray-70: hsl(225, 11%, 36%); /* SB Disabled Text & Titlebar */
--color-gray-80: hsl(225, 18%, 25%); /* Borders & Highlighted Shape */
--color-gray-90: hsl(225, 12%, 20%); /* Content BG */
--color-gray-100: hsl(231, 9%, 15%); /* SB Content BG & Metadata */
--color-black: hsl(230, 9%, 13%); /* Workspace BG */
--color-blacker: hsl(230, 8%, 10%);
--border-xsm: rgba(255, 255, 255, 0.25);
--border-xsm-alt: rgba(100, 100, 100, 0.25);
--shadow-xsm: rgba(0, 0, 0, 0.15);
--shadow-sm:
0px 3px 12px -2px rgba(14, 11, 11, 0.5);
--shadow-m:
0px 3px 3.1px -20px rgba(0, 0, 0, 0.2),
0px 24px 25px -20px rgba(0, 0, 0, 0.35);
--shadow-l:
0px 2px 2.3px -52px rgba(0, 0, 0, 0.448),
0px 5.6px 6.3px -52px rgba(0, 0, 0, 0.6),
0px 13.6px 15.1px -52px rgba(0, 0, 0, 0.852),
0px 45px 50px -52px rgba(0, 0, 0, 1);
--sheer-light: rgba(0, 0, 0, 0.35);
--sheer-medium: rgba(0, 0, 0, 0.65);
--sheer-dark: rgba(0, 0, 0, 0.95);
--color-cyan: var(--color-cyan-500);
--color-cyan-300: hsl(183, 29%, 62%);
--color-cyan-500: hsl(192, 46%, 68%);
--color-cyan-510: hsl(191, 65%, 59%); /* Nick's BrighterCyberCyan */
--color-cyan-520: hsl(191, 57%, 59%); /* Nick's CyberCyan */
--color-cyan-530: hsl(191, 54%, 64%); /* Nick's FadedCyberCyan */
--color-cyan-700: hsl(194, 50%, 47%);
--color-cyan-900: hsl(196, 27%, 41%);
--color-cyan-gradient-1:
linear-gradient(180deg,
#82b7ba, #77aeb3, #6da5ac, #629ca5,
#5a919c, #558590, #4f7984, #496d79); /* 300 -> 900 */
--color-cyan-gradient-2:
linear-gradient(180deg,
#55a6be, #509fb7, #4d98af, #4d8fa4,
#4c8698, #4c7e8e, #4a7583, #496d79); /* 700 -> 900 */
/* --color-cyan-gradient-3:
linear-gradient(180deg,
#5EC6E5, #52c1da, #5dbcd2, #5dbcd2,
#5dbcd2, #5dbcd2, #4a7583, #496d79); Nick */
/* --color-cyan-gradient-3:
linear-gradient(180deg,
#5EC6E5, #52c1da, #5dbcd2, #5dbcd2,
#44b2ca, #4a9fb9, #3a94af, #0598c5); */
--color-cyan-gradient-3:
linear-gradient(180deg,
#6de0fd, #5dd6f5, #56d3f2, #4fcfef,
#48cceb, #40c8e8, #37c5e5, #2dc1e2);
/* --color-cyan-gradient-3:
linear-gradient(180deg,
#88fbff, #78f5fc, #69edf8, #5ae5f4,
#4cdbef, #3fd1e9, #33c5e2, #28b9da); */
--color-magenta: var(--color-magenta-500);
--color-magenta-300: hsl(334, 37%, 65%);
--color-magenta-310: hsl(338, 100%, 87%);
--color-magenta-500: hsl(338, 100%, 80%);
--color-magenta-700: hsl(334, 100%, 75%);
--color-magenta-900: hsl(317, 62%, 65%);
--color-magenta-910: hsl(342, 96%, 68%);
--color-magenta-920: hsl(342, 100%, 74%);
--color-magenta-gradient-1:
linear-gradient(180deg,
#ffb1ce, #ffa3ca, #f897c4, #f88cc4,
#ef7dbe, #ea77be, #e472be, #dd6ebe); /* 300 -> 900 */
--color-magenta-gradient-2:
linear-gradient(180deg,
#ff99be, #fc91bd, #f88abd, #f483bd,
#ef7dbe, #ea77be, #e472be, #dd6ebe); /* 500 -> 900 */
--color-yellow: var(--color-yellow-700);
--color-yellow-300: hsl(61, 100%, 75%);
--color-yellow-310: hsl(61, 46%, 69%);
--color-yellow-500: hsl(59, 71%, 68%);
--color-yellow-700: hsl(58, 86%, 66%);
--color-yellow-900: hsl(59, 82%, 44%);
--color-yellow-gradient-1:
linear-gradient(180deg,
#fcff80, #fafd6b, #f9fb57, #f6f843,
#f4f430, #f0ef1e, #e4e213, #ccc914); /* 300 -> 900 */
--color-yellow-gradient-2:
linear-gradient(-90deg,
#f3ee5e, #f1ec50, #f0eb41, #eee933,
#ece725, #eae516, #dbd815, #ccc914); /* 700 -> 900 */
--color-green: var(--color-green-700);
--color-green-300: hsl(151, 100%, 81%);
--color-green-500: hsl(124, 54%, 75%);
--color-green-700: hsl(151, 72%, 65%);
--color-green-900: hsl(166, 74%, 45%);
--color-green-910: hsl(158, 85%, 45%);
--color-green-920: hsl(167, 83%, 31%);
--color-green-gradient-1:
linear-gradient(180deg,
#9effd0, #8bfcc9, #79f9c4, #67f4bf,
#57efbb, #48e8b7, #39e0b4, #2cd8b0); /* 300 -> 900 */
--color-green-gradient-2:
linear-gradient(180deg,
#a2f49a, #89f18d, #79ee8b, #69ea8d,
#59e692, #4ae299, #3bdda3, #2cd8b0); /* 500 -> 900 */
--color-purple: var(--color-purple-500);
--color-purple-300: hsl(255, 49%, 76%);
--color-purple-500: hsl(255, 100%, 86%);
--color-purple-700: hsl(260, 100%, 79%);
--color-purple-900: hsl(263, 46%, 61%);
--color-purple-910: hsl(263, 37%, 69%);
--color-purple-gradient-1:
linear-gradient(180deg,
#d9ccff, #d2c4ff, #cbbcff, #c4b4ff,
#bdabff, #b5a3ff, #ad9bff, #a593ff); /* 500 -> 700 */
--color-purple-gradient-2:
linear-gradient(180deg,
#d9ccff, #ccbafc, #c0a9f8, #b59af2,
#ab8cea, #a281e1, #9977d6, #916ec9); /* 500 -> 900 */
--color-slate: var(--color-slate-500);
--color-slate-300: hsl(220, 23%, 90%);
--color-slate-500: hsl(224, 37%, 80%);
--color-slate-700: hsl(223, 18%, 68%);
--color-slate-900: hsl(225, 14%, 40%);
--color-slate-gradient-1:
linear-gradient(180deg,
#eff1f5, #e3e6ed, #d7dce5, #ccd1dd,
#c0c7d5, #b5bccd, #aab2c5, #9fa7bc); /* 300 -> 700 */
--color-slate-gradient-2:
linear-gradient(180deg,
#b9c3df, #aab4cf, #9ca5bf, #8e97b0,
#8c96b1, #828ba5, #70778f, #656d85); /* 500 -> 900 */
--color-slate-gradient-3:
linear-gradient(180deg,
#9fa7bc, #97a0b6, #9099b1, #8892ab,
#818aa6, #7983a0, #727c9b, #6a7595); /* 700 -> 900 */
--color-highlight-text: hsl(225, 12%, 20%);
--color-highlight-bg: hsla(192, 100%, 92%, 0.596);
--color-highlight-gradient:
linear-gradient(60deg,
#d7f8ff, #d4f0fe, #d1e6fe, #cedcfd,
#cbd2fc, #c3c1fc, #c7b9f8, #c7a3ff);
--color-highlight-shadow: 0px 0px 2px #a8a47881;
} /* End of Variables (.theme-dark) */
/*────────────────────────────────────
++++++++++++Workspace++++++++++++++++
────────────────────────────────────*/
/*────────────────────────────────────
Title Bar
────────────────────────────────────*/
.titlebar-button-container.mod-left,
.titlebar-text,
.titlebar-button-container.mod-right,
.titlebar-left {
margin-top: var(--scale-0-0);
}
/*─────────Titlebar──────────*/
.titlebar {
background: var(--color-black);
}
.titlebar-text {
color: var(--color-gray-40);
}
.titlebar-button {
color: var(--color-gray-40);
display: inline-block;
-webkit-app-region: no-drag;
}
.titlebar-button.mod-back:hover,
.titlebar-button.mod-forward:hover,
.titlebar-button.mod-minimize:hover,
.titlebar-button.mod-maximize:hover {
color: var(--color-cyan-500);
background: var(--color-gray-100);
}
.titlebar-button.mod-close:hover {
color: var(--color-white);
background: var(--color-magenta-900);
}
/*────────────────────────────────────
Side Dock Ribbon
────────────────────────────────────*/
.side-dock-ribbon {
flex: 0 0 var(--scale-2-18);
display: flex;
flex-direction: column;
}
.workspace-ribbon {
overflow: hidden;
width: var(--scale-8-5);
transition: var(--duration-fast-1)
var(--motion-smooth);
}
.workspace-ribbon.is-collapsed,
.workspace-ribbon.is-collapsed.side-dock-ribbon-action {
transition: var(--duration-fast-1)
var(--motion-smooth);
}
.workspace-ribbon.mod-left.is-collapsed {
border-right: 1px solid transparent;
}
.workspace-ribbon.mod-right.is-collapsed {
border-left: 1px solid transparent;
}
/* Side Dock Ribbon Icons Sizing */
.side-dock-ribbon-action {
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-2-5)
var(--scale-0-0);
}
.workspace-ribbon.side-dock-ribbon
.workspace-ribbon-collapse-btn {
margin-top: var(--scale-2-3);
padding: var(--scale-2-4)
var(--scale-2-5);
}
.workspace-ribbon.side-dock-ribbon
.side-dock-settings {
margin-bottom: var(--scale-0-0);
}
/*─────────Side Dock Ribbon Colors──────────*/
.workspace-ribbon {
background: var(--color-black);
}
.workspace-ribbon.mod-left {
border-right: 1px solid var(--color-purple-700);
}
.workspace-ribbon.mod-right {
border-left: 1px solid var(--color-green-920);
}
.workspace-ribbon
.side-dock-ribbon-action:hover,
.workspace-ribbon-collapse-btn:hover[aria-label-position="right"] {
color: var(--color-purple-700);
}
.workspace-ribbon-collapse-btn:hover[aria-label-position="left"] {
color: var(--color-green-920);
}
.workspace-ribbon.is-collapsed {
background: var(--color-black);
}
.workspace-ribbon.is-collapsed
.side-dock-ribbon-action {
color: var(--color-gray-60);
}
.workspace-ribbon.is-collapsed
.side-dock-ribbon-action:hover {
color: var(--color-purple-700);
}
/*────────────────────────────────────
Tab Header
────────────────────────────────────*/
/*─────────Tab Header Icons──────────*/
.workspace-tab-header-container {
height: unset;
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
margin: var(--scale-2-2)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
.workspace-tab-header {
/*
Applied for All
Tab Header Icon Container
*/
height: var(--scale-2-18);
padding: var(--scale-2-2)
var(--scale-2-2)
var(--scale-2-2)
var(--scale-2-2);
margin: var(--scale-0-0)
var(--scale-2-1)
var(--scale-0-0)
var(--scale-2-1);
border-radius: var(--scale-0-0);
}
.workspace-tab-header-inner,
.workspace-tab-header-inner-icon {
padding: var(--scale-2-1)
var(--scale-2-2)
var(--scale-2-2)
var(--scale-2-2);
}
.workspace-tab-container-before {
margin: calc(-1 * var(--scale-2-4));
}
.workspace-tab-header.is-active {
border-top-left-radius: var(--scale-2-1);
border-top-right-radius: var(--scale-2-1);
}
.workspace-tab-container-before.is-before-active,
.workspace-tab-container-after.is-after-active,
.workspace-tab-header.is-before-active,
.workspace-tab-header.is-after-active {
background: transparent;
}
.workspace-tab-container-after .workspace-tab-header-inner,
.workspace-tab-container-after.is-after-active .workspace-tab-header-inner,
.workspace-tab-container-before.is-before-active .workspace-tab-header-inner,
.workspace-tab-header.is-before-active .workspace-tab-header-inner,
.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;
}
/*─────────Tab Header Icon Sizing──────────*/
body .workspace-tab-header
.workspace-tab-header-inner-icon svg {
height: var(--scale-8-2);
width: var(--scale-8-2);
}
/*─────────Tab Header Colors──────────*/
.workspace-tab-header.is-active {
color: var(--color-white);
}
.workspace-tab-header:hover
.workspace-tab-header-inner-icon svg {
color: var(--color-cyan-500);
}
.workspace-tab-header:active
.workspace-tab-header-inner-icon svg {
color: var(--color-gray-30);
}
/*────────────────────────────────────
Nav Header
────────────────────────────────────*/
/*─────────Nav Header Container──────────*/
.workspace-split.mod-left-split .nav-header,
.workspace-split.mod-right-split .nav-header {
padding: 8px;
height: 42px;
}
/*────────────────────────────────────
Tab Content
────────────────────────────────────*/
/*─────────Tab Content Margin & Border Fix──────────*/
.workspace-split.mod-left-split .workspace-tabs .workspace-leaf {
margin-left: var(--scale-2-3);
margin-right: var(--scale-2-3);
border-radius: var(--scale-2-1);
}
.workspace-split.mod-right-split .workspace-tabs .workspace-leaf {
margin-left: var(--scale-2-3);
margin-right: var(--scale-2-3);
border-radius: var(--scale-2-1);
}
.workspace-tabs {
padding-right: 0px;
}
/*─────────Vault Title──────────*/
.nav-folder.mod-root > .nav-folder-title {
font-size: var(--font-scale-0);
font-family: 'SF Pro Display';
background: var(--background-secondary);
top: 0;
width: 100%;
position: sticky;
justify-content: center;
padding: var(--scale-2-2)
var(--scale-2-2)
var(--scale-2-2)
var(--scale-2-2);
border-radius: 0;
border-top: 1px solid var(--color-gray-90);
border-bottom: 1px solid var(--color-gray-90);
margin-bottom: var(--scale-2-4);
z-index: 2;
}
.nav-folder.mod-root > .nav-folder-title:hover {
color: var(--color-white) !important;
background: var(--background-secondary) !important;
cursor: default;
}
/*─────────Starred Files──────────*/
.item-list {
flex-grow: 1;
padding-bottom: 20px;
overflow-y: auto;
}
/*─────────View Content──────────*/
.workspace-split.mod-left-split .view-content,
.workspace-split.mod-right-split .view-content {
height: 100%;
overflow: auto;
padding: var(--scale-2-4)
var(--scale-0-0)
var(--scale-2-4)
var(--scale-0-0);
}
/*─────────Container for Outgoing Links and Backlinks Tab──────────*/
.node-insert-event {
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-8-4)
var(--scale-0-0);
}
.outgoing-link-item {
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-8-2);
}
.backlink-pane .search-result-container {
margin-left: var(--scale-8-2);
}
/* Outgoing Links and Backlinks Tab Colors */
.outgoing-link-item {
border-left: 1px solid var(--background-modifier-border);
}
.tree-item-self:hover .tree-item-inner-subtext {
color: var(--color-gray-20);
}
.backlink-pane .search-result-container {
border-left: 1px solid var(--background-modifier-border);
}
/*─────────Tags Tab──────────*/
.tag-container {
font-size: var(--font-scale-0);
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
overflow: auto;
}
/*─────────Outline Tab──────────*/
.outline {
font-size: var(--font-scale-0);
}
/*─────────Search Results Container──────────*/
.search-result-container {
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
.search-results-children {
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
.search-result-file-match {
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-2-3);
}
.search-result-file-matches {
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
margin: var(--scale-2-2)
var(--scale-0-0)
var(--scale-2-2)
var(--scale-0-0);
}
.search-result-file-match {
border-radius: 0;
}
.search-result-file-match::after {
padding: 0;
}
.search-result:last-child
.search-result-file-matches {
margin-bottom: var(--scale-2-2);
}
.tree-item.search-result {
margin: 0;
}
.search-result-hover-button {
border-radius: var(--scale-2-1);
}
/* Search Results Container Colors */
.search-result-file-match:hover {
color: var(--color-white);
background: var(--color-gray-80);
}
/*─────────Tree Items for Tabs──────────*/
.tree-item-self {
font-size: var(--font-scale-0);
line-height: calc(var(--line-height) - 0.3rem);
border-radius: var(--scale-2-1);
padding: var(--scale-2-1)
var(--scale-0-0)
var(--scale-0-0)
calc(1px + var(--scale-2-5));
}
.tree-item-flair {
font-size: var(--font-scale-000);
font-variant-numeric: tabular-nums;
font-family: var(--font-code);
padding: var(--scale-2-1)
var(--scale-2-2)
var(--scale-0-0)
var(--scale-2-2);
margin-right: var(--scale-2-3);
border-radius: var(--scale-2-1);
vertical-align: -1px;
}
.tree-item-self .tree-item-icon {
align-self: initial;
padding-left: var(--scale-2-8);
}
.tree-item-children {
margin-left: var(--scale-8-2);
}
/*~ Tree Items for Tabs Colors ~*/
.tree-item-self {
color: var(--color-gray-40);
background: transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
}
.tree-item-self.is-clickable:hover {
color: var(--color-cyan-500);
background: var(--color-gray-90);
border: 1px solid var(--color-cyan-500);
}
.tree-item-self.is-clickable:hover .tree-item-icon {
color: var(--color-cyan-500);
}
.tree-item-self.is-clickable:active {
color: var(--color-gray-50);
background: var(--color-blacker);
border: 1px solid var(--color-gray-50);
}
.tree-item-self.is-clickable:active .tree-item-icon {
color: var(--color-gray-50);
}
.tree-item-self.is-clickable
.tree-item-flair {
color: var(--color-gray-40);
background: var(--color-black);
}
.tree-item-self.is-clickable:hover
.tree-item-flair {
color: var(--color-white);
background: var(--color-gray-100);
}
/* Tree Items Relationship Lines
except Graph View */
div.search-result-container
.tree-item-self:not(.search-result-file-title.tree-item-self),
.tree-item-children .tag-pane-tag,
.view-content .outline .tree-item-children {
border-left: 1px solid var(--background-modifier-border);
}
div.search-result-container
.tree-item-self:not(graph-controls .tree-item-children):hover {
border-left: 1px solid var(--color-cyan-500);
}
/*────────────────────────────────────
File Explorer
────────────────────────────────────*/
.nav-file-title,
.nav-folder-title,
.nav-vault-title,
.nav-folder-title {
border-radius: var(--scale-0-0);
}
.nav-folder-title {
color: var(--color-gray-10);
font-weight: var(--font-medium);
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-8-3);
}
.nav-file-title {
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-2-4);
transition: padding
var(--duration-fast-2)
var(--motion-smooth);
}
.nav-file-title, .nav-folder-title {
width: auto;
text-overflow: unset;
white-space: normal;
border-radius: var(--scale-2-1);
}
.nav-file-title-content,
.nav-folder-title-content {
line-height: calc(var(--line-height) - 0.5rem);
}
.nav-folder-children .nav-folder-children {
padding-left: 0;
margin-left: var(--scale-8-2);
}
.pane-empty,
.search-empty-state {
font-size: var(--font-scale-0);
}
/* Searches in File Explorer */
.tree-item-self.search-result-file-title .tree-item-flair {
font-weight: var(--font-regular);
}
/*─────────File Explorer Colors──────────*/
/* File and Folder Relationship Lines for File Explorer */
.nav-folder-children .nav-folder-children {
border-left: 1px solid var(--background-modifier-border);
}
.nav-folder-title,
.nav-file-title {
border: 1px solid transparent;
}
/* .nav-folder-title:hover, */
.nav-file-title:hover {
color: var(--color-cyan-500) !important;
background: var(--color-gray-90) !important;
border: 1px solid var(--color-cyan-500) !important;
}
.nav-folder-title:hover .nav-folder-collapse-indicator.collapse-icon {
color: var(--color-cyan-500) !important;
}
/* don't remove !important */
.nav-folder-title:active,
.nav-file-title:active {
color: var(--color-gray-70) !important;
background: var(--color-blacker) !important;
border: 1px solid var(--color-gray-70) !important;
}
.nav-folder-title:active .nav-folder-collapse-indicator.collapse-icon {
color: var(--color-gray-70) !important;
}
.nav-file-title.is-active {
color: var(--color-cyan-500);
font-weight: var(--font-medium);
background: var(--color-gray-90);
border: 1px solid var(--color-cyan-500);
}
/* Searches in File Explorer Colors */
.search-result-file-matched-text {
color: var(--color-highlight-text);
background: var(--color-highlight-gradient);
filter: drop-shadow(var(--color-highlight-shadow));
border-radius: var(--scale-2-1);
padding-left: 1px;
padding-right: 1px;
}
/*────────────────────────────────────
Status Bar
────────────────────────────────────*/
.status-bar {
max-height: unset;
min-width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
margin: auto;
bottom: 0;
padding: var(--scale-2-1)
var(--scale-2-4)
var(--scale-0-0)
var(--scale-2-4);
}
.status-bar-item {
font-family: var(--default-font);
font-variant-numeric: tabular-nums;
padding: var(--scale-0-0)
var(--scale-2-4)
var(--scale-0-0)
var(--scale-2-4);
}
.status-bar-item:last-child {
padding-right: 0;
}
.status-bar-item-icon {
vertical-align: initial;
}
/*─────────Status Bar Colors──────────*/
.status-bar {
color: var(--color-gray-70);
background-color: var(--color-black);
border: 1px solid var(--color-d-gray-50);
}
.status-bar-item {
color: var(--color-gray-40);
}
.status-bar-item.mod-clickable:hover,
.status-bar-item:hover {
color: var(--color-gray-20);
}
/* Sync Icons for Status Bar ~*/
.sync-status-icon.mod-working svg {
color: var(--color-gray-40);
height: var(--scale-8-2);
width: var(--scale-8-2);
}
.sync-status-icon.mod-working:hover svg {
color: var(--color-magenta-900);
height: var(--scale-8-2);
width: var(--scale-8-2);
}
.sync-status-icon.mod-success svg {
color: var(--color-gray-40);
height: var(--scale-8-2);
width: var(--scale-8-2);
}
.sync-status-icon.mod-success:hover svg {
color: var(--color-green-920);
}
/*────────────────────────────────────
++++++++++++++++++++++++++++++++++++++
Content / Active Note / Opened Notes
++++++++++++++++++++++++++++++++++++++
──────────────────────────────────────*/
/* Curved Top Corners in Active Note Pane Fix */
.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-radius: 0;
}
/* Active Note Panel -> is Highlighted (Unlink Pane) */
.workspace-leaf.is-highlighted::before {
background: var(--color-cyan-900);
opacity: 0.3;
}
.workspace-drop-overlay.mod-drag {
background: var(--color-cyan-900);
opacity: 0.3;
border-radius: 0;
}
/*────────────────────────────────────
Note Header
────────────────────────────────────*/
.view-header,
.workspace-leaf.mod-active .view-header,
.workspace-split.mod-root >
.workspace-leaf:first-of-type:last-of-type
.view-header {
height: calc(4px + var(--scale-2-18));
}
.view-header-title {
font-size: var(--font-scale-1);
}
.workspace-leaf .view-header-title-container:after {
display: none;
}
.view-header-icon,
.view-header-title,
.view-action {
margin-top: 2px;
}
/* Some Fixes on Tiny Padding Issues */
.workspace-split.mod-vertical.mod-root
.workspace-leaf {
padding-right: 0;
}
/*─────────Note Header Colors─────────*/
/* don't remove !important */
.view-header,
.workspace-leaf.mod-active .view-header {
border-top: var(--scale-2-2)
solid
var(--color-yellow-700);
border-left: none !important;
border-right: none;
border-bottom: none !important;
background: var(--background-primary) !important;
}
/* Non-active Notes Icon Colors */
.workspace-leaf:not(.workspace-leaf.mod-active)
.view-header .view-header-icon,
.workspace-leaf:not(.workspace-leaf.mod-active)
.view-header .view-action {
color: var(--text-muted);
}
.workspace-leaf:not(.workspace-leaf.mod-active)
.view-header .view-header-icon:hover,
.workspace-leaf:not(.workspace-leaf.mod-active)
.view-header .view-action:hover {
color: var(--text-normal);
}
.workspace-leaf:not(.workspace-leaf.mod-active)
.view-header .view-header-icon:active,
.workspace-leaf:not(.workspace-leaf.mod-active)
.view-header .view-action:active {
color: var(--text-faint);
}
.workspace-leaf:not(.workspace-leaf.mod-active)
.view-header {
border-top: 1px solid var(--text-muted);
}
.workspace-leaf:not(.workspace-leaf.mod-active)
.view-header-title {
color: var(--text-muted);
}
/* Non-active Notes Action Icons */
.workspace-leaf:not(.workspace-leaf.mod-active)
.view-header .view-header-icon {
color: var(--text-muted);
}
/* Action Icons for All Notes */
.workspace-leaf.mod-active .view-header-title,
.workspace-leaf.mod-active .view-action,
.workspace-leaf.mod-active .view-header-icon {
color: var(--color-yellow-500);
}
.workspace-leaf.mod-active .view-action:hover,
.workspace-leaf.mod-active .view-header-icon:hover {
color: var(--color-gray-20);
}
.workspace-leaf.mod-active .view-action:active,
.workspace-leaf.mod-active .view-header-icon:active {
color: var(--text-faint);
}
/*────────────────────────────────────
Editor
────────────────────────────────────*/
.markdown-source-view.is-readable-line-width
.CodeMirror {
max-width: calc(25px + 700px);
}
.markdown-source-view div.cm-line,
.cm-s-obsidian pre.CodeMirror-line {
padding-left: 0;
padding-right: 0;
}
.CodeMirror-lines {
padding-top: 16px;
}
.markdown-source-view.is-live-preview div.cm-content {
padding-top: calc(-2px + var(--scale-8-1));
}
/* Markdown List Editor Padding Fix */
.cm-s-obsidian .HyperMD-list-line.CodeMirror-line,
.cm-s-obsidian .HyperMD-list-line.cm-line {
padding-top: 0;
}
/*────────────────────────────────────
Typography
────────────────────────────────────*/
/*──────────Body Typography Base & Reset──────────*/
* {
font-optical-sizing: auto;
}
/* Editor */
.markdown-source-view {
font-optical-sizing: auto;
font-family: var(--font-editor);
line-height: var(--line-height);
letter-spacing: var(--tracking-0);
text-shadow: none;
}
.cm-s-obsidian .HyperMD-header {
padding-bottom: initial;
}
/* Caret Cursor */
.theme-light, .theme-dark {
--color-caret: var(--color-slate-500);
}
.CodeMirror-cursor,
.cm-s-obsidian .cm-cursor,
.cm-s-obsidian .cm-cursor-primary {
border-image: none;
border-color: var(--color-caret);
border-left-width: 2px;
/* transition: all 0.05s; */
}
/* Thicker Avenir Next Body Text */
.markdown-source-view,
.markdown-preview-view {
font-weight: var(--font-medium);
}
/* Colors */
.theme-light,
.theme-dark {
--md-color-text: var(--color-cyan-530);
--md-color-text-muted: var(--color-cyan-700);
--md-color-text-faint: var(--color-cyan-900);
--md-color-bold: var(--color-yellow-500);
--md-color-italic: var(--color-purple-500);
--md-color-bolditalic: var(--color-gray-10);
--md-color-strikethrough: var(--text-faint);
--md-color-highlight-text: var(--color-highlight-text);
--md-color-highlight-bg: var(--color-highlight-gradient);
--md-color-comment: var(--color-gray-15);
--md-color-footnote: var(--color-gray-50);
--md-color-link: var(--color-magenta-700);
--md-color-link-hover: var(--color-magenta-310);
--md-color-link-active: var(--color-magenta-900);
--md-color-blockquotes: var(--md-color-text);
--md-color-blockquotes-border: var(--color-purple-900);
--md-color-tag: var(--color-green-700);
--md-color-tag-hover: var(--color-green-300);
--md-color-tag-active: var(--color-green-900);
--md-color-code-cyan: var(--color-cyan-300);
--md-color-code-magenta: var(--color-magenta-300);
--md-color-code-yellow: var(--color-yellow-310);
--md-color-code-purple: var(--color-purple-910);
--md-color-code-green: var(--color-green-500);
--md-color-code-slate: var(--color-slate-900);
--md-color-code-gray: var(--color-slate-500);
--md-color-code-white: var(--color-slate-300);
--md-color-border: rgb(66, 71, 80);
}
.theme-light .workspace-split.mod-vertical.mod-root,
.theme-dark .workspace-split.mod-vertical.mod-root {
--background-modifier-border: var(--md-color-border);
}
.markdown-source-view,
.markdown-preview-view {
color: var(--md-color-text);
}
/*────────────────────────────────────
Note Markdown
────────────────────────────────────*/
/*──────────Headings──────────*/
/* Header Sizing */
/* Cecilia's Sizing
:root {
--h1-size: var(--font-scale-7);
--h2-size: var(--font-scale-6);
--h3-size: var(--font-scale-5);
--h4-size: var(--font-scale-4);
--h5-size: var(--font-scale-4);
--h6-size: var(--font-scale-4);
--header-line-height: calc(0.8 * var(--line-height));
}
*/
:root {
--h1-size: 1.750rem;
--h2-size: 1.688rem;
--h3-size: 1.563rem;
--h4-size: 1.438rem;
--h5-size: 1.313rem;
--h6-size: 1.188rem;
--header-line-height: calc(0.8 * var(--line-height));
}
.markdown-preview-view .heading-collapse-indicator {
padding-right: 0;
padding-left: var(--scale-2-4);
}
.cm-header-1,
.cm-inline-code.cm-header-1,
.markdown-preview-view h1 {
font-family: var(--font-header);
font-size: var(--h1-size);
font-weight: var(--font-bold);
line-height: var(--header-line-height);
}
.cm-header-2,
.cm-s-obsidian .cm-inline-code.cm-header-2,
.markdown-preview-view h2 {
font-family: var(--font-header);
font-size: var(--h2-size);
font-weight: var(--font-bold);
line-height: var(--header-line-height);
}
.cm-header-3,
.cm-s-obsidian .cm-inline-code.cm-header-3,
.markdown-preview-view h3 {
font-family: var(--font-header);
font-size: var(--h3-size);
font-weight: var(--font-bold);
line-height: var(--header-line-height);
}
.cm-header-4,
.cm-s-obsidian .cm-inline-code.cm-header-4,
.markdown-preview-view h4 {
font-family: var(--font-header);
font-size: var(--h4-size);
font-weight: var(--font-bold);
line-height: var(--header-line-height);
}
.cm-header-5,
.cm-s-obsidian .cm-inline-code.cm-header-5,
.markdown-preview-view h5 {
font-family: var(--font-header);
font-size: var(--h5-size);
font-weight: var(--font-bold);
line-height: var(--header-line-height);
}
.cm-header-6,
.cm-s-obsidian .cm-inline-code.cm-header-6,
.markdown-preview-view h6 {
font-family: var(--font-header);
font-size: var(--h6-size);
font-weight: var(--font-bold);
line-height: var(--header-line-height);
}
/* Header Colors */
:root {
--header-shadow-size: 0px 4px 3px;
--header-shadow-color: rgb(31, 31, 31);
}
.cm-header-1,
.markdown-preview-view h1,
.markdown-preview-view h1 code {
color: hsl(31, 100%, 71%);
}
.cm-header-2,
.markdown-preview-view h2,
.markdown-preview-view h2 code {
color: hsl(326, 100%, 74%);
}
.cm-header-3,
.markdown-preview-view h3,
.markdown-preview-view h3 code {
color: #bd93f9;
}
.cm-header-4,
.markdown-preview-view h4,
.markdown-preview-view h4 code {
color: #8be9fd;
}
.cm-header-5,
.markdown-preview-view h5,
.markdown-preview-view h6 code {
color: #50fa7b;
}
.cm-header-6,
.markdown-preview-view h6,
.markdown-preview-view h6 code {
color: #f1fa8c;
}
/*──────────Emphasis──────────*/
/* Bold */
.cm-strong,
.markdown-preview-view strong {
color: var(--md-color-bold);
}
/* Italic */
.cm-em,
.markdown-preview-view em {
color: var(--md-color-italic);
}
/* Strikethrough */
.cm-strikethrough,
.markdown-preview-view del {
color: var(--md-color-strikethrough);
}
.cm-strikethrough:hover,
.markdown-preview-view del:hover {
text-decoration: none;
}
.markdown-preview-view h1 del,
.markdown-preview-view h2 del,
.markdown-preview-view h3 del,
.markdown-preview-view h4 del,
.markdown-preview-view h5 del,
.markdown-preview-view h6 del {
color: var(--md-color-strikethrough);
background: none;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
}
/* Highlight */
/* .cm-s-obsidian span.cm-highlight,
.markdown-preview-view mark {
background: var(--md-color-highlight-bg);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(var(--color-highlight-shadow));
}
.markdown-source-view.is-live-preview
.cm-header.cm-formatting-highlight {
background: var(--md-color-highlight-bg);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(var(--color-highlight-shadow));
} */
/* Comments */
.cm-s-obsidian span.cm-comment {
color: var(--md-color-comment);
}
/*──────────Mixed Emphasis──────────*/
/* Bold & Italic */
.cm-strong.cm-em,
.markdown-preview-view strong em {
color: var(--md-color-bolditalic);
}
/*──────────Markdown Formatting──────────*/
span.cm-formatting:not(.cm-header),
.cm-s-obsidian span.cm-comment-start,
.cm-s-obsidian span.cm-comment-end,
.cm-s-obsidian span.cm-formatting-math.cm-keyword,
.cm-s-obsidian span.cm-formatting-link.cm-link,
.cm-s-obsidian span.cm-formatting-escape,
.cm-s-obsidian span.cm-formatting-link-string.cm-string.cm-url {
color: var(--color-gray-60);
filter: none;
}
span.cm-formatting-header,
span.cm-header.cm-formatting-link-start,
span.cm-header.cm-formatting-link-end,
span.cm-header.cm-formatting.cm-link,
span.cm-header.cm-formatting.cm-string.cm-url {
color: var(--color-gray-60);
background: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
filter: none;
}
span.cm-formatting.cm-highlight,
.markdown-source-view.is-live-preview
.cm-header.cm-formatting-highlight,
.markdown-source-view .cm-header.cm-formatting-strong,
.markdown-source-view .cm-header.cm-formatting-em {
color: var(--color-gray-60);
background: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
filter: initial;
}
.markdown-source-view .cm-header.cm-formatting-strikethrough,
.markdown-source-view .cm-header.cm-strikethrough {
background: initial;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
}
span.cm-quote.cm-formatting.cm-strong,
span.cm-quote.cm-formatting.cm-em,
span.cm-quote.cm-formatting.cm-highlight,
span.cm-quote.cm-formatting.cm-strikethrough {
color: var(--color-gray-60);
}
.cm-s-obsidian span.cm-quote.cm-formatting-quote {
color: var(--color-purple-910);
}
/*──────────Links──────────*/
.cm-s-obsidian span.cm-url,
.cm-s-obsidian span.cm-link,
.cm-s-obsidian span.cm-link span.cm-underline,
.cm-s-obsidian span.cm-hmd-internal-link,
.cm-s-obsidian span.cm-hmd-internal-link span.cm-underline,
.cm-s-obsidian span.cm-hmd-footnote.cm-link,
.cm-s-obsidian span.cm-blockid,
a,
.cm-s-obsidian span.cm-url:hover,
.cm-s-obsidian span.cm-link:hover,
.cm-s-obsidian span.cm-link span.cm-underline:hover,
.cm-s-obsidian span.cm-hmd-internal-link:hover,
.cm-s-obsidian span.cm-hmd-internal-link span.cm-underline:hover,
.cm-s-obsidian span.cm-hmd-footnote.cm-link:hover,
.cm-s-obsidian span.cm-blockid:hover,
.markdown-preview-view a.internal-link,
.markdown-preview-view a.external-link {
text-decoration: none;
color: var(--md-color-link);
}
.cm-s-obsidian span.cm-url:hover,
.cm-s-obsidian span.cm-link:hover,
.cm-s-obsidian span.cm-link span.cm-underline:hover,
.cm-s-obsidian span.cm-hmd-internal-link:hover,
.cm-s-obsidian span.cm-hmd-internal-link span.cm-underline:hover,
.cm-s-obsidian span.cm-hmd-footnote.cm-link:hover,
.cm-s-obsidian span.cm-blockid:hover,
a:hover {
text-decoration: none;
}
.markdown-preview-view a.internal-link:hover,
.markdown-preview-view a.external-link:hover {
text-decoration: none;
color: var(--md-color-link-hover);
}
.markdown-preview-view a.internal-link:active,
.markdown-preview-view a.external-link:active {
text-decoration: none;
color: var(--md-color-link-active);
}
.cm-s-obsidian span.cm-url,
a.internal-link.is-unresolved {
text-decoration: none;
}
.external-link {
background-size: 10px;
padding-right: 13px;
background-position-y: 2px;
}
/* Linked Header Colors */
.cm-s-obsidian span.cm-header.cm-hmd-internal-link, /*Editor Internal Link*/
.cm-s-obsidian span.cm-header.cm-link, /* Editor External Link */
.markdown-preview-view h1 a.internal-link,
.markdown-preview-view h2 a.internal-link,
.markdown-preview-view h3 a.internal-link,
.markdown-preview-view h4 a.internal-link,
.markdown-preview-view h5 a.internal-link,
.markdown-preview-view h6 a.internal-link,
.markdown-preview-view h1 a.external-link,
.markdown-preview-view h2 a.external-link,
.markdown-preview-view h3 a.external-link,
.markdown-preview-view h4 a.external-link,
.markdown-preview-view h5 a.external-link,
.markdown-preview-view h6 a.external-link {
text-decoration: none;
/* color: #ff5555 !important; */
background: none;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
}
/*──────────Blockquotes──────────*/
.markdown-preview-view blockquote {
margin-left: var(--scale-8-1);
margin-right: 0;
border-radius: var(--scale-0-0);
border-top: none;
border-right: none;
border-bottom: none;
}
/* Blockquotes Colors */
.markdown-source-view.mod-cm6.is-live-preview .HyperMD-quote,
.markdown-source-view.mod-cm6 .cm-blockquote-border,
.markdown-preview-view blockquote {
border-color: var(--md-color-blockquotes-border);
border-left-width: var(--scale-2-1);
}
.markdown-preview-view blockquote {
background: var(--background-secondary);
}
.cm-s-obsidian span.cm-quote {
color: var(--md-color-blockquotes);
}
span.cm-formatting-quote {
color: var(--md-color-blockquotes-border);
}
span.cm-quote.cm-strong {
color: var(--md-color-bold);
}
span.cm-quote.cm-em {
color: var(--md-color-italic);
}
span.cm-quote.cm-strikethrough {
color: var(--md-color-strikethrough);
}
/*──────────Tags──────────*/
.cm-s-obsidian span.cm-hashtag,
.tag {
text-decoration: none;
color: var(--md-color-tag);
}
.tag:hover {
color: var(--md-color-tag-hover);
}
.tag:active {
color: var(--md-color-tag-active);
}
/*──────────Lists──────────*/
span.cm-formatting.cm-formatting-list,
span.list-bullet,
li::marker {
color: var(--color-purple-910);
font-size: calc(1px + var(--font-scale-0));
font-variant-numeric: tabular-nums;
font-weight: var(--font-bold);
text-align: left;
vertical-align: 0px;
}
.markdown-preview-view
.list-collapse-indicator {
padding-left: 0;
padding-right: 0;
}
/* Ordered List / Number List */
ol {
list-style-type: decimal;
margin-left: var(--scale-0-0);
}
ol ol {
list-style-type: lower-alpha;
}
ol ol ol {
list-style-type: decimal;
}
ol ol ol ol {
list-style-type: lower-alpha;
}
ol ol ol ol ol {
list-style-type: decimal;
}
ol ol ol ol ol ol {
list-style-type: lower-alpha;
}
ol ol ol ol ol ol ol {
list-style-type: decimal;
}
ol ol ol ol ol ol ol ol {
list-style-type: lower-alpha;
}
ol ol ol ol ol ol ol ol ol {
list-style-type: decimal;
}
ol ol ol ol ol ol ol ol ol ol {
list-style-type: lower-alpha;
}
ol ol ol ol ol ol ol ol ol ol ol {
list-style-type: decimal;
}
ol ol ol ol ol ol ol ol ol ol ol ol {
list-style-type: lower-alpha;
}
ol ol ol ol ol ol ol ol ol ol ol ol ol {
list-style-type: decimal;
}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol {
list-style-type: lower-alpha;
}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {
list-style-type: decimal;
}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {
list-style-type: lower-alpha;
}
/* Unordered List / Bullet List */
ul {
list-style-type: disc;
}
ul ul {
list-style-type: disc;
}
ul ul ul {
list-style-type: circle;
}
ul ul ul ul {
list-style-type: "▪ ";
}
ul ul ul ul ul {
list-style-type: "– ";
}
ul ul ul ul ul ul {
list-style-type: disc;
}
ul ul ul ul ul ul ul {
list-style-type: disc;
}
ul ul ul ul ul ul ul ul {
list-style-type: circle;
}
ul ul ul ul ul ul ul ul ul {
list-style-type: "▪ ";
}
ul ul ul ul ul ul ul ul ul ul {
list-style-type: "– ";
}
ul ul ul ul ul ul ul ul ul ul ul {
list-style-type: disc;
}
ul ul ul ul ul ul ul ul ul ul ul ul {
list-style-type: disc;
}
ul ul ul ul ul ul ul ul ul ul ul ul ul {
list-style-type: circle;
}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
list-style-type: "▪ ";
}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
list-style-type: "– ";
}
/*──────────Checkboxes──────────*/
input[type=checkbox] {
-webkit-appearance: none;
background: var(--color-black);
margin-bottom: 6px;
border: 1px solid var(--md-color-border);
border-radius: var(--scale-2-1);
box-shadow: 0px 1px 0px var(--shadow-xsm);
}
input[type=checkbox]:hover {
background: var(--color-gray-70);
cursor: pointer;
}
input[type=checkbox]:active {
background: var(--color-blacker);
}
input[type=checkbox]:checked {
background: transparent;
border: 1px solid var(--border-xsm);
background-position: center;
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="%237c849c"><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>');
}
ul.contains-task-list {
padding-left: var(--scale-8-3);
}
/* Markdown Checkboxes in Preview Fix */
.markdown-preview-view input[type=checkbox] {
margin-top: 0;
margin-bottom: 0;
}
/*──────────Gutter Line Numbers──────────*/
.CodeMirror-guttermarker-subtle {
margin-top: -3px;
}
.cm-gutter.cm-foldGutter {
margin-top: 3px;
}
.CodeMirror-linenumber,
.cm-lineNumbers {
font-family: var(--font-code);
font-size: var(--font-scale-0);
font-variant-numeric: tabular-nums;
vertical-align: middle;
}
.markdown-source-view .cm-active div.cm-gutterElement {
color: var(--md-color-code-white);
}
/*──────────Horizontal Rule──────────*/
.theme-light span.cm-hr,
.theme-dark span.cm-hr {
color: var(--md-color-border);
}
.markdown-preview-view hr {
border-width: 1px;
}
/*────────────────────────────────────
Embeds
────────────────────────────────────*/
/*──────────Images──────────*/
.workspace-leaf-content img:not([width]),
.view-content .markdown-preview-view img {
max-width: 100%;
}
.markdown-source-view.is-live-preview img,
.markdown-preview-view img {
border: 1px solid var(--border-xsm-alt);
box-shadow: 0px 4px 6px -1px var(--shadow-xsm);
transition: var(--duration-moderate-1)
var(--motion-smooth);
}
.markdown-source-view.is-live-preview img:hover,
.markdown-preview-view img:hover {
box-shadow: var(--shadow-m);
transform: translate3d(0, -4px, 0);
transition: var(--duration-moderate-1)
var(--motion-smooth);
}
/*──────────Markdown Embed──────────*/
.markdown-source-view .markdown-embed:not(.popover.hover-popover.is-loaded .markdown-embed),
.markdown-preview-view .markdown-embed:not(.popover.hover-popover.is-loaded .markdown-embed) {
border-radius: 0;
border-top: none;
border-right: none;
border-bottom: none;
border-left: 2px solid var(--color-purple-910);
outline: 1px solid var(--md-color-border);
box-shadow: 0px 4px 6px -1px var(--shadow-xsm);
transition: var(--duration-moderate-1)
var(--motion-smooth);
padding: 0 0;
}
.markdown-embed-content {
padding: var(--scale-0-0)
var(--scale-8-7)
var(--scale-0-0)
var(--scale-8-7);
}
.popover.hover-popover.is-loaded
.markdown-embed {
padding: 0 0;
}
.popover.hover-popover.is-loaded
.markdown-embed
.markdown-embed-content.markdown-embed-page{
padding: 0 0;
}
.markdown-embed:not(.popover.hover-popover.is-loaded .markdown-embed):hover {
border-left: 2px solid var(--color-purple-500);
box-shadow: var(--shadow-m);
transform: translate3d(0, -4px, 0);
transition: var(--duration-moderate-1)
var(--motion-smooth);
}
.markdown-source-view.mod-cm6 .cm-content > [contenteditable=false] {
contain: none;
}
.markdown-embed-title {
display: none;
}
.markdown-embed-link {
top: var(--scale-2-2);
right: var(--scale-2-2);
}
.markdown-embed-link:hover {
color: var(--md-color-link);
}
/*──────────Live Preview Embed──────────*/
.markdown-source-view.mod-cm6 .cm-embed-block {
border-radius: var(--scale-2-1);
border-width: 1px;
}
/*────────────────────────────────────
MermaidJS (Diagram Generator)
────────────────────────────────────*/
.mermaid svg {
width: 100%;
}
.mermaid line {
stroke: var(--border-xsm) !important;
}
.mermaid rect.actor {
stroke: var(--border-xsm) !important;
fill: var(--background-secondary) !important;
}
.mermaid tspan,
.mermaid text.messageText {
font-size: var(--font-scale-0) !important;
font-family: var(--font-code) !important;
font-weight: var(--font-regular);
stroke: none !important;
fill: var(--color-gray-10) !important;
}
.mermaid .node .label {
font-size: var(--font-scale-0);
text-align: left;
}
/*────────────────────────────────────
Markdown Table
────────────────────────────────────*/
.cm-s-obsidian .HyperMD-table-row {
font-family: var(--font-code);
font-size: var(--font-scale-0);
}
.cm-s-obsidian .HyperMD-table-row.HyperMD-table-row-0 {
color: var(--color-slate-300);
}
.markdown-preview-view table,
.markdown-preview-view table th,
.markdown-preview-view table td {
border-color: var(--md-color-border);
}
.markdown-preview-view table {
width: 100%;
box-shadow: 0px 2px 0px var(--shadow-xsm);
}
.markdown-preview-view table thead {
color: var(--color-slate-300);
background: var(--color-gray-100);
}
.markdown-preview-view table tr:nth-child(even) {
background: rgba(0, 0, 0, 0.08);
}
/*────────────────────────────────────
YAML/Metadata
────────────────────────────────────*/
/*──────────YAML──────────*/
pre.frontmatter.language-yaml {
border-radius: var(--scale-2-2);
border: 1px solid var(--border-xsm-alt);
box-shadow: 0px 1px 0px var(--shadow-xsm);
}
.markdown-source-view .cm-hmd-frontmatter,
code.language-yaml {
font-family: var(--font-code);
font-size: var(--font-scale-0);
font-variant-numeric: tabular-nums;
}
/* YAML Code Colors */
.cm-s-obsidian .cm-hmd-frontmatter,
.markdown-preview-view code.language-yaml.is-loaded {
color: var(--color-cyan-300);
}
.markdown-preview-view code.language-yaml
span.token.datetime.number {
color: var(--color-cyan-300);
}
.cm-s-obsidian div .cm-hmd-frontmatter.cm-string,
.markdown-preview-view code.language-yaml
span.token.string {
color: var(--color-magenta-300);
}
.cm-s-obsidian div .cm-hmd-frontmatter.cm-def,
.cm-s-obsidian div .cm-hmd-frontmatter.cm-atom,
.markdown-preview-view code.language-yaml
span.key.atrule {
color: var(--color-slate-700);
}
.cm-s-obsidian div .cm-hmd-frontmatter.cm-meta,
.markdown-preview-view code.language-yaml
span.token.punctuation {
color: var(--color-slate-900);
}
/*──────────Metadata──────────*/
.frontmatter-container {
border: 1px solid var(--border-xsm-alt);
box-shadow: 0px 1px 0px var(--shadow-xsm);
}
.frontmatter-container .frontmatter-container-header {
border: none;
margin-bottom: var(--scale-8-1);
}
.frontmatter-container .frontmatter-section {
border-top: 1px solid var(--border-xsm-alt);
margin-top: 0;
padding-top: var(--scale-8-1);
}
span.frontmatter-section-label {
font-family: var(--default-font);
font-size: var(--font-scale-00);
font-weight: var(--font-bold);
text-transform: uppercase;
margin-left: var(--scale-8-1);
}
.frontmatter-container .frontmatter-collapse-indicator {
margin-top: -3px;
}
/* Frontmatter Aliases */
.frontmatter-container .frontmatter-alias {
border: 1px solid var(--border-xsm-alt);
box-shadow: 0px 1px 0px var(--shadow-xsm);
}
/* Frontmatter Tags */
.frontmatter-container a.tag {
color: var(--md-color-tag);
border: 1px solid var(--border-xsm-alt);
box-shadow: 0px 1px 0px var(--shadow-xsm);
}
.frontmatter-container a.tag:hover {
color: var(--md-color-tag-hover);
border: 1px solid var(--md-color-tag);
}
.frontmatter-container a.tag:active {
color: var(--md-color-tag-active);
border: 1px solid var(--md-color-tag-active);
box-shadow: 0px 2px 0px 0px
var(--shadow-xsm) inset,
0px 0px 1px 0px var(--shadow-xsm);
}
/*────────────────────────────────────
Flashing Text (upon Search)
────────────────────────────────────*/
.cm-s-obsidian span.obsidian-search-match-highlight,
.is-flashing * {
background-color: initial;
color: var(--color-highlight-text) !important;
background: var(--color-highlight-gradient);
filter: drop-shadow(var(--color-highlight-shadow));
border-radius: var(--scale-2-1);
padding-left: 1px;
padding-right: 1px;
}
/*────────────────────────────────────
Slides
────────────────────────────────────*/
/* Slides Markdown */
.reveal h1 {
color: var(--color-yellow-700);
}
.reveal h2 {
color: var(--color-magenta-900);
}
.reveal h3 {
color: var(--color-green-700);
}
.reveal h4 {
color: var(--color-purple-700);
}
.reveal h5 {
color: var(--color-slate-500);
}
.reveal h6 {
color: var(--color-slate-900);
}
.reveal p {
color: var(--md-color-text);
}
.reveal strong {
color: var(--md-color-bold);
}
.reveal em {
color: var(--md-color-italic);
}
.reveal del {
color: var(--md-color-strikethrough);
}
.reveal mark {
color: var(--md-color-highlight-text);
background: var(--md-color-highlight-bg);
border-radius: var(--scale-2-1);
}
.reveal a.internal-link,
.reveal a.external-link {
color: var(--md-color-link);
}
.reveal a.internal-link:hover,
.reveal a.external-link:hover {
color: var(--md-color-link-hover);
}
.reveal a.internal-link:active,
.reveal a.external-link:active {
color: var(--md-color-link-active);
}
/* Slides UI */
.reveal {
background: var(--background-primary);
}
.reveal .progress {
height: var(--scale-8-1);
color: var(--color-yellow-310);
}
.reveal .controls {
color: var(--color-slate-700);
}
/*────────────────────────────────────
Publish
────────────────────────────────────*/
/* TODO */
/*────────────────────────────────────
++++++++++++++++++++++++++++++++++++++
Graph View
++++++++++++++++++++++++++++++++++++++
──────────────────────────────────────*/
.workspace-leaf-content[data-type="graph"]
.view-content {
padding: 0;
}
.graph-controls {
padding: var(--scale-2-3)
var(--scale-2-8)
var(--scale-2-3)
var(--scale-2-3);
margin-top: var(--scale-2-2);
margin-left: var(--scale-2-2);
border-radius: var(--scale-0-0);
}
.graph-controls.is-close {
padding: 0;
margin-top: var(--scale-2-2);
margin-left: var(--scale-2-2);
border-radius: var(--scale-0-0);
}
.graph-controls.is-close .graph-controls-button.mod-open,
.graph-controls.is-close .graph-controls-button.mod-animate {
padding: var(--scale-2-4)
var(--scale-2-4)
var(--scale-2-4)
var(--scale-2-4);
margin: 0;
}
.graph-controls .setting-item-name {
font-size: var(--font-scale-0);
}
/*─────────Graph View Colors──────────*/
/*~ Graph View Nodes ~*/
.theme-light,
.theme-dark {
--graph-color-node-resolved: var(--color-yellow-700);
--graph-color-node-unresolved: var(--color-purple-900);
--graph-color-node-tag: var(--color-cyan-700);
--graph-color-node-attachment: var(--color-slate-500);
--graph-color-node-focused: var(--color-magenta-900);
--graph-color-node-border-hover: var(--color-white);
--graph-color-arrow: var(--graph-color-line);
--graph-color-line: var(--color-cyan-900);
--graph-color-line-hover: var(--color-gray-40);
--graph-color-text: var(--color-slate-300);
}
.graph-view.color-fill {
color: var(--graph-color-node-resolved);
}
.graph-view.color-fill-unresolved {
color: var(--graph-color-node-unresolved);
opacity: 1;
}
.theme-light .graph-view.color-fill-tag,
.theme-dark .graph-view.color-fill-tag {
color: var(--graph-color-node-tag);
opacity: 1;
}
.theme-light .graph-view.color-fill-attachment,
.theme-dark .graph-view.color-fill-attachment {
color: var(--graph-color-node-attachment);
opacity: 1;
}
/* Focused Node */
.graph-view.color-fill-focused {
color: var(--graph-color-node-focused);
}
.graph-view.color-arrow {
color: var(--graph-color-arrow);
opacity: 1;
}
.graph-view.color-line {
color: var(--graph-color-line);
opacity: 1;
}
.graph-view.color-text {
color: var(--graph-color-text);
}
/* Nodes on Hover */
.graph-view.color-circle {
color: var(--graph-color-node-border-hover);
opacity: 1;
}
.graph-view.color-line-highlight {
color: var(--graph-color-line-hover);
}
/*~ Graph View Controls Colors ~*/
.graph-controls {
background-color: var(--color-gray-100);
color: var(--color-gray-30);
border: 1px solid var(--color-gray-80);
box-shadow: inset 0px 0px 1px rgb(0, 0, 0);
box-shadow: var(--shadow-sm);
border-radius: var(--scale-2-1);
transition: var(--duration-moderate-2)
var(--motion-heavy);
}
.graph-controls.is-close {
min-width: inherit;
background-color: var(--color-gray-100);
border: 1px solid var(--color-gray-80);
box-shadow: inset 0px 0px 1px
rgb(0, 0, 0, 0.1);
box-shadow: none;
border-radius: var(--scale-2-1);
transition: var(--duration-moderate-2)
var(--motion-heavy);
}
.graph-controls-button.mod-open[aria-label="Open graph settings"] {
border-bottom: 1px solid var(--color-gray-80);
}
.graph-controls .setting-item-name {
color: var(--color-gray-30);
}
/*────────────────────────────────────
++++++++++++++++++++++++++++++++++++++
Other Components
++++++++++++++++++++++++++++++++++++++
──────────────────────────────────────*/
/*────────────────────────────────────
Modals
────────────────────────────────────*/
/* Modal Close Close Buttons */
.modal-close-button {
right: var(--scale-2-6);
top: var(--scale-2-4);
}
body:not(.no-custom-icons) .modal-close-button:before {
content: " ";
}
body:not(.no-custom-icons) .modal-close-button {
height: var(--scale-8-3);
width: var(--scale-8-3);
background: currentColor;
-webkit-mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z'%3E%3C/path%3E%3C/svg%3E");
}
/* Modal Close Close Button Colors */
.theme-light .modal-close-button:hover,
.theme-dark .modal-close-button:hover {
background: var(--color-gray-20);
}
.theme-light .modal-close-button:active,
.theme-dark .modal-close-button:active {
background: var(--color-gray-30);
}
/*─────────Settings Modal──────────*/
.modal {
width: 70vw;
max-width: 960px;
max-height: 90vh;
}
.modal.mod-settings,
.modal.mod-settings .modal-content .vertical-tabs-container,
.modal.mod-settings .modal-content
.vertical-tab-header,
.modal.mod-settings .vertical-tab-content-container {
max-width: 960px;
height: 90vh;
}
.modal .modal-content .vertical-tab-header,
.modal .modal-content .vertical-tab-header-group,
.modal .modal-content .vertical-tab-content-container {
padding: 0;
}
.modal .modal-content .vertical-tab-header {
padding-bottom: var(--scale-8-4);
}
.modal .modal-content .vertical-tab-content {
padding: var(--scale-8-4)
var(--scale-2-10)
var(--scale-2-8)
var(--scale-2-10);
}
.modal .vertical-tab-header-group-title {
font-weight: var(--font-bold);
font-size: var(--font-scale-00);
letter-spacing: var(--tracking-3);
text-align: center;
}
.modal .vertical-tab-header-group-items
.vertical-tab-nav-item {
font-size: var(--font-scale-0);
letter-spacing: calc(-1 * var(--tracking-2));
line-height: calc(var(--line-height) - 0.1rem);
border-radius: var(--scale-2-1);
padding: var(--scale-2-1)
var(--scale-2-1)
var(--scale-2-1)
var(--scale-8-2);
padding-left: var(--scale-8-2);
transition: padding
var(--duration-fast-2)
var(--motion-smooth);
}
/* Settings Modal Colors */
.modal,
.modal.mod-community-theme,
.modal.mod-settings {
box-shadow: var(--shadow-l);
}
.horizontal-tab-content,
.vertical-tab-content {
background: var(--background-primary);
}
.vertical-tab-header,
.horizontal-tab-nav-item,
.vertical-tab-nav-item {
background: var(--background-secondary);
}
.modal .modal-content .vertical-tab-content {
border-left: 4px solid
var(--color-yellow-700);
}
.modal .vertical-tab-header-group-title {
color: var(--color-gray-20);
border-bottom: 1px solid
var(--background-modifier-border);
}
.modal .vertical-tab-header
.vertical-tab-header-group:nth-child(2)
.vertical-tab-header-group-title {
border-top: 1px solid
var(--background-modifier-border);
border-bottom: 1px solid
var(--background-modifier-border);
}
.modal .vertical-tab-header-group-items
.vertical-tab-nav-item {
color: var(--color-gray-40);
border: 1px solid transparent;
}
.modal .vertical-tab-header-group-items
.vertical-tab-nav-item:hover {
color: var(--color-cyan-500);
background: var(--color-gray-90);
border: 1px solid var(--color-cyan-500);
}
.modal .vertical-tab-header-group-items
.vertical-tab-nav-item:active {
color: var(--color-gray-70);
background: var(--color-blacker);
border: 1px solid var(--color-gray-70);
}
.modal .vertical-tab-header-group-items
.vertical-tab-nav-item.is-active {
color: var(--color-cyan-500);
background: var(--color-gray-90);
border: 1px solid var(--color-cyan-500);
}
.modal .setting-item-name {
color: var(--color-white);
}
.modal .setting-item-description {
color: var(--color-gray-30);
}
/*─────────Command, Quick Switcher etc. Modals──────────*/
.prompt {
font-family: var(--default-font);
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
border-top-left-radius: var(--scale-2-2);
border-top-right-radius: var(--scale-2-2);
border-bottom-left-radius: var(--scale-0-0);
border-bottom-right-radius: var(--scale-0-0);
}
.prompt-instructions {
text-align: center;
padding: var(--scale-2-1)
var(--scale-2-4);
border-top: 1px solid var(--background-modifier-border);
}
input.prompt-input {
background: transparent;
border: none;
}
.suggestion-item,
.suggestion .suggestion-item {
font-family: var(--default-font);
border-radius: var(--scale-0-0);
padding: var(--scale-2-1)
var(--scale-2-10)
var(--scale-2-1)
calc(var(--scale-2-10) + 7px);
}
.suggestion-flair {
top: 5px;
left: 6px;
}
.modal-container .suggestion-item span.suggestion-prefix {
font-weight: var(--font-bold);
}
.theme-light kbd,
.theme-dark kbd {
font-size: var(--font-scale-00);
padding: var(--scale-2-1)
var(--scale-2-5)
var(--scale-2-1)
var(--scale-2-5);
border-radius: var(--scale-2-2);
}
.theme-light .setting-hotkey,
.theme-dark .setting-hotkey {
border-radius: var(--scale-2-2);
}
.suggestion-item kbd.suggestion-hotkey {
margin-top: -1px;
padding: var(--scale-0-0)
var(--scale-2-5)
var(--scale-0-0)
var(--scale-2-5);
}
.setting-hotkey-icon {
vertical-align: -4px;
}
.setting-add-hotkey-button svg,
.setting-restore-hotkey-button svg {
vertical-align: -2px;
}
.suggestion-prefix {
color: var(--text-muted);
font-size: var(--font-scale-0);
font-family: var(--font-code);
font-style: italic;
text-transform: uppercase;
letter-spacing: var(--tracking-3);
margin-right: var(--scale-2-8);
}
.suggestion-prefix:after {
display: none;
}
/* CQS Colors */
.prompt {
border-bottom: 1px solid var(--background-modifier-border);
box-shadow: var(--shadow-sm),
var(--shadow-l);
}
.theme-light kbd,
.theme-light .setting-hotkey,
.theme-dark kbd,
.theme-dark .setting-hotkey {
font-family: var(--font-code);
color: var(--color-slate-300);
background: var(--color-gray-100);
border: 1px solid var(--shadow-xsm);
box-shadow: 0 1px 0 1px var(--shadow-xsm);
}
.setting-add-hotkey-button:active,
.setting-restore-hotkey-button:active {
box-shadow: 0px 2px 0px 0px
var(--shadow-xsm) inset,
0px 0px 1px 0px var(--shadow-xsm);
}
.theme-light .modal-container
.suggestion-item,
.theme-dark .modal-container
.suggestion-item,
.theme-light .suggestion .suggestion-item,
.theme-dark .suggestion .suggestion-item {
color: var(--color-cyan-500);
border: 1px solid transparent;
border-radius: var(--scale-2-1);
}
.suggestion-item .suggestion-note {
color: var(--md-color-strikethrough);
}
.suggestion-item.is-selected .suggestion-flair {
color: var(--color-cyan-500);
}
.suggestion-item.is-selected:active .suggestion-flair {
color: var(--text-faint);
}
.theme-light .modal-container
.suggestion-item.is-selected,
.theme-dark .modal-container
.suggestion-item.is-selected,
.theme-light .suggestion .suggestion-item.is-selected:not(.mod-group),
.theme-dark .suggestion .suggestion-item.is-selected:not(.mod-group) {
color: var(--color-cyan-530);
background: var(--color-gray-80);
border: 1px solid var(--color-cyan-530);
}
.suggestion-item.is-selected .suggestion-note {
color: var(--md-color-text);
}
.suggestion-item.is-selected
.suggestion-prefix {
color: var(--color-gray-10);
}
.theme-light .modal-container
.suggestion-item.is-selected:active,
.theme-dark .modal-container
.suggestion-item.is-selected:active,
.theme-light .suggestion .suggestion-item.is-selected:not(.mod-group):active,
.theme-dark .suggestion .suggestion-item.is-selected:not(.mod-group):active {
color: var(--text-faint);
background: var(--color-gray-100);
border: 1px solid var(--text-faint);
}
.suggestion-item.is-selected:active .suggestion-note {
color: var(--md-color-strikethrough);
}
/*─────────File Explorer Search Modal─────────*/
.suggestion-container.mod-search-suggestion {
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
border-radius: var(--scale-2-1);
}
.suggestion-item.search-suggest-item.list-item.mod-group {
color: var(--color-gray-10);
padding: var(--scale-2-2)
var(--scale-2-4)
var(--scale-2-2)
var(--scale-2-5);
border-bottom: 1px solid var(--background-modifier-border);
margin: 0;
}
.suggestion-item:nth-child(2).search-suggest-item.list-item.mod-group {
border-top: 1px solid var(--background-modifier-border);
}
.suggestion-item.search-suggest-item {
line-height: calc(var(--line-height) - 0.5rem);
padding: var(--scale-2-1)
var(--scale-2-8)
var(--scale-2-1)
var(--scale-2-8);
}
/*─────────Menu/More Options Modal──────────*/
.menu {
background: var(--background-secondary);
border: 1px solid var(--background-modifier-border);
border-radius: var(--scale-2-1);
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
box-shadow: var(--shadow-sm);
}
.menu .menu-item {
color: var(--color-gray-40);
height: initial;
line-height: var(--scale-8-3);
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
.menu .menu-item.selected {
color: var(--color-white);
background: var(--color-gray-80) !important;
}
.menu .menu-item:active {
color: var(--color-gray-60);
background: var(--color-blacker) !important;
}
.menu .menu-item .menu-item-icon {
vertical-align: -3px;
}
.menu-separator {
margin: 0;
}
/*─────────Community Plugin Search Modal──────────*/
.flair.mod-pop {
vertical-align: middle;
border-radius: var(--scale-2-1);
}
.community-plugin-info .community-plugin-readme {
padding: 0;
}
.community-plugin-search .setting-item {
display: initial;
align-self: flex-start;
}
.community-plugin-search {
padding: var(--scale-2-4)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
.community-plugin-search-summary {
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-8-1)
var(--scale-8-2);
}
.community-plugin-name {
font-weight: var(--font-bold);
}
.community-plugin-item {
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
border-bottom: 1px solid var(--color-gray-90);
}
.community-plugin-item:active {
background: var(--color-blacker);
}
/* Community Themes */
.community-theme,
.community-theme.is-selected {
border-radius: var(--scale-2-2);
border: 1px solid var(--shadow-xsm);
box-shadow: 0 1px 0 1px var(--shadow-xsm);
}
.community-theme:hover {
border: 1px solid var(--color-yellow-900);
}
.community-theme.is-selected {
background: var(--color-gray-90);
border: 1px solid var(--color-yellow-700);
}
.community-theme.is-selected
.modal-button-container button {
background: var(--color-cyan-700) !important;
}
.community-theme.is-selected
.modal-button-container button:hover {
background: var(--color-cyan-520) !important;
}
.clickable-icon[aria-label="Change sort order"] {
padding: var(--scale-2-2)
var(--scale-2-2)
var(--scale-2-2)
var(--scale-2-2) !important;
}
/*────────────────────────────────────
Buttons Component
────────────────────────────────────*/
/* Tiny Close icons, info icons, around Obsidian except on Modals */
.graph-controls div.clickable-icon,
.suggestion div.clickable-icon {
margin: 0;
}
/* don't remove !important */
.theme-light button,
.theme-dark button {
font-family: var(--default-font);
font-size: var(--font-scale-0);
padding: var(--scale-2-2)
var(--scale-2-8)
var(--scale-2-2)
var(--scale-2-8);
margin-right: var(--scale-2-4);
border-radius: var(--scale-2-1);
transition: var(--duration-fast-1)
var(--motion-smooth);
}
button:last-child {
margin-right: 0;
}
button:only-child {
margin-left: 0;
margin-right: 0;
}
.setting-item-control select {
max-width: initial;
}
.mod-community-plugin .setting-item-control button {
box-shadow: none;
}
.search-result-file-match-replace-button {
font-size: var(--font-scale-0) !important;
padding: var(--scale-2-1)
var(--scale-2-6)
var(--scale-2-1)
var(--scale-2-6) !important;
}
pre button.copy-code-button {
font-size: var(--font-scale-00);
padding-left: var(--scale-8-1);
padding-right: var(--scale-8-1);
margin-right: var(--scale-2-2);
}
/*~ Buttons Colors ~*/
.theme-light .modal button:not(.mod-cta):not(.mod-warning),
.theme-light .workspace button:not(.graph-controls button, .excalidraw button),
.theme-dark .modal button:not(.mod-cta):not(.mod-warning),
.theme-dark .workspace button:not(.graph-controls button, .excalidraw button),
.markdown-source-view.mod-cm6 .edit-block-button {
color: var(--color-white);
background: var(--color-purple-900);
border: 1px solid var(--border-xsm);
box-shadow: 0 2px 0 1px var(--shadow-xsm);
}
.theme-light .modal button:not(.mod-cta):not(.mod-warning):focus,
.theme-light .workspace button:not(.graph-controls button):focus,
.theme-light .modal button:not(.mod-cta):not(.mod-warning):hover,
.theme-light .workspace button:not(.graph-controls button, .excalidraw button):hover,
.theme-dark .modal button:not(.mod-cta):not(.mod-warning):focus,
.theme-dark .workspace button:not(.graph-controls button):focus,
.theme-dark .modal button:not(.mod-cta):not(.mod-warning):hover,
.theme-dark .workspace button:not(.graph-controls button, .excalidraw button):hover,
.markdown-source-view.mod-cm6 .edit-block-button:hover {
background: var(--color-purple-700);
}
.theme-light .modal button,
.theme-light .graph-controls button,
.theme-dark .modal button,
.theme-dark .graph-controls button {
border: 1px solid var(--border-xsm);
box-shadow: 0 1px 0 1px var(--shadow-xsm);
}
.theme-light .modal button:active,
.theme-light .modal button:not(.mod-cta):not(.mod-warning):active,
.theme-light .workspace button:not(.graph-controls button, .excalidraw button):active,
.theme-light .graph-controls button:active,
.theme-dark .modal button:active,
.theme-dark .modal button:not(.mod-cta):not(.mod-warning):active,
.theme-dark .workspace button:not(.graph-controls button, .excalidraw button):active,
.theme-dark .graph-controls button:active,
.markdown-source-view.mod-cm6 .edit-block-button:active {
box-shadow: 0px 1px 0px 0px
var(--shadow-xsm) inset,
0px 0px 1px 0px var(--shadow-xsm);
transition: var(--duration-fast-1)
var(--motion-smooth);
}
.markdown-source-view.mod-cm6 .edit-block-button {
border-radius: var(--scale-2-1);
}
/*────────────────────────────────────
Search Input Component
────────────────────────────────────*/
input[type='text']:not(.graph-controls input,
.document-search input.document-search-input,
.document-replace input.document-replace-input) {
min-width: 100%;
width: 215px;
padding: var(--scale-2-2)
var(--scale-2-4)
var(--scale-2-2)
var(--scale-2-4);
}
input.document-search-input,
input.document-replace-input,
.search-input-container {
margin: var(--scale-0-0)
var(--scale-2-4)
var(--scale-2-2)
var(--scale-2-4);
}
textarea,
.search-input-container input {
min-width: 100%;
width: 215px;
padding: var(--scale-2-2)
var(--scale-2-4)
var(--scale-2-2)
var(--scale-2-4);
}
textarea,
input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'],
input.document-search-input,
input.document-replace-input {
font-size: calc(2px + var(--font-scale-1));
font-family: var(--default-font);
border-radius: var(--scale-2-1);
transition: var(--duration-fast-2)
var(--motion-smooth);
}
/* Search Input Colors */
textarea,
input[type='text'],
input[type='search'],
input[type='email'],
input[type='password'],
input[type='number'] {
background: var(--background-modifier-form-field);
}
textarea::placeholder,
input[type='text']::placeholder,
input[type='search']::placeholder,
input[type='email'],
input[type='password']::placeholder,
input[type='number']::placeholder {
color: var(--text-faint);
}
textarea:hover {
background: var(--color-blacker);
}
textarea:focus,
input[type='text']:focus,
input[type='search']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='number']:focus {
color: var(--color-cyan-500);
border: 1px solid var(--color-yellow-500);
box-shadow: 0 1px 0 1px var(--shadow-xsm);
}
input.document-search-input,
input.document-replace-input {
border: 1px solid var(--background-modifier-border);
}
/* Search Input Close Button */
.search-input-container
.search-input-clear-button[aria-label="Clear search"] {
color: var(--color-slate-900);
border-radius: var(--scale-2-1);
margin-right: 0px;
}
.theme-light .search-input-clear-button:hover,
.theme-dark .search-input-clear-button:hover {
color: var(--color-gray-20);
}
.theme-light .search-input-clear-button:active,
.theme-dark .search-input-clear-button:active {
color: var(--color-gray-70);
}
/*────────────────────────────────────
Toggle (Checkboxes for Modals)
────────────────────────────────────*/
.markdown-preview-view .task-list-item-checkbox {
filter: none;
}
.checkbox-container {
height: var(--scale-8-3);
border-radius: var(--scale-2-2);
}
.checkbox-container::after {
border-radius: var(--scale-2-1);
}
/* Toggles in Modal Colors */
.checkbox-container {
background: var(--color-gray-100);
border: 1px solid var(--background-modifier-border);
box-shadow: 0 1px 0 1px var(--shadow-xsm);
}
.checkbox-container:hover {
filter: brightness(110%);
}
.checkbox-container::after {
background: var(--color-gray-10);
box-shadow: 0 1px 0 1px var(--shadow-xsm);
}
.checkbox-container.is-enabled {
background: var(--color-cyan-700);
border: 1px solid var(--border-xsm);
}
/*────────────────────────────────────
Slider
────────────────────────────────────*/
input[type="range"] {
background-color: transparent;
height: 24px;
padding: 0px;
-webkit-appearance: none;
cursor: default;
}
input[type="range"]::-webkit-slider-runnable-track {
background: var(--color-gray-60);
height: 2px;
}
input[type="range"]::-webkit-slider-thumb {
height: 12px;
width: 24px;
margin-top: -2px;
cursor: ew-resize;
transition: var(--duration-fast-2)
var(--motion-smooth);
border-radius: var(--scale-2-1);
background: var(--color-yellow-700);
border: 1px solid var(--border-xsm);
}
input[type="range"]::-webkit-slider-thumb:hover,
input[type="range"]::-webkit-slider-thumb:active {
background: var(--color-yellow-300);
border-width: 1;
transition: var(--duration-fast-1)
var(--motion-jumpy);
}
.graph-controls input[type="range"]::-webkit-slider-runnable-track {
margin-top: -5px;
}
/*────────────────────────────────────
Dropdown
────────────────────────────────────*/
.dropdown {
font-family: var(--default-font);
font-size: var(--font-scale-1);
line-height: var(--line-height-1);
width: 215px;
padding: var(--scale-2-1)
var(--scale-2-4)
var(--scale-2-1)
var(--scale-2-4);
transition: var(--duration-fast-2)
var(--motion-smooth);
cursor: pointer;
border-radius: var(--scale-2-2);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: hsl(225, 21%25, 25%25);transform: ;msFilter:;'%3E%3Cpath d='M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z'%3E%3C/path%3E%3C/svg%3E");
}
/* Dropdown Colors */
.dropdown {
/* color: var(--color-gray-20); */
background-color: var(--color-gray-100);
/* border: 1px solid var(--background-modifier-border); */
border-radius: var(--scale-2-2);
box-shadow: 0 1px 0 1px var(--shadow-xsm);
}
.dropdown:hover {
background-color: var(--color-black);
transition: var(--duration-fast-2)
var(--motion-smooth);
}
.dropdown:focus {
color: var(--color-cyan-500);
border: 1px solid var(--color-yellow-500);
}
/*────────────────────────────────────
Empty Page
────────────────────────────────────*/
.empty-state-title {
height: var(--font-scale-6);
text-align: center;
background: var(--color-slate-gradient-1);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.empty-state-action {
font-family: var(--font-code);
font-size: var(--font-scale-00);
line-height: var(--line-height-1);
text-transform: uppercase;
letter-spacing: var(--tracking-3);
text-align: center;
color: var(--color-slate-700);
background: var(--color-black);
padding: var(--scale-2-1)
var(--scale-2-5)
var(--scale-2-1)
var(--scale-2-5);
margin-bottom: var(--scale-2-4);
border-radius: var(--scale-2-2);
border: 1px solid var(--shadow-xsm);
box-shadow: 0 1px 0 1px var(--shadow-xsm);
transition: box-shadow
var(--duration-fast-2)
var(--motion-smooth);
}
.empty-state-action:hover {
color: var(--color-slate-300);
}
.empty-state-action:active {
color: var(--color-slate-900);
box-shadow: 0px 1px 0px 0px
var(--shadow-xsm) inset,
0px 0px 1px 0px var(--shadow-xsm);
transition: box-shadow
var(--duration-fast-2)
var(--motion-smooth);
}
/*────────────────────────────────────
Notification
────────────────────────────────────*/
.theme-light .notice,
.theme-dark .notice {
font-family: var(--font-code);
background: var(--color-cyan-700);
border: 1px solid var(--shadow-xsm);
border-radius: var(--scale-2-2);
box-shadow: var(--shadow-m);
transition: var(--duration-moderate-2)
var(--motion-heavy);
}
/*────────────────────────────────────
Popovers
────────────────────────────────────*/
.popover {
padding: var(--scale-0-0)
var(--scale-2-4)
var(--scale-0-0)
var(--scale-2-4);
}
.popover.hover-popover {
width: 35vw;
box-shadow: 0px 4px 4px var(--shadow-xsm);
border: 1px solid var(--md-color-border);
border-radius: var(--scale-2-1);
}
.popover.hover-popover,
.popover.hover-popover .markdown-embed .markdown-embed-content {
min-height: 34vh !important;
max-height: 52vh !important;
}
.popover.hover-popover .markdown-preview-view {
padding: var(--scale-2-4)
var(--scale-2-8)
var(--scale-2-4)
var(--scale-2-8);
}
/*────────────────────────────────────
Resize Handles
────────────────────────────────────*/
/* Vertical Handles */
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle {
width: 1px;
height: 105%;
top: -24px;
background: var(--background-secondary-alt);
transition: var(--duration-fast-2)
var(--motion-smooth);
}
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:hover,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:hover {
width: 3px;
background: var(--color-gray-40);
transition: var(--duration-fast-2)
var(--motion-smooth);
}
.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle:active,
.workspace-split.mod-left-split > .workspace-leaf-resize-handle:active,
.workspace-split.mod-right-split > .workspace-leaf-resize-handle:active {
width: 3px;
background: var(--color-gray-60);
transition: var(--duration-fast-2)
var(--motion-smooth);
}
/* Horizontal Handles */
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle {
height: 1px;
background: var(--background-secondary-alt);
transition: var(--duration-fast-1)
var(--motion-smooth);
}
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:hover {
height: 3px;
background: var(--color-gray-40);
transition: var(--duration-fast-1)
var(--motion-smooth);
}
.workspace-split.mod-horizontal > * > .workspace-leaf-resize-handle:active {
height: 3px;
background: var(--color-gray-60);
transition: var(--duration-fast-1)
var(--motion-smooth);
}
/*────────────────────────────────────
Scrollbars
────────────────────────────────────*/
::-webkit-scrollbar,
.graph-controls::-webkit-scrollbar {
width: var(--scale-2-3);
height: var(--scale-2-3);
border-radius: 0;
display: inherit;
background: transparent;
}
::-webkit-scrollbar-thumb {
background: var(--color-gray-70);
border-radius: 0;
}
::-webkit-scrollbar-thumb:active {
background: var(--color-cyan-530);
border-radius: 0;
}
/*─────────Tab Content Scrollbar──────────*/
.workspace-leaf-content:not(.workspace-leaf-content[data-type="markdown"])
::-webkit-scrollbar-thumb {
background: var(--color-gray-70);
}
.workspace-leaf-content:not(.workspace-leaf-content[data-type="markdown"])
::-webkit-scrollbar-thumb:active {
background: var(--color-cyan-530);
}
/*─────────Code Scrollbar──────────*/
code::-webkit-scrollbar {
height: var(--scale-2-2);
}
code::-webkit-scrollbar-thumb {
background: var(--color-gray-80);
}
/*─────────Settings Scrollbar──────────*/
.modal
.vertical-tabs-container
.vertical-tab-header::-webkit-scrollbar-thumb {
background: var(--color-gray-70);
}
/*────────────────────────────────────
Tooltips
────────────────────────────────────*/
.tooltip {
background: var(--color-gray-10);
color: var(--background-primary);
}
.tooltip .tooltip-arrow {
border-bottom: 5px solid var(--color-gray-10);
}
.tooltip.mod-top .tooltip-arrow {
border-top: 5px solid var(--color-gray-10);
}
.tooltip.mod-left .tooltip-arrow {
border-left: 5px solid var(--color-gray-10);
}
.tooltip.mod-right .tooltip-arrow {
border-right: 5px solid var(--color-gray-10);
}
.tooltip.mod-error.mod-left .tooltip-arrow {
border-left-color: var(--background-modifier-error);
border-bottom: 5px solid transparent;
}
.tooltip.mod-error.mod-right .tooltip-arrow {
border-right-color: var(--background-modifier-error);
border-bottom: 5px solid transparent;
}
/*────────────────────────────────────
Vault Launch Progress
────────────────────────────────────*/
.is-loading:before,
.search-result-container.is-loading:before {
background-color: var(--background-primary);
animation: var(--duration-slow-2)
var(--motion-smooth)
var(--duration-slow-2)
infinite
progress-bar;
}
.progress-bar {
background: var(--background-primary);
}
.progress-bar-line {
width: 150%;
position: absolute;
border-radius: var(--scale-2-1);
height: var(--scale-8-2);
background: var(--color-yellow-700);
}
.progress-bar-subline {
border-radius: var(--scale-2-1);
height: var(--scale-8-1);
}
.progress-bar-message {
font-size: var(--font-scale-2);
color: var(--color-yellow-700) !important;
font-family: var(--font-code);
text-transform: uppercase;
letter-spacing: var(--tracking-2);
animation: blinkingText 0.4s infinite;
}
/* Message Blink */
@keyframes blinkingText{
0% { color: var(--text-muted); }
49% { color: var(--text-muted); }
60% { color: transparent; }
99% { color: transparent;}
100% { color: var(--text-muted); }
}
/* VLP Colors */
.progress-bar-subline { /* Moving Bar */
background: var(--color-yellow-700);
}
/*────────────────────────────────────
++++++++++++++++++++++++++++++++++++++
Mobile
++++++++++++++++++++++++++++++++++++++
──────────────────────────────────────*/
/*────────────────────────────────────
Workspace Drawer
────────────────────────────────────*/
.is-mobile .workspace-drawer {
width: 100%;
}
.is-mobile .workspace-drawer .workspace-drawer-inner {
background: var(--background-secondary);
}
/* Custom Icons Fix for Mobile */
body.is-mobile .workspace-drawer
.side-dock-ribbon-action svg,
body.is-mobile .workspace-drawer
.workspace-drawer-header-icon svg,
body.is-mobile .workspace-drawer
.workspace-drawer-tab-option-item-icon svg,
body.is-mobile .workspace-drawer
.nav-action-button svg,
body.is-mobile .workspace-drawer
.workspace-drawer-active-tab-icon svg,
body.is-mobile .workspace-drawer
.workspace-drawer-active-tab-back-icon svg,
body.is-mobile .view-header .view-action svg,
body.is-mobile .view-header .view-header-icon svg {
width: calc(4px + var(--scale-8-2));
height: calc(4px + var(--scale-8-2));
}
.is-mobile .workspace-drawer
.workspace-drawer-active-tab-icon,
.is-mobile .workspace-drawer
.workspace-drawer-active-tab-back-icon {
margin-top: -2px;
}
/*────────────────────────────────────
Side Dock Ribbon
────────────────────────────────────*/
.is-mobile .workspace-drawer-ribbon {
width: var(--scale-8-8);
border-right: 1px solid var(--background-modifier-border);
}
.is-mobile .side-dock-ribbon-action {
transition: var(--duration-fast-1)
var(--motion-smooth);
}
.is-mobile .side-dock-settings
.side-dock-ribbon-action:last-child {
padding-bottom: var(--scale-2-2);
}
.is-mobile .side-dock-ribbon-action:hover,
.is-mobile .side-dock-ribbon-action:active {
color: var(--color-purple-700);
transform: translate3d(0, 4px, 0);
transition: var(--duration-fast-1)
var(--motion-smooth);
}
.is-mobile .side-dock-settings {
background: var(--background-secondary-alt);
border-radius: var(--scale-2-2);
border: 1px solid var(--background-modifier-border);
margin: var(--scale-0-0) var(--scale-8-1);
}
/*────────────────────────────────────
Tab Header in Workspace Drawer
────────────────────────────────────*/
.is-mobile .workspace-drawer-active-tab-header {
padding: var(--scale-2-4)
var(--scale-2-2)
var(--scale-2-8)
var(--scale-2-8);
margin: 0;
}
/* allows you to scroll when there
are many tab options on drawers + sizing fix */
.is-mobile .workspace-drawer-tab-container {
overflow-y: auto;
padding: 0 0;
}
.is-mobile .mod-left .workspace-drawer-tab-container {
margin-left: calc(-2px + var(--scale-8-3));
}
.is-mobile .mod-right .workspace-drawer-tab-container {
margin-left: 0;
}
.is-mobile .workspace-drawer-tab-container::-webkit-scrollbar {
display: none;
}
.is-mobile .workspace-drawer-tab-container > * {
padding: 0 0;
margin-left: 0;
}
/*~ Workspace Drawer Header Icons ~*/
.is-mobile .workspace-drawer-header {
display: initial;
}
.is-mobile .mod-right .workspace-drawer-header {
display: flex;
}
.is-mobile .mod-right .workspace-drawer-header-icon {
padding: 0 var(--scale-2-3);
}
.is-mobile div[aria-label="Uninitialized"].workspace-drawer-header-icon.sync-status-icon.mod-working svg {
vertical-align: 0px;
}
.is-mobile .mod-right .workspace-drawer-header-icon:hover,
.is-mobile .mod-right .workspace-drawer-header-icon:active {
color: var(--color-purple-900);
}
/*~ Vault Title, Vault Info ~*/
.is-mobile .mod-left .workspace-drawer-header {
padding: var(--scale-8-1)
var(--scale-8-2)
var(--scale-0-0)
var(--scale-8-2);
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-8-3);
}
.is-mobile .workspace-drawer-header-name {
height: var(--scale-8-3);
font-size: var(--font-scale-0);
font-family: var(--font-code);
font-weight: var(--font-bold);
letter-spacing: var(--tracking-3);
}
.is-mobile .workspace-drawer-header-info {
height: var(--scale-8-3);
font-size: var(--font-scale-00);
font-family: var(--font-code);
font-weight: var(--font-bold);
letter-spacing: var(--tracking-3);
}
.is-mobile .workspace-drawer-header-icon {
margin-left: 0;
}
/*~ Tab Header Options ~*/
.is-mobile .workspace-drawer-tab-option-item {
padding: var(--scale-2-4)
var(--scale-0-0)
var(--scale-2-4)
var(--scale-2-8);
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
.is-mobile .workspace-drawer-tab-option-item-title,
.is-mobile .workspace-drawer-active-tab-title {
font-size: var(--font-scale-2);
}
/* Tab Header Colors */
.is-mobile .workspace-drawer-tab-option-item:hover,
.is-mobile .workspace-drawer-tab-option-item:active {
background: var(--background-primary);
}
.is-mobile .workspace-drawer-tab-option-item:hover div,
.is-mobile .workspace-drawer-tab-option-item:active div {
color: var(--color-white);
}
/*────────────────────────────────────
Nav Header in Workspace Drawer
────────────────────────────────────*/
.is-mobile .workspace-drawer-actions,
.is-mobile .nav-buttons-container {
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
.is-mobile .nav-action-button {
padding: 0;
margin: var(--scale-0-0)
var(--scale-2-6)
var(--scale-0-0)
var(--scale-2-6);
}
/*────────────────────────────────────
Tab Content
────────────────────────────────────*/
.is-mobile .workspace-drawer .node-insert-event {
border-top: 1px solid var(--background-modifier-border);
}
.is-mobile .workspace-drawer
.nav-folder-title[data-path="/"] {
display: none;
}
.is-mobile .nav-file-title,
.is-mobile .nav-folder-title,
.is-mobile .outline,
.is-mobile .tag-container .tree-item {
font-size: var(--font-scale-1);
line-height: var(--line-height);
}
/*────────────────────────────────────
+++++++++Content / Active Note++++++++
────────────────────────────────────*/
/*────────────────────────────────────
Note Header
────────────────────────────────────*/
.is-mobile .view-header,
.is-mobile .workspace-leaf.mod-active .view-header,
.is-mobile .workspace-split.mod-root > .workspace-leaf:first-of-type:last-of-type .view-header {
height: var(--scale-2-24);
}
.is-mobile .view-header .view-header-icon {
top: 4px;
margin-left: 6px;
}
.is-mobile .view-header-title {
line-height: 50px;
}
.is-mobile .view-header .view-actions a {
top: 6px;
}
/*────────────────────────────────────
Editor
────────────────────────────────────*/
.is-mobile .markdown-source-view .cm-scroller {
padding: var(--scale-2-8)
var(--scale-2-8)
var(--scale-0-0)
var(--scale-2-4);
}
.is-mobile .view-content div.cm-content {
padding-top: 0;
}
/*────────────────────────────────────
Note Markdown
────────────────────────────────────*/
/*──────────Headings──────────*/
/* Header Sizing */
:root .is-mobile {
--h1-size: calc(0.85 * var(--font-scale-7));
--h2-size: calc(0.85 * var(--font-scale-6));
--h3-size: calc(0.85 * var(--font-scale-5));
--h4-size: calc(0.85 * var(--font-scale-4));
--h5-size: calc(0.85 * var(--font-scale-4));
--h6-size: calc(0.85 * var(--font-scale-4));
--header-line-height: calc(0.8 * var(--line-height));
}
/*──────────Markdown Embed──────────*/
.is-mobile .markdown-embed-content {
padding: var(--scale-0-0)
var(--scale-8-1)
var(--scale-0-0)
var(--scale-8-1);
}
/*────────────────────────────────────
+++++++++++Other Components+++++++++++
────────────────────────────────────*/
/*────────────────────────────────────
Modals
────────────────────────────────────*/
.is-mobile .modal,
.is-mobile .prompt,
.is-mobile .suggestion-container {
width: 100%;
max-width: 100%;
border-radius: var(--scale-2-2);
}
.is-mobile .modal
.vertical-tab-content-container
.vertical-tab-content {
padding: var(--scale-8-1)
var(--scale-8-2)
var(--scale-8-2)
var(--scale-8-2);
}
.is-mobile .hotkey-list-container {
padding-right: 0;
}
/*─────────Modal CLose Button──────────*/
.is-mobile .vertical-tab-header::before {
content: "Settings";
font-family: var(--default-font);
font-weight: var(--font-bold);
color: var(--text-muted);
background: var(--background-secondary);
position: sticky;
top: 0;
right: 0;
left: 0;
height: 47px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
border-bottom: 1px solid var(--background-modifier-border);
z-index: 1;
}
.is-mobile .modal-setting-back-button {
box-shadow: none;
}
.is-mobile .modal-setting-back-button span {
font-weight: var(--font-bold);
color: var(--text-muted);
}
.is-mobile .modal-close-button {
margin: var(--scale-2-2)
var(--scale-2-1)
var(--scale-0-0)
var(--scale-2-1);
display: block;
z-index: 2;
}
/*─────────Settings Modal──────────*/
/* don't remove !important */
.is-mobile .workspace {
transform: none !important;
}
.is-mobile ::-webkit-scrollbar {
display: none;
}
.is-mobile .modal .modal-content .vertical-tab-content {
border: none;
}
.is-mobile .modal .vertical-tab-header-group-title {
color: var(--color-white);
background: transparent;
font-size: var(--font-scale-0);
text-align: left;
border: none;
}
.is-mobile .modal .vertical-tab-header
.vertical-tab-header-group:nth-child(2)
.vertical-tab-header-group-title {
border-top: none;
border-bottom: none;
margin-top: var(--scale-8-2);
}
.is-mobile .modal.mod-settings
.vertical-tab-nav-item {
color: var(--color-gray-20);
background: var(--color-gray-90);
font-size: var(--font-scale-0);
border-bottom: 1px solid var(--border-xsm-alt);
}
.is-mobile .modal.mod-settings .vertical-tab-nav-item.is-active {
color: var(--color-white);
background: var(--color-gray-80);
padding-left: var(--scale-8-2);
}
.is-mobile .modal-setting-back-button {
border-bottom: 1px solid var(--background-modifier-border);
}
.is-mobile .modal-content {
padding: var(--scale-0-0)
var(--scale-8-4);
}
.is-mobile .community-theme-screenshot {
max-width: 100%;
}
/*────────────────────────────────────
Vault Launch Progress
────────────────────────────────────*/
.is-mobile .progress-bar-message {
font-size: var(--font-scale-1);
}
/* Phone Styling */
@media (max-width: 400pt) {
/*────────────────────────────────────
+++++++++++Other Components+++++++++++
────────────────────────────────────*/
/*────────────────────────────────────
Modals
────────────────────────────────────*/
/*─────────Settings Modal──────────*/
.is-mobile .modal:not(.modal.mod-settings),
.is-mobile .prompt,
.is-mobile .suggestion-container,
.is-mobile .menu {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.is-mobile .modal:not(.modal.mod-settings),
.is-mobile .prompt {
bottom: 0;
width: 100%;
max-width: 100%;
}
.is-mobile .suggestion-container {
left: 0;
width: 100%;
max-width: 100%;
max-height: 200px;
overflow-y: auto;
}
.is-mobile .suggestion-item {
font-size: var(--font-scale-1);
border-bottom: 1px solid var(--background-modifier-border);
}
.is-mobile .suggestion-item:first-child {
border-top: 1px solid var(--background-modifier-border);
}
.is-mobile .modal.mod-settings {
top: 0;
bottom: 0;
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
border-radius: 0;
}
.is-mobile .prompt {
padding: 0 0;
}
/* iOS Modal extending to Status Bar fix */
.is-mobile.is-ios .modal.mod-settings {
top: auto;
bottom: 0;
max-height: calc(100% - 42px);
box-shadow: none;
}
.is-mobile.is-ios .modal-bg {
background: var(--background-secondary);
opacity: 1;
}
.is-mobile .modal.mod-community-theme .modal-content {
padding: var(--scale-0-0)
var(--scale-2-3);
}
.is-mobile .prompt kbd {
display: none;
}
}
/* Tablet Styling */
@media (min-width: 400pt) {
/*────────────────────────────────────
+++++++++++++++Workspace++++++++++++++
────────────────────────────────────*/
/*────────────────────────────────────
Workspace Sidebar
────────────────────────────────────*/
.is-mobile .workspace-drawer:not(.is-pinned) {
width: 100vw;
max-width: 360pt;
height: calc(100vh - var(--scale-8-6));
margin: var(--scale-8-3)
var(--scale-8-3);
border-radius: var(--scale-2-2);
border: 1px solid var(--background-modifier-border);
box-shadow: 0px 0px 20px -4px
var(--background-modifier-box-shadow);
}
/*────────────────────────────────────
+++++++++++Other Components+++++++++++
────────────────────────────────────*/
/*────────────────────────────────────
Modals
────────────────────────────────────*/
/*─────────Settings Modal──────────*/
.is-mobile .modal,
.is-mobile .prompt {
top: auto;
bottom: auto;
width: 100%;
max-width: 75%;
border-radius: var(--scale-2-2);
box-shadow: 0px 0px 20px -4px
var(--background-modifier-box-shadow);
}
.is-mobile .prompt {
padding: 0 0;
}
.is-mobile .suggestion-item {
font-size: var(--font-scale-1);
border-bottom: 1px solid var(--background-modifier-border);
}
.is-mobile .suggestion-item:first-child {
border-top: 1px solid var(--background-modifier-border);
}
.is-mobile .modal.mod-settings {
height: 100%;
}
.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) {
flex-direction: unset;
}
.is-mobile .setting-item:not(.mod-toggle):not(.setting-item-heading) .setting-item-control {
width: 300px;
}
/*─────────Menu/Options Modal──────────*/
.is-mobile .menu {
border-top-left-radius: var(--scale-2-2);
border-top-right-radius: var(--scale-2-2);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
box-shadow: 0px 0px 20px -4px
var(--background-modifier-box-shadow);
}
/*────────────────────────────────────
Pull Down Action
────────────────────────────────────*/
.pull-down-action {
font-family: var(--font-code);
font-weight: var(--font-bold);
text-transform: uppercase;
letter-spacing: var(--tracking-3);
text-align: center;
top: 0;
left: 0;
right: 0;
width: 75%;
margin: var(--scale-2-8) auto;
padding: var(--scale-2-8)
var(--scale-2-8)
var(--scale-2-8)
var(--scale-2-8);
border-radius: var(--scale-2-2);
box-shadow: 0px 0px 20px -4px
var(--background-modifier-box-shadow);
}
}
/*────────────────────────────────────
++++++++++++++++++++++++++++++++++++++
Community Plugins
++++++++++++++++++++++++++++++++++++++
──────────────────────────────────────*/
/*────────────────────────────────────
Calendar Plugin
────────────────────────────────────*/
.workspace-leaf-content[data-type="calendar"]
.view-content {
padding-bottom: 0;
}
#calendar-container {
padding: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
#calendar-container .nav {
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-2-2)
var(--scale-2-4);
}
#calendar-container .right-nav {
font-family: var(--font-code);
margin-right: var(--scale-2-4);
}
#calendar-container .title span {
font-family: var(--font-code);
font-size: var(--font-scale-1);
text-transform: uppercase;
letter-spacing: var(--tracking-3);
}
#calendar-container .title span.month {
font-family: var(--font-code);
font-size: var(--font-scale-1);
font-weight: var(--font-bold);
text-transform: uppercase;
letter-spacing: var(--tracking-3);
}
#calendar-container .day,
#calendar-container .week-num {
font-family: var(--font-code);
padding: var(--scale-2-2)
var(--scale-2-3)
var(--scale-2-2)
var(--scale-2-3);
border-radius: var(--scale-2-1);
}
#calendar-container .day {
font-size: var(--font-scale-00);
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
#calendar-container .week-num {
margin: var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0)
var(--scale-0-0);
}
#calendar-container thead {
border-top: 1px solid var(--background-modifier-border);
}
#calendar-container tr:first-child {
border-top: 1px solid var(--background-modifier-border);
}
#calendar-container .arrow svg > path { display:none; }
#calendar-container .arrow svg {
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12.707 17.293 8.414 13H18v-2H8.414l4.293-4.293-1.414-1.414L4.586 12l6.707 6.707z'%3E%3C/path%3E%3C/svg%3E");
}
/* Removes Scrollbar in Calendar */
.workspace-leaf-content[data-type="calendar"]
::-webkit-scrollbar {
display: none;
}
/*─────────Calendar Plugin Colors──────────*/
#calendar-container {
/* Plugin Variables in Light Theme */
--color-background-day-empty: transparent;
--color-background-day-active: transparent;
--color-background-day-hover: var(--color-l-gray-40);
--color-dot: var(--color-yellow-300);
--color-text-title: var(--text-normal);
--color-text-heading: var(--color-l-gray-60);
--color-text-day: var(--color-l-gray-80);
--color-text-today: var(--color-white);
--color-text-weeknum: var(--text-muted);
--color-arrow: var(--color-gray-40);
--color-arrow-hover: var(--color-white);
--color-cal-active-text: var(--color-cyan-500);
--color-cal-active-background: var(--color-gray-90);
}
#calendar-container .today {
font-weight: var(--font-bold);
}
#calendar-container .active,
#calendar-container .active.today {
color: var(--color-cal-active-text);
background: var(--color-cal-active-background);
font-weight: var(--font-bold);
border: 1px solid var(--color-cyan-500);
box-shadow: 0 1px 0 1px var(--shadow-xsm);
}
#calendar-container td .active:hover,
#calendar-container td .active.today:hover {
color: var(--color-cal-active-text);
background: var(--color-cal-active-background);
}
#calendar-container .week-num:hover,
#calendar-container .day:hover {
color: var(--color-white);
background: var(--color-gray-80);
}
#calendar-container .reset-button:hover,
#calendar-container .arrow:hover > svg {
color: var(--color-gray-20);
}
#calendar-container .week-num:active,
#calendar-container .day:active {
color: var(--color-gray-40);
background: var(--color-blacker);
transition: none;
}
#calendar-container .reset-button:active,
#calendar-container .arrow:active > svg {
color: var(--color-gray-60);
}
/*────────────────────────────────────
Sliding Panes (Andy's Mode)
────────────────────────────────────*/
.plugin-sliding-panes-rotate-header .view-header,
.plugin-sliding-panes-rotate-header
.workspace-leaf.mod-active .view-header,
.plugin-sliding-panes-rotate-header
.workspace-split.mod-root >
.workspace-leaf:first-of-type:last-of-type .view-header {
margin-top: var(--scale-0-0);
}
/* removes weird shadow on Note Header Title */
.plugin-sliding-panes-rotate-header
.view-header-title-container::before {
display: none;
}
/* aligns Note Header Icons with Side Dock Icons when Note Header is rotated vertically */
body.plugin-sliding-panes-rotate-header
.workspace > .mod-root > .workspace-leaf >
.workspace-leaf-content > .view-header
.view-header-icon {
margin-top: var(--scale-2-8) !important;
}
.plugin-sliding-panes-rotate-header
.view-header .view-action svg {
margin-bottom: var(--scale-2-1);
}
.plugin-sliding-panes-rotate-header
.view-header .view-action:last-of-type svg {
margin-bottom: var(--scale-2-6);
}
.plugin-sliding-panes-rotate-header .view-header-icon,
.plugin-sliding-panes-rotate-header .view-action {
margin-left: var(--scale-2-1) !important;
}
.plugin-sliding-panes-rotate-header.plugin-sliding-select-orientation-mixed
.view-header-icon,
.plugin-sliding-panes-rotate-header.plugin-sliding-select-orientation-mixed
.view-action {
margin-left: calc(1px + var(--scale-2-2)) !important;
}
/* don't remove !important */
.plugin-sliding-panes-rotate-header
.workspace .mod-root .workspace-leaf
.workspace-leaf-content .view-header {
border-right: none !important;
}
.plugin-sliding-panes-rotate-header
.workspace .mod-root
.workspace-leaf.mod-active
.workspace-leaf-content .view-header {
border-left: var(--scale-2-2)
solid
var(--color-yellow-700) !important;
}
.plugin-sliding-panes-rotate-header
.workspace .mod-root
.workspace-leaf:not(.workspace-leaf.mod-active)
.workspace-leaf-content .view-header {
border-left: 1px
solid
var(--color-gray-70) !important;
}
.plugin-sliding-panes:not(.plugin-sliding-panes-rotate-header)
.mod-root > .workspace-leaf:not(:first-of-type) {
border-left: 1px
solid
var(--color-gray-100);
}
/* adds hint of shadow - don't remove !important */
.plugin-sliding-panes .workspace >
.mod-root >.workspace-leaf {
box-shadow: -4px 0px 4px 0px
rgba(0, 0, 0, 0.15) !important;
}
/* horizontal scrollbar */
.workspace-split.mod-vertical.mod-root::-webkit-scrollbar {
height: var(--scale-2-2);
background: var(--background-primary);
border-top: 1px solid
var(--color-gray-100);
}
/*────────────────────────────────────
Kanban
────────────────────────────────────*/
.view-content .kanban-plugin {
background: var(--background-primary);
}
.view-content .kanban-plugin__lane-setting-wrapper
> div:last-child,
.view-content .kanban-plugin__lane-header-wrapper {
border-bottom: 1px solid var(--shadow-xsm);
}
.view-content .kanban-plugin__lane-setting-wrapper
> div:last-child {
margin-bottom: var(--scale-0-0);
}
.view-content .kanban-plugin__lane-wrapper {
border-radius: var(--scale-2-1);
border: none;
}
.view-content .kanban-plugin__lane {
background: var(--background-secondary);
border: 1px solid var(--shadow-xsm);
box-shadow: var(--shadow-sm);
border-radius: var(--scale-2-1);
}
.view-content .kanban-plugin__item {
border: 1px solid var(--color-gray-70);
border-radius: var(--scale-2-1);
}
.view-content .kanban-plugin__item-form,
.view-content .kanban-plugin__item-button-wrapper {
border-top: 1px solid var(--shadow-xsm);
}
.view-content .kanban-plugin__lane-items >
.kanban-plugin__placeholder:only-child {
border-radius: var(--scale-2-1);
border: 1px dashed var(--interactive-accent);
}
.kanban-plugin__grow-wrap>textarea,
.kanban-plugin__grow-wrap:after {
padding: var(--scale-2-2)
var(--scale-2-4)
var(--scale-2-2)
var(--scale-2-4) !important;
}
.view-content .kanban-plugin
.kanban-plugin__item button[aria-label="More options"].kanban-plugin__item-postfix-button,
.view-content .kanban-plugin
.kanban-plugin__lane button[aria-label="More options"].kanban-plugin__lane-settings-button,
.view-content .kanban-plugin
.kanban-plugin__lane-settings-button.is-enabled {
background: var(--color-slate-900);
margin-right: 0;
padding: var(--scale-2-1)
var(--scale-2-2)
var(--scale-2-1)
var(--scale-2-2) !important;
}
.view-content .kanban-plugin
.kanban-plugin__item button[aria-label="Archive card"].kanban-plugin__item-prefix-button {
background: var(--color-purple-900);
margin-right: var(--scale-2-4);
padding: var(--scale-2-1)
var(--scale-2-2)
var(--scale-2-1)
var(--scale-2-2) !important;
}
.view-content .kanban-plugin
.kanban-plugin__lane-settings-button.is-enabled {
background: var(--color-magenta-900);
margin-left: var(--scale-2-4);
}
.view-content .kanban-plugin
.kanban-plugin__lane-settings-button.is-enabled:hover {
background: var(--color-magenta-700);
}
.view-content .kanban-plugin
textarea.kanban-plugin__lane-input {
width: 100%;
}
.view-content .kanban-plugin
.kanban-plugin__item-button-wrapper
button.kanban-plugin__new-item-button {
font-family: var(--font-code) !important;
text-transform: uppercase;
letter-spacing: var(--tracking-3);
color: var(--text-muted);
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
padding: var(--scale-2-1)
var(--scale-2-4)
var(--scale-2-1)
var(--scale-2-4) !important;
}
.view-content .kanban-plugin
.kanban-plugin__item-button-wrapper
button.kanban-plugin__new-item-button:hover {
color: var(--text-normal);
background: transparent;
}
.view-content .kanban-plugin
.kanban-plugin__item-button-wrapper
button.kanban-plugin__new-item-button:active {
color: var(--text-faint);
box-shadow: none;
}
.view-content .kanban-plugin__item-metadata:not(:empty) {
padding-top: 0;
}
.view-content .kanban-plugin
.kanban-plugin__item-tags
.kanban-plugin__item-tag {
background: var(--background-secondary);
margin-top: 0;
margin-bottom: var(--scale-2-1);
padding: var(--scale-2-1)
var(--scale-2-3)
var(--scale-2-1)
var(--scale-2-3);
border-radius: var(--scale-2-6);
border: 1px solid var(--border-xsm-alt);
box-shadow: 0px 1px 0px var(--shadow-xsm);
}
/*────────────────────────────────────
Excalidraw
────────────────────────────────────*/
.workspace-leaf-content[data-type="excalidraw"]
.view-content {
padding: var(--scale-0-0);
}
body .excalidraw {
--gap: 0;
}
.excalidraw .Island {
padding: var(--scale-8-1)
var(--scale-8-1)
var(--scale-8-1)
var(--scale-8-1);
margin: var(--scale-2-4)
var(--scale-2-4)
var(--scale-2-4)
var(--scale-2-4);
}
body .excalidraw .Island.App-menu__left {
padding: var(--scale-8-2)
var(--scale-8-2)
var(--scale-8-2)
var(--scale-8-2);
}
.workspace-leaf-content[data-type="excalidraw"]
.view-content {
padding: var(--scale-0-0);
}
body .excalidraw {
--gap: 0;
}
.excalidraw .Island {
padding: var(--scale-8-1)
var(--scale-8-1)
var(--scale-8-1)
var(--scale-8-1);
margin: var(--scale-2-4)
var(--scale-2-4)
var(--scale-2-4)
var(--scale-2-4);
}
body .excalidraw .Island.App-menu__left {
padding: var(--scale-8-2)
var(--scale-8-2)
var(--scale-8-2)
var(--scale-8-2);
}
.excalidraw .ToolIcon_size_small .ToolIcon__icon {
font-size: var(--font-scale-0);
width: var(--scale-8-4);
height: var(--scale-8-4);
}
.workspace .excalidraw .reset-zoom-button {
font-family: var(--font-code);
font-size: var(--font-scale-1);
letter-spacing: var(--tracking-4);
}
.workspace .excalidraw .color-picker-input {
font-family: var(--default-font);
font-size: var(--font-scale-1);
}
/* Excalidraw Light Mode Colors */
.workspace .excalidraw canvas{
--text-primary-color: var(--color-gray-60);
--island-bg-color: rgba(255, 255, 255, 0.9);
--overlay-bg-color: transparent;
--button-special-active-bg-color: transparent;
--icon-fill-color: var(--color-gray-70);
--button-gray-1: rgba(0, 0, 0, 0.1); /* Normal Button State */
--button-gray-2: rgba(220, 220, 220, 1); /* Hover Button State */
--button-gray-3: rgba(0, 0, 0, 0.2); /* Active Button State */
--keybinding-color: var(--color-gray-40);
--select-highlight-color: var(--gray-60);
}
body .excalidraw .Island {
border: 1px solid rgba(100 , 100, 100, 0.25);
box-shadow: 0px 1px 8px -4px
rgba(100, 100, 100, 0.3);
}
body .excalidraw .Island h3,
body .excalidraw .Island legend,
body .excalidraw .Island label.control-label {
color: var(--color-gray-70);
font-family: var(--font-code);
text-transform: uppercase;
}
body .excalidraw button,
body .excalidraw .buttonList label {
background: transparent;
border-radius: var(--scale-2-1);
}
.workspace .excalidraw .Island button[type=button]:focus {
background: rgba(200, 200, 200, 1);
}
.workspace .excalidraw .undo-redo-buttons button[type=button]:focus {
background: rgba(200, 200, 200, 1);
}
.workspace .excalidraw button.help-icon[type=button]:focus {
color: var(--color-gray-30);
background: transparent;
}
body .excalidraw .color-picker-hash {
height: initial;
}
body .excalidraw kbd {
color: var(--color-gray-70);
}
/* Excalidraw Dark Mode Colors */
.excalidraw.theme--dark {
--text-primary-color: var(--text-normal);
--island-bg-color: var(--color-gray-100);
}
.excalidraw.theme--dark .Island {
border: 1px solid rgba(100, 100, 100, 0.25);
box-shadow: 1px solid var(--shadow-xsm);
}
body .excalidraw.theme--dark .Island h3,
body .excalidraw.theme--dark .Island legend,
body .excalidraw.theme--dark .Island label.control-label {
color: var(--color-gray-30);
}
.workspace .excalidraw.theme--dark .Island button[type=button]:focus {
background: rgba(100, 100, 100, 1);
}
.workspace .excalidraw.theme--dark .undo-redo-buttons button[type=button]:focus {
background: rgba(100, 100, 100, 1);
}
.workspace .excalidraw.theme--dark button.help-icon[type=button]:focus {
color: var(--color-gray-70);
background: transparent;
}
body .excalidraw.theme--dark kbd {
color: var(--color-gray-20);
}
/*~ Icon Replacements for Excalidraw ~*/
/* Quote Glyph Icon (Convert to Markdown RAW) */
body:not(.no-custom-icons)
.view-action[aria-label="Change to RAW mode (only effects text-elements with links or transclusions)"]
svg.quote-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20.553 18.15H3.447a1.443 1.443 0 0 1-1.442-1.441V7.291c0-.795.647-1.441 1.442-1.441h17.105c.795 0 1.442.646 1.442 1.441v9.418a1.441 1.441 0 0 1-1.441 1.441zM6.811 15.268V11.52l1.922 2.402 1.922-2.402v3.748h1.922V8.732h-1.922l-1.922 2.403-1.922-2.403H4.889v6.535h1.922zM19.688 12h-1.922V8.732h-1.923V12h-1.922l2.884 3.364L19.688 12z'%3E%3C/path%3E%3C/svg%3E");
}
/* Disk Icon (Save) */
body:not(.no-custom-icons) svg.disk {
height: var(--scale-8-2);
width: var(--scale-8-2);
background-color: currentColor;
}
body:not(.no-custom-icons) svg.disk > path {
display: none;
}
body:not(.no-custom-icons) svg.disk {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M5 21h14a2 2 0 0 0 2-2V8a1 1 0 0 0-.29-.71l-4-4A1 1 0 0 0 16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2zm10-2H9v-5h6zM13 7h-2V5h2zM5 5h2v4h8V5h.59L19 8.41V19h-2v-5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v5H5z'%3E%3C/path%3E%3C/svg%3E");
}
/* Save as PNG, Save as SVG Icon */
body:not(.no-custom-icons) svg.save-png,
body:not(.no-custom-icons) svg.save-svg {
height: var(--scale-8-2);
width: var(--scale-8-2);
background-color: currentColor;
}
body:not(.no-custom-icons) svg.save-png > path,
body:not(.no-custom-icons) svg.save-svg > path {
display: none;
}
body:not(.no-custom-icons) svg.save-png,
body:not(.no-custom-icons) svg.save-svg {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M11 16h2V7h3l-4-5-4 5h3z'%3E%3C/path%3E%3Cpath d='M5 22h14c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2h-4v2h4v9H5v-9h4V9H5c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2z'%3E%3C/path%3E%3C/svg%3E");
}
body.hider-frameless .workspace-split.mod-left-split >
.workspace-tabs {
padding-top: 0;
}
/*────────────────────────────────────
Dataview
────────────────────────────────────*/
/* Dataview Tables */
/* Source View */
.markdown-source-view.mod-cm6
.dataview.table-view-table {
background: var(--background-modifier-border);
}
.markdown-source-view.mod-cm6
.dataview.table-view-table thead,
.markdown-source-view.mod-cm6
.dataview.table-view-table tr,
.markdown-source-view.mod-cm6
.dataview.table-view-table td, .markdown-source-view.mod-cm6
.dataview.table-view-table th {
padding: 4px 10px;
}
.markdown-source-view.mod-cm6
.dataview.table-view-table thead {
border: none;
margin: 0;
}
.markdown-source-view.mod-cm6
.dataview.table-view-table
thead.table-view-thead tr th {
font-size: var(--font-scale-1);
border-bottom: none;
color: var(--md-color-code-white);
background: var(--background-secondary);
}
.markdown-source-view.mod-cm6
.dataview.table-view-table
.table-view-tbody tr {
background: var(--background-primary);
}
.markdown-source-view.mod-cm6
.dataview.table-view-table
.table-view-tbody tr:nth-child(even) {
background: hsl(225, 13%, 18%);
/* Derived from Color Picking MD Tables rendered in Preview, Alpha colors don't work as should */
}
.markdown-source-view.mod-cm6
.dataview.table-view-table
.table-view-tbody td:not(td:last-of-type) {
padding: 4px 10px;
}
.markdown-source-view.mod-cm6 .dataview.table-view-table ul.dataview-ul {
list-style: none;
}
/* Preview View */
.markdown-preview-view
.dataview.table-view-table {
border: 1px solid var(--background-modifier-border);
}
.markdown-preview-view
.dataview.table-view-table > thead > tr > th {
font-size: var(--font-scale-1);
border-width: 0px;
border-bottom: 1px solid var(--background-modifier-border);
border-right: 1px solid var(--background-modifier-border);
}
.markdown-preview-view
.dataview.table-view-table .table-view-tbody tr {
border-bottom: 1px solid var(--background-modifier-border);
}
.markdown-preview-view
.dataview.table-view-table .table-view-tbody td {
padding: 4px 10px;
border-right: 1px solid var(--background-modifier-border);
}
.markdown-preview-view
.dataview.table-view-table ul.dataview-ul {
list-style: none;
}
/* Dataview Task List */
.markdown-source-view.mod-cm6 .cm-embed-block .block-language-dataview h4 {
margin: 15px 0;
}
.markdown-source-view.mod-cm6 .cm-embed-block .block-language-dataview h4:first-of-type {
margin-top: 0;
}
.markdown-source-view.mod-cm6 .cm-embed-block .block-language-dataview .dataview.result-group input.task-list-item-checkbox {
margin-right: var(--scale-2-3);
}
/* Dataview List */
.markdown-source-view.mod-cm6 .cm-embed-block .block-language-dataview ul.dataview.list-view-ul {
margin-top: 0;
margin-bottom: 0;
}
/*────────────────────────────────────
++++++++++++++++++++++++++++++++++++++
Custom Icons
++++++++++++++++++++++++++++++++++++++
──────────────────────────────────────*/
body:not(.no-custom-icons) svg.any-key,
body:not(.no-custom-icons) svg.blocks,
body:not(.no-custom-icons) svg.bar-graph,
body:not(.no-custom-icons) svg.breadcrumbs-trail-icon,
body:not(.no-custom-icons) svg.audio-file,
body:not(.no-custom-icons) svg.bold-glyph,
body:not(.no-custom-icons) svg.italic-glyph,
body:not(.no-custom-icons) svg.bracket-glyph,
body:not(.no-custom-icons) svg.broken-link,
body:not(.no-custom-icons) svg.bullet-list-glyph,
body:not(.no-custom-icons) svg.bullet-list,
body:not(.no-custom-icons) svg.calendar-with-checkmark,
body:not(.no-custom-icons) svg.check-in-circle,
body:not(.no-custom-icons) svg.check-small,
body:not(.no-custom-icons) svg.checkbox-glyph,
body:not(.no-custom-icons) svg.checkmark,
body:not(.no-custom-icons) svg.clock,
body:not(.no-custom-icons) svg.cloud,
body:not(.no-custom-icons) svg.code-glyph,
body:not(.no-custom-icons) svg.create-new,
body:not(.no-custom-icons) svg.cross-in-box,
body:not(.no-custom-icons) svg.cross,
body:not(.no-custom-icons) svg.crossed-star,
body:not(.no-custom-icons) svg.dice,
body:not(.no-custom-icons) svg.document,
body:not(.no-custom-icons) svg.documents,
body:not(.no-custom-icons) svg.dot-network,
body:not(.no-custom-icons) svg.double-down-arrow-glyph,
body:not(.no-custom-icons) svg.double-up-arrow-glyph,
body:not(.no-custom-icons) svg.down-arrow-with-tail,
body:not(.no-custom-icons) svg.down-chevron-glyph,
body:not(.no-custom-icons) svg.enter,
body:not(.no-custom-icons) svg.exit-fullscreen,
body:not(.no-custom-icons) svg.expand-vertically,
body:not(.no-custom-icons) svg.filled-pin,
body:not(.no-custom-icons) svg.folder,
body:not(.no-custom-icons) svg.fullscreen,
body:not(.no-custom-icons) svg.gear,
body:not(.no-custom-icons) svg.hashtag,
body:not(.no-custom-icons) svg.heading-glyph,
body:not(.no-custom-icons) svg.go-to-file,
body:not(.no-custom-icons) svg.help .widget-icon,
body:not(.no-custom-icons) svg.help,
body:not(.no-custom-icons) svg.highlight-glyph,
body:not(.no-custom-icons) svg.horizontal-split,
body:not(.no-custom-icons) svg.image-file,
body:not(.no-custom-icons) svg.image-glyph,
body:not(.no-custom-icons) svg.indent-glyph,
body:not(.no-custom-icons) svg.info,
body:not(.no-custom-icons) svg.install,
body:not(.no-custom-icons) svg.keyboard-glyph,
body:not(.no-custom-icons) svg.left-arrow-with-tail,
body:not(.no-custom-icons) svg.left-arrow,
body:not(.no-custom-icons) svg.left-chevron-glyph,
body:not(.no-custom-icons) svg.lines-of-text,
body:not(.no-custom-icons) svg.link-glyph,
body:not(.no-custom-icons) svg.link,
body:not(.no-custom-icons) svg.magnifying-glass,
body:not(.no-custom-icons) svg.microphone-filled,
body:not(.no-custom-icons) svg.microphone,
body:not(.no-custom-icons) svg.minus-with-circle,
body:not(.no-custom-icons) svg.note-glyph,
body:not(.no-custom-icons) svg.number-list-glyph,
body:not(.no-custom-icons) svg.open-vault,
body:not(.no-custom-icons) svg.pane-layout,
body:not(.no-custom-icons) svg.paper-plane,
body:not(.no-custom-icons) svg.paused,
body:not(.no-custom-icons) svg.pdf-file,
body:not(.no-custom-icons) svg.pencil,
body:not(.no-custom-icons) svg.pin,
body:not(.no-custom-icons) svg.plus-with-circle,
body:not(.no-custom-icons) svg.popup-open,
body:not(.no-custom-icons) svg.presentation,
body:not(.no-custom-icons) svg.price-tag-glyph,
body:not(.no-custom-icons) svg.quote-glyph,
body:not(.no-custom-icons) svg.reading-glasses,
body:not(.no-custom-icons) svg.redo-glyph,
body:not(.no-custom-icons) svg.reset,
body:not(.no-custom-icons) svg.right-arrow-with-tail,
body:not(.no-custom-icons) svg.right-arrow,
body:not(.no-custom-icons) svg.right-chevron-glyph,
body:not(.no-custom-icons) svg.right-triangle,
body:not(.no-custom-icons) svg.run-command,
body:not(.no-custom-icons) svg.search,
body:not(.no-custom-icons) svg.sheets-in-box,
body:not(.no-custom-icons) svg.spreadsheet,
body:not(.no-custom-icons) svg.stacked-levels,
body:not(.no-custom-icons) svg.star-list,
body:not(.no-custom-icons) svg.star,
body:not(.no-custom-icons) svg.strikethrough-glyph,
body:not(.no-custom-icons) svg.switch,
body:not(.no-custom-icons) svg.sync-small,
body:not(.no-custom-icons) svg.sync,
body:not(.no-custom-icons) svg.tag-glyph,
body:not(.no-custom-icons) svg.three-horizontal-bars,
body:not(.no-custom-icons) svg.trash,
body:not(.no-custom-icons) svg.undo-glyph,
body:not(.no-custom-icons) svg.unindent-glyph,
body:not(.no-custom-icons) svg.up-and-down-arrows,
body:not(.no-custom-icons) svg.up-arrow-with-tail,
body:not(.no-custom-icons) svg.up-chevron-glyph,
body:not(.no-custom-icons) svg.uppercase-lowercase-a,
body:not(.no-custom-icons) svg.vault,
body:not(.no-custom-icons) svg.vertical-split,
body:not(.no-custom-icons) svg.vertical-three-dots,
body:not(.no-custom-icons) svg.wrench-screwdriver-glyph,
body:not(.no-custom-icons) svg.clock-glyph,
body:not(.no-custom-icons) svg.command-glyph,
body:not(.no-custom-icons) svg.add-note-glyph,
body:not(.no-custom-icons) svg.calendar-glyph,
body:not(.no-custom-icons) svg.duplicate-glyph,
body:not(.no-custom-icons) svg.file-explorer-glyph,
body:not(.no-custom-icons) svg.graph-glyph,
body:not(.no-custom-icons) svg.import-glyph,
body:not(.no-custom-icons) svg.languages,
body:not(.no-custom-icons) svg.links-coming-in,
body:not(.no-custom-icons) svg.links-going-out,
body:not(.no-custom-icons) svg.merge-files-glyph,
body:not(.no-custom-icons) svg.merge-files,
body:not(.no-custom-icons) svg.minus-with-circle,
body:not(.no-custom-icons) svg.navigate-glyph,
body:not(.no-custom-icons) svg.open-elsewhere-glyph,
body:not(.no-custom-icons) svg.paper-plane-glyph,
body:not(.no-custom-icons) svg.paste-text,
body:not(.no-custom-icons) svg.paste,
body:not(.no-custom-icons) svg.percent-sign-glyph,
body:not(.no-custom-icons) svg.play-audio-glyph,
body:not(.no-custom-icons) svg.plus-minus-glyph,
body:not(.no-custom-icons) svg.presentation-glyph,
body:not(.no-custom-icons) svg.question-mark-glyph,
body:not(.no-custom-icons) svg.restore-file-glyph,
body:not(.no-custom-icons) svg.scissors-glyph,
body:not(.no-custom-icons) svg.scissors,
body:not(.no-custom-icons) svg.search-glyph,
body:not(.no-custom-icons) svg.select-all-text,
body:not(.no-custom-icons) svg.split,
body:not(.no-custom-icons) svg.star-glyph,
body:not(.no-custom-icons) svg.stop-audio-glyph,
body:not(.no-custom-icons) svg.sweep,
body:not(.no-custom-icons) svg.two-blank-pages,
body:not(.no-custom-icons) svg.tomorrow-glyph,
body:not(.no-custom-icons) svg.yesterday-glyph,
body:not(.no-custom-icons) svg.workspace-glyph,
body:not(.no-custom-icons) svg.box-glyph,
body:not(.no-custom-icons) svg.wand,
body:not(.no-custom-icons) svg.longform,
body:not(.no-custom-icons) svg.changelog {
height: calc(2px + var(--scale-8-2));
width: calc(2px + var(--scale-8-2));
background-color: currentColor;
}
body:not(.no-custom-icons) svg.any-key > path,
body:not(.no-custom-icons) svg.blocks > path,
body:not(.no-custom-icons) svg.bar-graph > path,
body:not(.no-custom-icons) svg.breadcrumbs-trail-icon > path,
body:not(.no-custom-icons) svg.audio-file > path,
body:not(.no-custom-icons) svg.bold-glyph > path,
body:not(.no-custom-icons) svg.italic-glyph > path,
body:not(.no-custom-icons) svg.bracket-glyph > path,
body:not(.no-custom-icons) svg.broken-link > path,
body:not(.no-custom-icons) svg.bullet-list-glyph > path,
body:not(.no-custom-icons) svg.bullet-list > path,
body:not(.no-custom-icons) svg.calendar-with-checkmark > path,
body:not(.no-custom-icons) svg.check-in-circle > path,
body:not(.no-custom-icons) svg.check-small > path,
body:not(.no-custom-icons) svg.checkbox-glyph > path,
body:not(.no-custom-icons) svg.checkmark > path,
body:not(.no-custom-icons) svg.clock > path,
body:not(.no-custom-icons) svg.cloud > path,
body:not(.no-custom-icons) svg.code-glyph > path,
body:not(.no-custom-icons) svg.create-new > path,
body:not(.no-custom-icons) svg.cross-in-box > path,
body:not(.no-custom-icons) svg.cross > path,
body:not(.no-custom-icons) svg.crossed-star > path,
body:not(.no-custom-icons) svg.dice > path,
body:not(.no-custom-icons) svg.document > path,
body:not(.no-custom-icons) svg.documents > path,
body:not(.no-custom-icons) svg.dot-network > path,
body:not(.no-custom-icons) svg.double-down-arrow-glyph > path,
body:not(.no-custom-icons) svg.double-up-arrow-glyph > path,
body:not(.no-custom-icons) svg.down-arrow-with-tail > path,
body:not(.no-custom-icons) svg.down-chevron-glyph > path,
body:not(.no-custom-icons) svg.enter > path,
body:not(.no-custom-icons) svg.exit-fullscreen > path,
body:not(.no-custom-icons) svg.expand-vertically > path,
body:not(.no-custom-icons) svg.filled-pin > path,
body:not(.no-custom-icons) svg.folder > path,
body:not(.no-custom-icons) svg.fullscreen > path,
body:not(.no-custom-icons) svg.gear > path,
body:not(.no-custom-icons) svg.hashtag > path,
body:not(.no-custom-icons) svg.heading-glyph > path,
body:not(.no-custom-icons) svg.go-to-file > path,
body:not(.no-custom-icons) svg.help .widget-icon > path,
body:not(.no-custom-icons) svg.help > path,
body:not(.no-custom-icons) svg.highlight-glyph > path,
body:not(.no-custom-icons) svg.horizontal-split > path,
body:not(.no-custom-icons) svg.image-file > path,
body:not(.no-custom-icons) svg.image-glyph > path,
body:not(.no-custom-icons) svg.indent-glyph > path,
body:not(.no-custom-icons) svg.info > path,
body:not(.no-custom-icons) svg.install > path,
body:not(.no-custom-icons) svg.keyboard-glyph > path,
body:not(.no-custom-icons) svg.left-arrow-with-tail > path,
body:not(.no-custom-icons) svg.left-arrow > path,
body:not(.no-custom-icons) svg.left-chevron-glyph > path,
body:not(.no-custom-icons) svg.lines-of-text > path,
body:not(.no-custom-icons) svg.link-glyph > path,
body:not(.no-custom-icons) svg.link > path,
body:not(.no-custom-icons) svg.magnifying-glass > path,
body:not(.no-custom-icons) svg.microphone-filled > path,
body:not(.no-custom-icons) svg.microphone > path,
body:not(.no-custom-icons) svg.minus-with-circle > path,
body:not(.no-custom-icons) svg.navigate-glyph > path,
body:not(.no-custom-icons) svg.note-glyph > path,
body:not(.no-custom-icons) svg.number-list-glyph > path,
body:not(.no-custom-icons) svg.open-vault > path,
body:not(.no-custom-icons) svg.pane-layout > path,
body:not(.no-custom-icons) svg.paper-plane > path,
body:not(.no-custom-icons) svg.paused > path,
body:not(.no-custom-icons) svg.pdf-file > path,
body:not(.no-custom-icons) svg.pencil > path,
body:not(.no-custom-icons) svg.pin > path,
body:not(.no-custom-icons) svg.plus-with-circle > path,
body:not(.no-custom-icons) svg.popup-open > path,
body:not(.no-custom-icons) svg.presentation > path,
body:not(.no-custom-icons) svg.price-tag-glyph > path,
body:not(.no-custom-icons) svg.quote-glyph > path,
body:not(.no-custom-icons) svg.reading-glasses > path,
body:not(.no-custom-icons) svg.redo-glyph > path,
body:not(.no-custom-icons) svg.reset > path,
body:not(.no-custom-icons) svg.right-arrow-with-tail > path,
body:not(.no-custom-icons) svg.right-arrow > path,
body:not(.no-custom-icons) svg.right-chevron-glyph > path,
body:not(.no-custom-icons) svg.right-triangle > path,
body:not(.no-custom-icons) svg.run-command > path,
body:not(.no-custom-icons) svg.search > path,
body:not(.no-custom-icons) svg.sheets-in-box > path,
body:not(.no-custom-icons) svg.spreadsheet > path,
body:not(.no-custom-icons) svg.stacked-levels > path,
body:not(.no-custom-icons) svg.star-list > path,
body:not(.no-custom-icons) svg.star > path,
body:not(.no-custom-icons) svg.strikethrough-glyph > path,
body:not(.no-custom-icons) svg.switch > path,
body:not(.no-custom-icons) svg.sync-small > path,
body:not(.no-custom-icons) svg.sync > path,
body:not(.no-custom-icons) svg.tag-glyph > path,
body:not(.no-custom-icons) svg.three-horizontal-bars > path,
body:not(.no-custom-icons) svg.trash > path,
body:not(.no-custom-icons) svg.undo-glyph > path,
body:not(.no-custom-icons) svg.unindent-glyph > path,
body:not(.no-custom-icons) svg.up-and-down-arrows > path,
body:not(.no-custom-icons) svg.up-arrow-with-tail > path,
body:not(.no-custom-icons) svg.up-chevron-glyph > path,
body:not(.no-custom-icons) svg.uppercase-lowercase-a > path,
body:not(.no-custom-icons) svg.vault > path,
body:not(.no-custom-icons) svg.vertical-split > path,
body:not(.no-custom-icons) svg.vertical-three-dots > path,
body:not(.no-custom-icons) svg.wrench-screwdriver-glyph > path,
body:not(.no-custom-icons) svg.clock-glyph > path,
body:not(.no-custom-icons) svg.command-glyph > path,
body:not(.no-custom-icons) svg.add-note-glyph > path,
body:not(.no-custom-icons) svg.calendar-glyph > path,
body:not(.no-custom-icons) svg.duplicate-glyph > path,
body:not(.no-custom-icons) svg.file-explorer-glyph > path,
body:not(.no-custom-icons) svg.graph-glyph > path,
body:not(.no-custom-icons) svg.import-glyph > path,
body:not(.no-custom-icons) svg.languages > path,
body:not(.no-custom-icons) svg.links-coming-in > path,
body:not(.no-custom-icons) svg.links-going-out > path,
body:not(.no-custom-icons) svg.merge-files-glyph > path,
body:not(.no-custom-icons) svg.merge-files > path,
body:not(.no-custom-icons) svg.open-elsewhere-glyph > path,
body:not(.no-custom-icons) svg.paper-plane-glyph > path,
body:not(.no-custom-icons) svg.paste-text > path,
body:not(.no-custom-icons) svg.paste > path,
body:not(.no-custom-icons) svg.percent-sign-glyph > path,
body:not(.no-custom-icons) svg.play-audio-glyph > path,
body:not(.no-custom-icons) svg.plus-minus-glyph > path,
body:not(.no-custom-icons) svg.presentation-glyph > path,
body:not(.no-custom-icons) svg.question-mark-glyph > path,
body:not(.no-custom-icons) svg.restore-file-glyph > path,
body:not(.no-custom-icons) svg.scissors-glyph > path,
body:not(.no-custom-icons) svg.scissors > path,
body:not(.no-custom-icons) svg.search-glyph > path,
body:not(.no-custom-icons) svg.select-all-text > path,
body:not(.no-custom-icons) svg.split > path,
body:not(.no-custom-icons) svg.star-glyph > path,
body:not(.no-custom-icons) svg.stop-audio-glyph > path,
body:not(.no-custom-icons) svg.sweep > path,
body:not(.no-custom-icons) svg.two-blank-pages > path,
body:not(.no-custom-icons) svg.tomorrow-glyph > path,
body:not(.no-custom-icons) svg.yesterday-glyph > path,
body:not(.no-custom-icons) svg.workspace-glyph > path,
body:not(.no-custom-icons) svg.box-glyph > path,
body:not(.no-custom-icons) svg.wand > path,
body:not(.no-custom-icons) svg.longform > path,
body:not(.no-custom-icons) svg.changelog > path {
display: none;
}
/* Add Note (Outgoing Link, Backlink etc.) */
body:not(.no-custom-icons) svg.add-note-glyph {
vertical-align: 3px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4z'%3E%3C/path%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Audio File */
body:not(.no-custom-icons) svg.audio-file {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: scaleX(-1);msFilter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);'%3E%3Cpath d='M16 12V6c0-2.217-1.785-4.021-3.979-4.021a.933.933 0 0 0-.209.025A4.006 4.006 0 0 0 8 6v6c0 2.206 1.794 4 4 4s4-1.794 4-4zm-6 0V6c0-1.103.897-2 2-2a.89.89 0 0 0 .163-.015C13.188 4.06 14 4.935 14 6v6c0 1.103-.897 2-2 2s-2-.897-2-2z'%3E%3C/path%3E%3Cpath d='M6 12H4c0 4.072 3.061 7.436 7 7.931V22h2v-2.069c3.939-.495 7-3.858 7-7.931h-2c0 3.309-2.691 6-6 6s-6-2.691-6-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Customize Hotkey, Shortcut */
body:not(.no-custom-icons) svg.any-key {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M6 14c-2.206 0-4 1.794-4 4s1.794 4 4 4a4.003 4.003 0 0 0 3.998-3.98H10V16h4v2.039h.004A4.002 4.002 0 0 0 18 22c2.206 0 4-1.794 4-4s-1.794-4-4-4h-2v-4h2c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4v2h-4V5.98h-.002A4.003 4.003 0 0 0 6 2C3.794 2 2 3.794 2 6s1.794 4 4 4h2v4H6zm2 4c0 1.122-.879 2-2 2s-2-.878-2-2 .879-2 2-2h2v2zm10-2c1.121 0 2 .878 2 2s-.879 2-2 2-2-.878-2-2v-2h2zM16 6c0-1.122.879-2 2-2s2 .878 2 2-.879 2-2 2h-2V6zM6 8c-1.121 0-2-.878-2-2s.879-2 2-2 2 .878 2 2v2H6zm4 2h4v4h-4v-4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Markdown Importer */
body:not(.no-custom-icons) svg.blocks {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m12 18 4-5h-3V2h-2v11H8z'%3E%3C/path%3E%3Cpath d='M19 9h-4v2h4v9H5v-9h4V9H5c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Bar Graph */
body:not(.no-custom-icons) svg.bar-graph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M3 5v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2H5c-1.103 0-2 .897-2 2zm16.001 14H5V5h14l.001 14z'%3E%3C/path%3E%3Cpath d='M11 7h2v10h-2zm4 3h2v7h-2zm-8 2h2v5H7z'%3E%3C/path%3E%3C/svg%3E");
}
/* Bold Glyph */
body:not(.no-custom-icons) svg.bold-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M17.061 11.22A4.46 4.46 0 0 0 18 8.5C18 6.019 15.981 4 13.5 4H6v15h8c2.481 0 4.5-2.019 4.5-4.5a4.48 4.48 0 0 0-1.439-3.28zM13.5 7c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5H9V7h4.5zm.5 9H9v-3h5c.827 0 1.5.673 1.5 1.5S14.827 16 14 16z'%3E%3C/path%3E%3C/svg%3E");
}
/* Box Glyph */
body:not(.no-custom-icons) svg.box-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m21.406 6.086-9-4a1.001 1.001 0 0 0-.813 0l-9 4c-.02.009-.034.024-.054.035-.028.014-.058.023-.084.04-.022.015-.039.034-.06.05a.87.87 0 0 0-.19.194c-.02.028-.041.053-.059.081a1.119 1.119 0 0 0-.076.165c-.009.027-.023.052-.031.079A1.013 1.013 0 0 0 2 7v10c0 .396.232.753.594.914l9 4c.13.058.268.086.406.086a.997.997 0 0 0 .402-.096l.004.01 9-4A.999.999 0 0 0 22 17V7a.999.999 0 0 0-.594-.914zM12 4.095 18.538 7 12 9.905l-1.308-.581L5.463 7 12 4.095zM4 16.351V8.539l7 3.111v7.811l-7-3.11zm9 3.11V11.65l7-3.111v7.812l-7 3.11z'%3E%3C/path%3E%3C/svg%3E");
}
/* Bracket Glyph */
body:not(.no-custom-icons) svg.bracket-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M9 22h1v-2h-.989C8.703 19.994 6 19.827 6 16c0-1.993-.665-3.246-1.502-4C5.335 11.246 6 9.993 6 8c0-3.827 2.703-3.994 3-4h1V2H8.998C7.269 2.004 4 3.264 4 8c0 2.8-1.678 2.99-2.014 3L2 13c.082 0 2 .034 2 3 0 4.736 3.269 5.996 5 6zm13-11c-.082 0-2-.034-2-3 0-4.736-3.269-5.996-5-6h-1v2h.989c.308.006 3.011.173 3.011 4 0 1.993.665 3.246 1.502 4-.837.754-1.502 2.007-1.502 4 0 3.827-2.703 3.994-3 4h-1v2h1.002C16.731 21.996 20 20.736 20 16c0-2.8 1.678-2.99 2.014-3L22 11z'%3E%3C/path%3E%3C/svg%3E");
}
/* Breadcrumbs Trail */
body:not(.no-custom-icons) svg.breadcrumbs-trail-icon {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 13.01h-7V10h1c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v4c0 1.103.897 2 2 2h1v3.01H4V18H3v4h4v-4H6v-2.99h5V18h-1v4h4v-4h-1v-2.99h5V18h-1v4h4v-4h-1v-4.99zM10 8V4h4l.002 4H10z'%3E%3C/path%3E%3C/svg%3E");
}
/* Broken Link */
body:not(.no-custom-icons) svg.broken-link {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M16.949 14.121 19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0l-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121a2.723 2.723 0 0 1-.844.57L13.414 12l1.414-1.414-.707-.707a4.965 4.965 0 0 0-3.535-1.465c-.235 0-.464.032-.691.066L3.707 2.293 2.293 3.707l18 18 1.414-1.414-5.536-5.536c.277-.184.538-.396.778-.636zm-6.363 3.536a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l1.476-1.475-1.414-1.414L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707z'%3E%3C/path%3E%3C/svg%3E");
}
/* Bullet List, Outline, Collapse Results */
body:not(.no-custom-icons) svg.bullet-list {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M4 6h2v2H4zm0 5h2v2H4zm0 5h2v2H4zm16-8V6H8.023v2H18.8zM8 11h12v2H8zm0 5h12v2H8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Bullet List 2 */
body:not(.no-custom-icons) svg.bullet-list-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath 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'%3E%3C/path%3E%3Cpath d='M7 7h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Calendar */
body:not(.no-custom-icons) svg.calendar-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M11 12h6v6h-6z'%3E%3C/path%3E%3Cpath d='M19 4h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm.001 16H5V8h14l.001 12z'%3E%3C/path%3E%3C/svg%3E");
}
/* Calendar with Checkmark, Daily Note */
body:not(.no-custom-icons) svg.calendar-with-checkmark {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19 4h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm.002 16H5V8h14l.002 12z'%3E%3C/path%3E%3Cpath d='m11 17.414 5.707-5.707-1.414-1.414L11 14.586l-2.293-2.293-1.414 1.414z'%3E%3C/path%3E%3C/svg%3E");
}
/* Changelog */
body:not(.no-custom-icons) svg.changelog {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19.89 10.105a8.696 8.696 0 0 0-.789-1.456l-1.658 1.119a6.606 6.606 0 0 1 .987 2.345 6.659 6.659 0 0 1 0 2.648 6.495 6.495 0 0 1-.384 1.231 6.404 6.404 0 0 1-.603 1.112 6.654 6.654 0 0 1-1.776 1.775 6.606 6.606 0 0 1-2.343.987 6.734 6.734 0 0 1-2.646 0 6.55 6.55 0 0 1-3.317-1.788 6.605 6.605 0 0 1-1.408-2.088 6.613 6.613 0 0 1-.382-1.23 6.627 6.627 0 0 1 .382-3.877A6.551 6.551 0 0 1 7.36 8.797 6.628 6.628 0 0 1 9.446 7.39c.395-.167.81-.296 1.23-.382.107-.022.216-.032.324-.049V10l5-4-5-4v2.938a8.805 8.805 0 0 0-.725.111 8.512 8.512 0 0 0-3.063 1.29A8.566 8.566 0 0 0 4.11 16.77a8.535 8.535 0 0 0 1.835 2.724 8.614 8.614 0 0 0 2.721 1.833 8.55 8.55 0 0 0 5.061.499 8.576 8.576 0 0 0 6.162-5.056c.22-.52.389-1.061.5-1.608a8.643 8.643 0 0 0 0-3.45 8.684 8.684 0 0 0-.499-1.607z'%3E%3C/path%3E%3C/svg%3E");
}
/* Checkbox */
body:not(.no-custom-icons) svg.checkbox-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m10.933 13.519-2.226-2.226-1.414 1.414 3.774 3.774 5.702-6.84-1.538-1.282z'%3E%3C/path%3E%3Cpath 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'%3E%3C/path%3E%3C/svg%3E");
}
/* Check in Circle */
body:not(.no-custom-icons) svg.check-in-circle {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3Cpath d='M9.999 13.587 7.7 11.292l-1.412 1.416 3.713 3.705 6.706-6.706-1.414-1.414z'%3E%3C/path%3E%3C/svg%3E");
}
/* Checkmark */
body:not(.no-custom-icons) svg.checkmark {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z'%3E%3C/path%3E%3C/svg%3E");
}
/* Check Small, Obsidian Sync */
body:not(.no-custom-icons) svg.check-small {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3Cpath d='M9.999 13.587 7.7 11.292l-1.412 1.416 3.713 3.705 6.706-6.706-1.414-1.414z'%3E%3C/path%3E%3C/svg%3E");
}
/* Clock, Recent Files Community Plugin */
body:not(.no-custom-icons) svg.clock {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 16c1.671 0 3-1.331 3-3s-1.329-3-3-3-3 1.331-3 3 1.329 3 3 3z'%3E%3C/path%3E%3Cpath d='M20.817 11.186a8.94 8.94 0 0 0-1.355-3.219 9.053 9.053 0 0 0-2.43-2.43 8.95 8.95 0 0 0-3.219-1.355 9.028 9.028 0 0 0-1.838-.18V2L8 5l3.975 3V6.002c.484-.002.968.044 1.435.14a6.961 6.961 0 0 1 2.502 1.053 7.005 7.005 0 0 1 1.892 1.892A6.967 6.967 0 0 1 19 13a7.032 7.032 0 0 1-.55 2.725 7.11 7.11 0 0 1-.644 1.188 7.2 7.2 0 0 1-.858 1.039 7.028 7.028 0 0 1-3.536 1.907 7.13 7.13 0 0 1-2.822 0 6.961 6.961 0 0 1-2.503-1.054 7.002 7.002 0 0 1-1.89-1.89A6.996 6.996 0 0 1 5 13H3a9.02 9.02 0 0 0 1.539 5.034 9.096 9.096 0 0 0 2.428 2.428A8.95 8.95 0 0 0 12 22a9.09 9.09 0 0 0 1.814-.183 9.014 9.014 0 0 0 3.218-1.355 8.886 8.886 0 0 0 1.331-1.099 9.228 9.228 0 0 0 1.1-1.332A8.952 8.952 0 0 0 21 13a9.09 9.09 0 0 0-.183-1.814z'%3E%3C/path%3E%3C/svg%3E");
}
/* Clock 2 */
body:not(.no-custom-icons) svg.clock-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3Cpath d='M13 7h-2v6h6v-2h-4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Cloud */
body:not(.no-custom-icons) svg.cloud {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M18.944 11.112C18.507 7.67 15.56 5 12 5 9.244 5 6.85 6.611 5.757 9.15 3.609 9.792 2 11.82 2 14c0 2.757 2.243 5 5 5h11c2.206 0 4-1.794 4-4a4.01 4.01 0 0 0-3.056-3.888zM18 17H7c-1.654 0-3-1.346-3-3 0-1.404 1.199-2.756 2.673-3.015l.581-.102.192-.558C8.149 8.274 9.895 7 12 7c2.757 0 5 2.243 5 5v1h1c1.103 0 2 .897 2 2s-.897 2-2 2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Code */
body:not(.no-custom-icons) svg.code-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m7.375 16.781 1.25-1.562L4.601 12l4.024-3.219-1.25-1.562-5 4a1 1 0 0 0 0 1.562l5 4zm9.25-9.562-1.25 1.562L19.399 12l-4.024 3.219 1.25 1.562 5-4a1 1 0 0 0 0-1.562l-5-4zm-1.649-4.003-4 18-1.953-.434 4-18z'%3E%3C/path%3E%3C/svg%3E");
}
/* Command, Hotkey */
body:not(.no-custom-icons) svg.command-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M6 14c-2.206 0-4 1.794-4 4s1.794 4 4 4a4.003 4.003 0 0 0 3.998-3.98H10V16h4v2.039h.004A4.002 4.002 0 0 0 18 22c2.206 0 4-1.794 4-4s-1.794-4-4-4h-2v-4h2c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4v2h-4V5.98h-.002A4.003 4.003 0 0 0 6 2C3.794 2 2 3.794 2 6s1.794 4 4 4h2v4H6zm2 4c0 1.122-.879 2-2 2s-2-.878-2-2 .879-2 2-2h2v2zm10-2c1.121 0 2 .878 2 2s-.879 2-2 2-2-.878-2-2v-2h2zM16 6c0-1.122.879-2 2-2s2 .878 2 2-.879 2-2 2h-2V6zM6 8c-1.121 0-2-.878-2-2s.879-2 2-2 2 .878 2 2v2H6zm4 2h4v4h-4v-4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Create New */
body:not(.no-custom-icons) svg.create-new {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19.937 8.68c-.011-.032-.02-.063-.033-.094a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.99.99 0 0 0-.05-.258zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Cross, Global Close Icon (except Title Bar) */
body:not(.no-custom-icons) svg.cross {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z'%3E%3C/path%3E%3C/svg%3E");
}
/* Cross, Active Note -> Close */
body:not(.no-custom-icons)
.view-header .view-actions
.view-action.mod-close-leaf[aria-label="Close"]
svg.cross {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z'%3E%3C/path%3E%3C/svg%3E");
}
/* Crossed Star */
body:not(.no-custom-icons) svg.crossed-star {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M9.172 16.242 12 13.414l2.828 2.828 1.414-1.414L13.414 12l2.828-2.828-1.414-1.414L12 10.586 9.172 7.758 7.758 9.172 10.586 12l-2.828 2.828z'%3E%3C/path%3E%3Cpath d='M12 22c5.514 0 10-4.486 10-10S17.514 2 12 2 2 6.486 2 12s4.486 10 10 10zm0-18c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Cross in Box */
body:not(.no-custom-icons) svg.cross-in-box {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M9.172 16.242 12 13.414l2.828 2.828 1.414-1.414L13.414 12l2.828-2.828-1.414-1.414L12 10.586 9.172 7.758 7.758 9.172 10.586 12l-2.828 2.828z'%3E%3C/path%3E%3Cpath d='M12 22c5.514 0 10-4.486 10-10S17.514 2 12 2 2 6.486 2 12s4.486 10 10 10zm0-18c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Dice, Random Note */
body:not(.no-custom-icons) svg.dice {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath 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'%3E%3C/path%3E%3Ccircle cx='8' cy='8' r='1.5'%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='1.5'%3E%3C/circle%3E%3Ccircle cx='16' cy='16' r='1.5'%3E%3C/circle%3E%3Ccircle cx='8' cy='16' r='1.5'%3E%3C/circle%3E%3Ccircle cx='16' cy='8' r='1.5'%3E%3C/circle%3E%3C/svg%3E");
}
/* Document (General) */
body:not(.no-custom-icons) svg.document {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z'%3E%3C/path%3E%3Cpath d='M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Document, File Explorer New Note */
body:not(.no-custom-icons)
.workspace-leaf-content[data-type="file-explorer"]
.nav-header
.nav-action-button
svg.document {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19.937 8.68c-.011-.032-.02-.063-.033-.094a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.99.99 0 0 0-.05-.258zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Document, Active Note (Markdown) */
body:not(.no-custom-icons)
.workspace-leaf-content[data-type="markdown"]
.view-header
.view-header-icon
svg.document {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z'%3E%3C/path%3E%3Cpath d='M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Document, Active Note ( ) */
body:not(.no-custom-icons)
.workspace-leaf-content[data-type=" "]
.view-header
.view-header-icon
svg.document {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19.903 8.586a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.952.952 0 0 0-.051-.259c-.01-.032-.019-.063-.033-.093zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z'%3E%3C/path%3E%3Cpath d='M8 12h8v2H8zm0 4h8v2H8zm0-8h2v2H8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Multiple Document, Insert Template */
body:not(.no-custom-icons) svg.documents {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 2H8c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM8 16V4h12l.002 12H8z'%3E%3C/path%3E%3Cpath d='M4 8H2v12c0 1.103.897 2 2 2h12v-2H4V8zm11-2h-2v3h-3v2h3v3h2v-3h3V9h-3z'%3E%3C/path%3E%3C/svg%3E");
}
/* Multiple Document, Search Files -> Copy Search Results */
body:not(.no-custom-icons)
.workspace-leaf-content[data-type="search"]
.nav-header
.nav-action-button
svg.documents {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z'%3E%3C/path%3E%3Cpath d='M6 12h6v2H6zm0 4h6v2H6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Dot Network, Graph View, Open Graph */
body:not(.no-custom-icons) svg.dot-network {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19 3c-1.654 0-3 1.346-3 3 0 .502.136.968.354 1.385l-1.116 1.302A3.976 3.976 0 0 0 13 8c-.739 0-1.425.216-2.02.566L9.566 7.152A3.449 3.449 0 0 0 10 5.5C10 3.57 8.43 2 6.5 2S3 3.57 3 5.5 4.57 9 6.5 9c.601 0 1.158-.166 1.652-.434L9.566 9.98A3.972 3.972 0 0 0 9 12c0 .997.38 1.899.985 2.601l-1.692 1.692.025.025A2.962 2.962 0 0 0 7 16c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3c0-.476-.121-.919-.318-1.318l.025.025 1.954-1.954c.421.15.867.247 1.339.247 2.206 0 4-1.794 4-4a3.96 3.96 0 0 0-.439-1.785l1.253-1.462c.364.158.764.247 1.186.247 1.654 0 3-1.346 3-3s-1.346-3-3-3zM7 20a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM5 5.5C5 4.673 5.673 4 6.5 4S8 4.673 8 5.5 7.327 7 6.5 7 5 6.327 5 5.5zm8 8.5c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm6-7a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Double Down Arrow */
body:not(.no-custom-icons) svg.double-down-arrow-glyph {
transform: rotate(-90deg);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10.296 7.71 14.621 12l-4.325 4.29 1.408 1.42L17.461 12l-5.757-5.71z'%3E%3C/path%3E%3Cpath d='M6.704 6.29 5.296 7.71 9.621 12l-4.325 4.29 1.408 1.42L12.461 12z'%3E%3C/path%3E%3C/svg%3E");
}
/* Double Up Arrow */
body:not(.no-custom-icons) svg.double-up-arrow-glyph {
transform: rotate(90deg);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10.296 7.71 14.621 12l-4.325 4.29 1.408 1.42L17.461 12l-5.757-5.71z'%3E%3C/path%3E%3Cpath d='M6.704 6.29 5.296 7.71 9.621 12l-4.325 4.29 1.408 1.42L12.461 12z'%3E%3C/path%3E%3C/svg%3E");
}
/* Down Arrow with Tail */
body:not(.no-custom-icons) svg.down-arrow-with-tail {
transform: rotate(-90deg);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z'%3E%3C/path%3E%3C/svg%3E");
}
/* Down Chevron */
body:not(.no-custom-icons) svg.down-chevron-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z'%3E%3C/path%3E%3C/svg%3E");
}
/* Duplicate, Copy */
body:not(.no-custom-icons) svg.duplicate-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z'%3E%3C/path%3E%3C/svg%3E");
}
/* Enter */
body:not(.no-custom-icons) svg.enter {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10.385 21.788a.997.997 0 0 0 .857.182l8-2A.999.999 0 0 0 20 19V5a1 1 0 0 0-.758-.97l-8-2A1.003 1.003 0 0 0 10 3v1H6a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h4v1c0 .308.142.599.385.788zM12 4.281l6 1.5v12.438l-6 1.5V4.281zM7 18V6h3v12H7z'%3E%3C/path%3E%3Cpath d='M14.242 13.159c.446-.112.758-.512.758-.971v-.377a1 1 0 1 0-2 .001v.377a1 1 0 0 0 1.242.97z'%3E%3C/path%3E%3C/svg%3E");
}
/* Exit Fullscreen */
body:not(.no-custom-icons) svg.exit-fullscreen {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 4H8v4H4v2h6zM8 20h2v-6H4v2h4zm12-6h-6v6h2v-4h4zm0-6h-4V4h-2v6h6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Expand Vertically, Show More Context */
body:not(.no-custom-icons) svg.expand-vertically {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpolygon points='12 19.24 7.05 14.29 5.64 15.71 12 22.07 18.36 15.71 16.95 14.29 12 19.24'%3E%3C/polygon%3E%3Cpolygon points='5.64 8.29 7.05 9.71 12 4.76 16.95 9.71 18.36 8.29 12 1.93 5.64 8.29'%3E%3C/polygon%3E%3C/svg%3E");
}
/* File Explorer */
body:not(.no-custom-icons) svg.file-explorer-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a.999.999 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13zm7 7v-5h4v5h-4zm2-15.586 6 6V15l.001 5H16v-5c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H6v-9.586l6-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Filled Pin */
body:not(.no-custom-icons) svg.filled-pin {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgb(0, 0, 0); --darkreader-inline-fill: %23e8e6e3;' data-darkreader-inline-fill=''%3E%3Cpath d='M15 11.586V6h2V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2h2v5.586l-2.707 1.707A.996.996 0 0 0 6 14v2a1 1 0 0 0 1 1h4v3l1 2 1-2v-3h4a1 1 0 0 0 1-1v-2a.996.996 0 0 0-.293-.707L15 11.586z'%3E%3C/path%3E%3C/svg%3E");
}
/* Folder */
body:not(.no-custom-icons) svg.folder {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 5h-8.586L9.707 3.293A.997.997 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2zM4 19V7h16l.002 12H4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Folder, Workspace Tab Header -> File Explorer */
body:not(.no-custom-icons)
.workspace-tab-header[aria-label="File explorer"]
.workspace-tab-header-inner-icon
svg.folder {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a.999.999 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13zm7 7v-5h4v5h-4zm2-15.586 6 6V15l.001 5H16v-5c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H6v-9.586l6-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Folder, File Explorer -> Add Folder */
body:not(.no-custom-icons)
.nav-action-button[aria-label="New folder"]
svg.folder {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M13 9h-2v3H8v2h3v3h2v-3h3v-2h-3z'%3E%3C/path%3E%3Cpath d='M20 5h-8.586L9.707 3.293A.996.996 0 0 0 9 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V7c0-1.103-.897-2-2-2zM4 19V7h16l.002 12H4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Fullscreen */
body:not(.no-custom-icons) svg.fullscreen {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M5 5h5V3H3v7h2zm5 14H5v-5H3v7h7zm11-5h-2v5h-5v2h7zm-2-4h2V3h-7v2h5z'%3E%3C/path%3E%3C/svg%3E");
}
/* Gear, Side Dock Settings, Graph View Settings */
body:not(.no-custom-icons) svg.gear {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 16c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.084 0 2 .916 2 2s-.916 2-2 2-2-.916-2-2 .916-2 2-2z'%3E%3C/path%3E%3Cpath d='m2.845 16.136 1 1.73c.531.917 1.809 1.261 2.73.73l.529-.306A8.1 8.1 0 0 0 9 19.402V20c0 1.103.897 2 2 2h2c1.103 0 2-.897 2-2v-.598a8.132 8.132 0 0 0 1.896-1.111l.529.306c.923.53 2.198.188 2.731-.731l.999-1.729a2.001 2.001 0 0 0-.731-2.732l-.505-.292a7.718 7.718 0 0 0 0-2.224l.505-.292a2.002 2.002 0 0 0 .731-2.732l-.999-1.729c-.531-.92-1.808-1.265-2.731-.732l-.529.306A8.1 8.1 0 0 0 15 4.598V4c0-1.103-.897-2-2-2h-2c-1.103 0-2 .897-2 2v.598a8.132 8.132 0 0 0-1.896 1.111l-.529-.306c-.924-.531-2.2-.187-2.731.732l-.999 1.729a2.001 2.001 0 0 0 .731 2.732l.505.292a7.683 7.683 0 0 0 0 2.223l-.505.292a2.003 2.003 0 0 0-.731 2.733zm3.326-2.758A5.703 5.703 0 0 1 6 12c0-.462.058-.926.17-1.378a.999.999 0 0 0-.47-1.108l-1.123-.65.998-1.729 1.145.662a.997.997 0 0 0 1.188-.142 6.071 6.071 0 0 1 2.384-1.399A1 1 0 0 0 11 5.3V4h2v1.3a1 1 0 0 0 .708.956 6.083 6.083 0 0 1 2.384 1.399.999.999 0 0 0 1.188.142l1.144-.661 1 1.729-1.124.649a1 1 0 0 0-.47 1.108c.112.452.17.916.17 1.378 0 .461-.058.925-.171 1.378a1 1 0 0 0 .471 1.108l1.123.649-.998 1.729-1.145-.661a.996.996 0 0 0-1.188.142 6.071 6.071 0 0 1-2.384 1.399A1 1 0 0 0 13 18.7l.002 1.3H11v-1.3a1 1 0 0 0-.708-.956 6.083 6.083 0 0 1-2.384-1.399.992.992 0 0 0-1.188-.141l-1.144.662-1-1.729 1.124-.651a1 1 0 0 0 .471-1.108z'%3E%3C/path%3E%3C/svg%3E");
}
/* Quick Switcher / Go to File... */
body:not(.no-custom-icons) svg.go-to-file {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M13.707 2.293A.996.996 0 0 0 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9a.996.996 0 0 0-.293-.707l-6-6zM6 4h6.586L18 9.414l.002 9.174-2.568-2.568c.35-.595.566-1.281.566-2.02 0-2.206-1.794-4-4-4s-4 1.794-4 4 1.794 4 4 4c.739 0 1.425-.216 2.02-.566L16.586 20H6V4zm6 12c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Graph Glyph (Not used in Open Graph View or Graph View */
body:not(.no-custom-icons) svg.graph-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19 3c-1.654 0-3 1.346-3 3 0 .502.136.968.354 1.385l-1.116 1.302A3.976 3.976 0 0 0 13 8c-.739 0-1.425.216-2.02.566L9.566 7.152A3.449 3.449 0 0 0 10 5.5C10 3.57 8.43 2 6.5 2S3 3.57 3 5.5 4.57 9 6.5 9c.601 0 1.158-.166 1.652-.434L9.566 9.98A3.972 3.972 0 0 0 9 12c0 .997.38 1.899.985 2.601l-1.692 1.692.025.025A2.962 2.962 0 0 0 7 16c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3c0-.476-.121-.919-.318-1.318l.025.025 1.954-1.954c.421.15.867.247 1.339.247 2.206 0 4-1.794 4-4a3.96 3.96 0 0 0-.439-1.785l1.253-1.462c.364.158.764.247 1.186.247 1.654 0 3-1.346 3-3s-1.346-3-3-3zM7 20a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM5 5.5C5 4.673 5.673 4 6.5 4S8 4.673 8 5.5 7.327 7 6.5 7 5 6.327 5 5.5zm8 8.5c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zm6-7a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Hashtag, Tag Pane */
body:not(.no-custom-icons) svg.hashtag {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M16.018 3.815 15.232 8h-4.966l.716-3.815-1.964-.37L8.232 8H4v2h3.857l-.751 4H3v2h3.731l-.714 3.805 1.965.369L8.766 16h4.966l-.714 3.805 1.965.369.783-4.174H20v-2h-3.859l.751-4H21V8h-3.733l.716-3.815-1.965-.37zM14.106 14H9.141l.751-4h4.966l-.752 4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Heading Glyph */
body:not(.no-custom-icons) svg.heading-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M18 20V4h-3v6H9V4H6v16h3v-7h6v7z'%3E%3C/path%3E%3C/svg%3E");
}
/* Help, Widget Icon */
body:not(.no-custom-icons) svg.help .widget-icon {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 6a3.939 3.939 0 0 0-3.934 3.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626a9.208 9.208 0 0 0-.691.599c-.998.997-1.027 2.056-1.027 2.174V15h2l-.001-.633c.001-.016.033-.386.441-.793.15-.15.339-.3.535-.458.779-.631 1.958-1.584 1.958-3.182A3.937 3.937 0 0 0 12 6zm-1 10h2v2h-2z'%3E%3C/path%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Help, Side Dock Ribbon -> Obsidian Help */
body:not(.no-custom-icons) svg.help {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 6a3.939 3.939 0 0 0-3.934 3.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626a9.208 9.208 0 0 0-.691.599c-.998.997-1.027 2.056-1.027 2.174V15h2l-.001-.633c.001-.016.033-.386.441-.793.15-.15.339-.3.535-.458.779-.631 1.958-1.584 1.958-3.182A3.937 3.937 0 0 0 12 6zm-1 10h2v2h-2z'%3E%3C/path%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Highlight, Fill */
body:not(.no-custom-icons) svg.highlight-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m20.707 5.826-3.535-3.533a.999.999 0 0 0-1.408-.006L7.096 10.82a1.01 1.01 0 0 0-.273.488l-1.024 4.437L4 18h2.828l1.142-1.129 3.588-.828c.18-.042.345-.133.477-.262l8.667-8.535a1 1 0 0 0 .005-1.42zm-9.369 7.833-2.121-2.12 7.243-7.131 2.12 2.12-7.242 7.131zM4 20h16v2H4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Horizontal Split / Split Horizontally */
body:not(.no-custom-icons) svg.horizontal-split {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M17 11H7V7l-5 5 5 5v-4h10v4l5-5-5-5z'%3E%3C/path%3E%3C/svg%3E");
}
/* Image File */
body:not(.no-custom-icons) svg.image-file {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Ccircle cx='7.499' cy='9.5' r='1.5'%3E%3C/circle%3E%3Cpath d='m10.499 14-1.5-2-3 4h12l-4.5-6z'%3E%3C/path%3E%3Cpath d='M19.999 4h-16c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm-16 14V6h16l.002 12H3.999z'%3E%3C/path%3E%3C/svg%3E");
}
/* Image Glyph */
body:not(.no-custom-icons) svg.image-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Ccircle cx='7.499' cy='9.5' r='1.5'%3E%3C/circle%3E%3Cpath d='m10.499 14-1.5-2-3 4h12l-4.5-6z'%3E%3C/path%3E%3Cpath d='M19.999 4h-16c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm-16 14V6h16l.002 12H3.999z'%3E%3C/path%3E%3C/svg%3E");
}
/* Import Glyph */
body:not(.no-custom-icons) svg.import-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m12 18 4-5h-3V2h-2v11H8z'%3E%3C/path%3E%3Cpath d='M19 9h-4v2h4v9H5v-9h4V9H5c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Indent Glyph */
body:not(.no-custom-icons) svg.indent-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 15h10v2H10zm-6 4h16v2H4zm6-8h10v2H10zm0-4h10v2H10zM4 3h16v2H4zm0 5v8l4-4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Info */
body:not(.no-custom-icons) svg.info {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3Cpath d='M11 11h2v6h-2zm0-4h2v2h-2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Install */
body:not(.no-custom-icons) svg.install {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m12 16 4-5h-3V4h-2v7H8z'%3E%3C/path%3E%3Cpath d='M20 18H4v-7H2v7c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2v-7h-2v7z'%3E%3C/path%3E%3C/svg%3E");
}
/* Italic Glyph */
body:not(.no-custom-icons) svg.italic-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19 7V4H9v3h2.868L9.012 17H5v3h10v-3h-2.868l2.856-10z'%3E%3C/path%3E%3C/svg%3E");
}
/* Keyboard Glyph */
body:not(.no-custom-icons) svg.keyboard-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 4V2H4v20h6v-2H6V4zm4 16v2h6V2h-6v2h4v16z'%3E%3C/path%3E%3C/svg%3E");
}
/* Languages, Standing Globe */
body:not(.no-custom-icons) svg.languages {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm7.931 9h-2.764a14.67 14.67 0 0 0-1.792-6.243A8.013 8.013 0 0 1 19.931 11zM12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974.172-.01.344-.026.519-.026.179 0 .354.016.53.027zm-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.013 8.013 0 0 1 4.619-6.273zM4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13zm7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972-.182.012-.364.028-.551.028-.186 0-.367-.016-.55-.027zm4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8.005 8.005 0 0 1-4.469 6.201z'%3E%3C/path%3E%3C/svg%3E");
}
/* Left Arrow, Collapse Arrows */
body:not(.no-custom-icons) svg.left-arrow {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E");
}
/* Left Arrow with Tail, Title Bar -> Left Arrow */
body:not(.no-custom-icons) svg.left-arrow-with-tail {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12.707 17.293 8.414 13H18v-2H8.414l4.293-4.293-1.414-1.414L4.586 12l6.707 6.707z'%3E%3C/path%3E%3C/svg%3E");
}
/* Left Chevron */
body:not(.no-custom-icons) svg.left-chevron-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z'%3E%3C/path%3E%3C/svg%3E");
}
/* Lines of Text, Active Note -> Preview Mode */
body:not(.no-custom-icons) svg.lines-of-text {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 9a3.02 3.02 0 0 0-3 3c0 1.642 1.358 3 3 3 1.641 0 3-1.358 3-3 0-1.641-1.359-3-3-3z'%3E%3C/path%3E%3Cpath d='M12 5c-7.633 0-9.927 6.617-9.948 6.684L1.946 12l.105.316C2.073 12.383 4.367 19 12 19s9.927-6.617 9.948-6.684l.106-.316-.105-.316C21.927 11.617 19.633 5 12 5zm0 12c-5.351 0-7.424-3.846-7.926-5C4.578 10.842 6.652 7 12 7c5.351 0 7.424 3.846 7.926 5-.504 1.158-2.578 5-7.926 5z'%3E%3C/path%3E%3C/svg%3E");
}
/* Link Global Icon */
body:not(.no-custom-icons) svg.link {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707 1.414-1.414-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.122-2.121z'%3E%3C/path%3E%3Cpath d='m12 4.929-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0z'%3E%3C/path%3E%3C/svg%3E");
}
/* Link Glyph */
body:not(.no-custom-icons) svg.link-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707 1.414-1.414-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.122-2.121z'%3E%3C/path%3E%3Cpath d='m12 4.929-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0z'%3E%3C/path%3E%3C/svg%3E");
}
/* Links Coming In, Backlinks Tab Header */
body:not(.no-custom-icons) svg.links-coming-in {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m13 16 5-4-5-4v3H4v2h9z'%3E%3C/path%3E%3Cpath d='M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Links Going Out, Outgoing Tab Header */
body:not(.no-custom-icons) svg.links-going-out {
transform: rotate(180deg);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M16 13v-2H7V8l-5 4 5 4v-3z'%3E%3C/path%3E%3Cpath d='M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Longform, Book */
body:not(.no-custom-icons) svg.longform {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M21 3h-7a2.98 2.98 0 0 0-2 .78A2.98 2.98 0 0 0 10 3H3a1 1 0 0 0-1 1v15a1 1 0 0 0 1 1h5.758c.526 0 1.042.214 1.414.586l1.121 1.121c.009.009.021.012.03.021.086.079.182.149.294.196h.002a.996.996 0 0 0 .762 0h.002c.112-.047.208-.117.294-.196.009-.009.021-.012.03-.021l1.121-1.121A2.015 2.015 0 0 1 15.242 20H21a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM8.758 18H4V5h6c.552 0 1 .449 1 1v12.689A4.032 4.032 0 0 0 8.758 18zM20 18h-4.758c-.799 0-1.584.246-2.242.689V6c0-.551.448-1 1-1h6v13z'%3E%3C/path%3E%3C/svg%3E");
}
/* Magnifying Glass */
body:not(.no-custom-icons) svg.magnifying-glass {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Merge Files */
body:not(.no-custom-icons) svg.merge-files {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M15 16a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6z'%3E%3C/path%3E%3Cpath d='M5 16h1V8a2 2 0 0 1 2-2h8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2zm3 3a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-1v8a2 2 0 0 1-2 2H8v1z'%3E%3C/path%3E%3C/svg%3E");
}
/* Merge Files Glyph */
body:not(.no-custom-icons) svg.merge-files-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M15 16a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6z'%3E%3C/path%3E%3Cpath d='M5 16h1V8a2 2 0 0 1 2-2h8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2zm3 3a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-1v8a2 2 0 0 1-2 2H8v1z'%3E%3C/path%3E%3C/svg%3E");
}
/* Microphone, Side Dock -> Record */
body:not(.no-custom-icons) svg.microphone {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M16 12V6c0-2.217-1.785-4.021-3.979-4.021a.933.933 0 0 0-.209.025A4.006 4.006 0 0 0 8 6v6c0 2.206 1.794 4 4 4s4-1.794 4-4zm-6 0V6c0-1.103.897-2 2-2a.89.89 0 0 0 .163-.015C13.188 4.06 14 4.935 14 6v6c0 1.103-.897 2-2 2s-2-.897-2-2z'%3E%3C/path%3E%3Cpath d='M6 12H4c0 4.072 3.061 7.436 7 7.931V22h2v-2.069c3.939-.495 7-3.858 7-7.931h-2c0 3.309-2.691 6-6 6s-6-2.691-6-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Microphone Filled */
body:not(.no-custom-icons) svg.microphone-filled {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M16 12V6c0-2.217-1.785-4.021-3.979-4.021a.933.933 0 0 0-.209.025A4.006 4.006 0 0 0 8 6v6c0 2.206 1.794 4 4 4s4-1.794 4-4zm-6 0V6c0-1.103.897-2 2-2a.89.89 0 0 0 .163-.015C13.188 4.06 14 4.935 14 6v6c0 1.103-.897 2-2 2s-2-.897-2-2z'%3E%3C/path%3E%3Cpath d='M6 12H4c0 4.072 3.061 7.436 7 7.931V22h2v-2.069c3.939-.495 7-3.858 7-7.931h-2c0 3.309-2.691 6-6 6s-6-2.691-6-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Minus with Circle */
body:not(.no-custom-icons) svg.minus-with-circle {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M7 11h10v2H7z'%3E%3C/path%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Navigate Glyph */
body:not(.no-custom-icons) svg.navigate-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M2.002 9.63c-.023.411.207.794.581.966l7.504 3.442 3.442 7.503c.164.356.52.583.909.583l.057-.002a1 1 0 0 0 .894-.686l5.595-17.032c.117-.358.023-.753-.243-1.02s-.66-.358-1.02-.243L2.688 8.736a1 1 0 0 0-.686.894zm16.464-3.971-4.182 12.73-2.534-5.522a.998.998 0 0 0-.492-.492L5.734 9.841l12.732-4.182z'%3E%3C/path%3E%3C/svg%3E");
}
/* Note Glyph */
body:not(.no-custom-icons) svg.note-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath 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'%3E%3C/path%3E%3C/svg%3E");
}
/* Number List Glyph */
body:not(.no-custom-icons) svg.number-list-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M5.282 12.064c-.428.328-.72.609-.875.851-.155.24-.249.498-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201.062-.05.182-.142.361-.27.303-.218.511-.42.626-.604.116-.186.173-.375.173-.578a.898.898 0 0 0-.151-.512.892.892 0 0 0-.412-.341c-.174-.076-.419-.111-.733-.111-.3 0-.537.038-.706.114a.889.889 0 0 0-.396.338c-.094.143-.159.346-.194.604l.894.076c.025-.188.074-.317.147-.394a.375.375 0 0 1 .279-.108c.11 0 .2.035.272.108a.344.344 0 0 1 .108.258.55.55 0 0 1-.108.297c-.074.102-.241.254-.503.453zm.055 6.386a.398.398 0 0 1-.282-.105c-.074-.07-.128-.195-.162-.378L4 18.085c.059.204.142.372.251.506.109.133.248.235.417.306.168.069.399.103.692.103.3 0 .541-.047.725-.14a1 1 0 0 0 .424-.403c.098-.175.146-.354.146-.544a.823.823 0 0 0-.088-.393.708.708 0 0 0-.249-.261 1.015 1.015 0 0 0-.286-.11.943.943 0 0 0 .345-.299.673.673 0 0 0 .113-.383.747.747 0 0 0-.281-.596c-.187-.159-.49-.238-.909-.238-.365 0-.648.072-.847.219-.2.143-.334.353-.404.626l.844.151c.023-.162.067-.274.133-.338s.151-.098.257-.098a.33.33 0 0 1 .241.089c.059.06.087.139.087.238 0 .104-.038.193-.117.27s-.177.112-.293.112a.907.907 0 0 1-.116-.011l-.045.649a1.13 1.13 0 0 1 .289-.056c.132 0 .237.041.313.126.077.082.115.199.115.352 0 .146-.04.266-.119.354a.394.394 0 0 1-.301.134zm.948-10.083V5h-.739a1.47 1.47 0 0 1-.394.523c-.168.142-.404.262-.708.365v.754a2.595 2.595 0 0 0 .937-.48v2.206h.904zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z'%3E%3C/path%3E%3C/svg%3E");
}
/* Open Elsewhere Glyph */
body:not(.no-custom-icons) svg.open-elsewhere-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z'%3E%3C/path%3E%3Cpath d='M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z'%3E%3C/path%3E%3C/svg%3E");
}
/* Side Dock Ribbon -> Open Vault */
body:not(.no-custom-icons) svg.open-vault {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M9.5 22c2.003 0 3.887-.78 5.313-2.207l6.904-7.096A1 1 0 0 0 21 11h-3.301l4.175-7.514a1.001 1.001 0 0 0-1.359-1.36l-7.11 3.95.576-2.879a1 1 0 0 0-1.629-.957L4.196 9.197c-2.924 2.924-2.924 7.682 0 10.606A7.452 7.452 0 0 0 9.5 22zM5.552 10.665l5.902-5.031-.248 1.24-.186.93v.001l-.424 2.119 7.83-4.35-3.3 5.94-.001.001L14.301 13h4.331l-5.243 5.389C12.35 19.428 10.969 20 9.5 20s-2.851-.572-3.89-1.611c-2.143-2.144-2.143-5.634-.058-7.724z'%3E%3C/path%3E%3Cpath d='M9.5 18a3.492 3.492 0 0 0 1.484-6.659c.005.053.016.105.016.159a1.5 1.5 0 1 1-3 0c0-.054.011-.106.016-.159A3.492 3.492 0 0 0 9.5 18z'%3E%3C/path%3E%3C/svg%3E");
}
/* Pane Layout */
body:not(.no-custom-icons) svg.pane-layout {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath 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-2zm0 2 .001 4H5V5h14zM5 11h8v8H5v-8zm10 8v-8h4.001l.001 8H15z'%3E%3C/path%3E%3C/svg%3E");
}
/* Paper Plane, Obsidian Publish */
body:not(.no-custom-icons) svg.paper-plane {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20.563 3.34a1.002 1.002 0 0 0-.989-.079l-17 8a1 1 0 0 0 .026 1.821L8 15.445v6.722l5.836-4.168 4.764 2.084a1 1 0 0 0 1.399-.85l1-15a1.005 1.005 0 0 0-.436-.893zm-2.466 14.34-5.269-2.306L16 9.167l-7.649 4.25-2.932-1.283 13.471-6.34-.793 11.886z'%3E%3C/path%3E%3C/svg%3E");
}
/* Paper Plane 2 */
body:not(.no-custom-icons) svg.paper-plane-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20.563 3.34a1.002 1.002 0 0 0-.989-.079l-17 8a1 1 0 0 0 .026 1.821L8 15.445v6.722l5.836-4.168 4.764 2.084a1 1 0 0 0 1.399-.85l1-15a1.005 1.005 0 0 0-.436-.893zm-2.466 14.34-5.269-2.306L16 9.167l-7.649 4.25-2.932-1.283 13.471-6.34-.793 11.886z'%3E%3C/path%3E%3C/svg%3E");
}
/* Paste */
body:not(.no-custom-icons) svg.paste {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 11V5c0-1.103-.897-2-2-2h-3a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1H4c-1.103 0-2 .897-2 2v13c0 1.103.897 2 2 2h7c0 1.103.897 2 2 2h7c1.103 0 2-.897 2-2v-7c0-1.103-.897-2-2-2zm-9 2v5H4V5h3v2h8V5h3v6h-5c-1.103 0-2 .897-2 2zm2 7v-7h7l.001 7H13z'%3E%3C/path%3E%3C/svg%3E");
}
/* Paste Text */
body:not(.no-custom-icons) svg.paste-text {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 11V5c0-1.103-.897-2-2-2h-3a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1H4c-1.103 0-2 .897-2 2v13c0 1.103.897 2 2 2h7c0 1.103.897 2 2 2h7c1.103 0 2-.897 2-2v-7c0-1.103-.897-2-2-2zm-9 2v5H4V5h3v2h8V5h3v6h-5c-1.103 0-2 .897-2 2zm2 7v-7h7l.001 7H13z'%3E%3C/path%3E%3C/svg%3E");
}
/* Paused */
body:not(.no-custom-icons) svg.paused {
vertical-align: -2.5px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3Cpath d='M13 9h2v6h-2zM9 9h2v6H9z'%3E%3C/path%3E%3C/svg%3E");
}
/* PDF File */
body:not(.no-custom-icons) svg.pdf-file {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M19.937 8.68c-.011-.032-.02-.063-.033-.094a.997.997 0 0 0-.196-.293l-6-6a.997.997 0 0 0-.293-.196c-.03-.014-.062-.022-.094-.033a.991.991 0 0 0-.259-.051C13.04 2.011 13.021 2 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9c0-.021-.011-.04-.013-.062a.99.99 0 0 0-.05-.258zM16.586 8H14V5.414L16.586 8zM6 20V4h6v5a1 1 0 0 0 1 1h5l.002 10H6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Pencil */
body:not(.no-custom-icons) svg.pencil {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m7 17.013 4.413-.015 9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583v4.43zM18.045 4.458l1.589 1.583-1.597 1.582-1.586-1.585 1.594-1.58zM9 13.417l6.03-5.973 1.586 1.586-6.029 5.971L9 15.006v-1.589z'%3E%3C/path%3E%3Cpath d='M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Percent Sign Glyph, Math */
body:not(.no-custom-icons) svg.percent-sign-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpolygon points='7 2 5 2 5 5 2 5 2 7 5 7 5 10 7 10 7 7 10 7 10 5 7 5 7 2'%3E%3C/polygon%3E%3Crect x='14' y='5' width='8' height='2'%3E%3C/rect%3E%3Crect x='14' y='15' width='8' height='2'%3E%3C/rect%3E%3Crect x='14' y='19' width='8' height='2'%3E%3C/rect%3E%3Cpolygon points='8.29 14.29 6 16.59 3.71 14.29 2.29 15.71 4.59 18 2.29 20.29 3.71 21.71 6 19.41 8.29 21.71 9.71 20.29 7.41 18 9.71 15.71 8.29 14.29'%3E%3C/polygon%3E%3C/svg%3E");
}
/* Pin */
body:not(.no-custom-icons) svg.pin {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m12 22 1-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'%3E%3C/path%3E%3C/svg%3E");
}
/* Play Audio Glyph */
body:not(.no-custom-icons) svg.play-audio-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3Cpath d='m9 17 8-5-8-5z'%3E%3C/path%3E%3C/svg%3E");
}
/* Plus Minus Glyph */
body:not(.no-custom-icons) svg.plus-minus-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M7 11h10v2H7z'%3E%3C/path%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Plus with Circle */
body:not(.no-custom-icons) svg.plus-with-circle {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4z'%3E%3C/path%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'%3E%3C/path%3E%3C/svg%3E");
}
/* Popup Open */
body:not(.no-custom-icons) svg.popup-open {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m13 3 3.293 3.293-7 7 1.414 1.414 7-7L21 11V3z'%3E%3C/path%3E%3Cpath d='M19 19H5V5h7l-2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2v-5l-2-2v7z'%3E%3C/path%3E%3C/svg%3E");
}
/* Presentation */
body:not(.no-custom-icons) svg.presentation {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 3H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h7v3H8v2h8v-2h-3v-3h7c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM4 15V5h16l.001 10H4z'%3E%3C/path%3E%3Cpath d='m10 13 5-3-5-3z'%3E%3C/path%3E%3C/svg%3E");
}
/* Presentation */
body:not(.no-custom-icons) svg.presentation-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 3H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h7v3H8v2h8v-2h-3v-3h7c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM4 15V5h16l.001 10H4z'%3E%3C/path%3E%3Cpath d='m10 13 5-3-5-3z'%3E%3C/path%3E%3C/svg%3E");
}
/* Price Tag Glyph */
body:not(.no-custom-icons) svg.price-tag-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M13.707 3.293A.996.996 0 0 0 13 3H4a1 1 0 0 0-1 1v9c0 .266.105.52.293.707l8 8a.997.997 0 0 0 1.414 0l9-9a.999.999 0 0 0 0-1.414l-8-8zM12 19.586l-7-7V5h7.586l7 7L12 19.586z'%3E%3C/path%3E%3Ccircle cx='8.496' cy='8.495' r='1.505'%3E%3C/circle%3E%3C/svg%3E");
}
/* Question Mark Glyph */
body:not(.no-custom-icons) svg.question-mark-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 4C9.243 4 7 6.243 7 9h2c0-1.654 1.346-3 3-3s3 1.346 3 3c0 1.069-.454 1.465-1.481 2.255-.382.294-.813.626-1.226 1.038C10.981 13.604 10.995 14.897 11 15v2h2v-2.009c0-.024.023-.601.707-1.284.32-.32.682-.598 1.031-.867C15.798 12.024 17 11.1 17 9c0-2.757-2.243-5-5-5zm-1 14h2v2h-2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Quote Glyph */
body:not(.no-custom-icons) svg.quote-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M8.804 17.02 8 17.18V20h1c2.783 0 4.906-.771 6.309-2.292C17.196 15.66 17.006 13.03 17 13V5a1 1 0 0 0-1-1H9c-1.103 0-2 .897-2 2v7a1 1 0 0 0 1 1h4.078a2.89 2.89 0 0 1-.429 1.396c-.507.801-1.464 1.347-2.845 1.624z'%3E%3C/path%3E%3C/svg%3E");
}
/* Reading Glasses */
body:not(.no-custom-icons) svg.reading-glasses {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 9a3.02 3.02 0 0 0-3 3c0 1.642 1.358 3 3 3 1.641 0 3-1.358 3-3 0-1.641-1.359-3-3-3z'%3E%3C/path%3E%3Cpath d='M12 5c-7.633 0-9.927 6.617-9.948 6.684L1.946 12l.105.316C2.073 12.383 4.367 19 12 19s9.927-6.617 9.948-6.684l.106-.316-.105-.316C21.927 11.617 19.633 5 12 5zm0 12c-5.351 0-7.424-3.846-7.926-5C4.578 10.842 6.652 7 12 7c5.351 0 7.424 3.846 7.926 5-.504 1.158-2.578 5-7.926 5z'%3E%3C/path%3E%3C/svg%3E");
}
/* Redo Glyph */
body:not(.no-custom-icons) svg.redo-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M9 18h3v-2H9c-1.654 0-3-1.346-3-3s1.346-3 3-3h6v3l5-4-5-4v3H9c-2.757 0-5 2.243-5 5s2.243 5 5 5z'%3E%3C/path%3E%3C/svg%3E");
}
/* Reset, Refresh */
body:not(.no-custom-icons) svg.reset {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 11H7.101l.001-.009a4.956 4.956 0 0 1 .752-1.787 5.054 5.054 0 0 1 2.2-1.811c.302-.128.617-.226.938-.291a5.078 5.078 0 0 1 2.018 0 4.978 4.978 0 0 1 2.525 1.361l1.416-1.412a7.036 7.036 0 0 0-2.224-1.501 6.921 6.921 0 0 0-1.315-.408 7.079 7.079 0 0 0-2.819 0 6.94 6.94 0 0 0-1.316.409 7.04 7.04 0 0 0-3.08 2.534 6.978 6.978 0 0 0-1.054 2.505c-.028.135-.043.273-.063.41H2l4 4 4-4zm4 2h2.899l-.001.008a4.976 4.976 0 0 1-2.103 3.138 4.943 4.943 0 0 1-1.787.752 5.073 5.073 0 0 1-2.017 0 4.956 4.956 0 0 1-1.787-.752 5.072 5.072 0 0 1-.74-.61L7.05 16.95a7.032 7.032 0 0 0 2.225 1.5c.424.18.867.317 1.315.408a7.07 7.07 0 0 0 2.818 0 7.031 7.031 0 0 0 4.395-2.945 6.974 6.974 0 0 0 1.053-2.503c.027-.135.043-.273.063-.41H22l-4-4-4 4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Restore File Glyph */
body:not(.no-custom-icons) svg.restore-file-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 16c1.671 0 3-1.331 3-3s-1.329-3-3-3-3 1.331-3 3 1.329 3 3 3z'%3E%3C/path%3E%3Cpath d='M20.817 11.186a8.94 8.94 0 0 0-1.355-3.219 9.053 9.053 0 0 0-2.43-2.43 8.95 8.95 0 0 0-3.219-1.355 9.028 9.028 0 0 0-1.838-.18V2L8 5l3.975 3V6.002c.484-.002.968.044 1.435.14a6.961 6.961 0 0 1 2.502 1.053 7.005 7.005 0 0 1 1.892 1.892A6.967 6.967 0 0 1 19 13a7.032 7.032 0 0 1-.55 2.725 7.11 7.11 0 0 1-.644 1.188 7.2 7.2 0 0 1-.858 1.039 7.028 7.028 0 0 1-3.536 1.907 7.13 7.13 0 0 1-2.822 0 6.961 6.961 0 0 1-2.503-1.054 7.002 7.002 0 0 1-1.89-1.89A6.996 6.996 0 0 1 5 13H3a9.02 9.02 0 0 0 1.539 5.034 9.096 9.096 0 0 0 2.428 2.428A8.95 8.95 0 0 0 12 22a9.09 9.09 0 0 0 1.814-.183 9.014 9.014 0 0 0 3.218-1.355 8.886 8.886 0 0 0 1.331-1.099 9.228 9.228 0 0 0 1.1-1.332A8.952 8.952 0 0 0 21 13a9.09 9.09 0 0 0-.183-1.814z'%3E%3C/path%3E%3C/svg%3E");
}
/* Right Arrow, Collapse Right Sidebar */
body:not(.no-custom-icons) svg.right-arrow {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E");
}
/* Right Arrow with Tail, Title Bar -> Forward */
body:not(.no-custom-icons) svg.right-arrow-with-tail {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m11.293 17.293 1.414 1.414L19.414 12l-6.707-6.707-1.414 1.414L15.586 11H6v2h9.586z'%3E%3C/path%3E%3C/svg%3E");
}
/* Right Chevron */
body:not(.no-custom-icons) svg.right-chevron-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z'%3E%3C/path%3E%3C/svg%3E");
}
/* Right Triangle, Triangle for File Explorer */
body:not(.no-custom-icons) svg.right-triangle {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z'%3E%3C/path%3E%3C/svg%3E ");
}
/* Side Dock Ribbon -> Run Command */
body:not(.no-custom-icons) svg.run-command {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M6 14c-2.206 0-4 1.794-4 4s1.794 4 4 4a4.003 4.003 0 0 0 3.998-3.98H10V16h4v2.039h.004A4.002 4.002 0 0 0 18 22c2.206 0 4-1.794 4-4s-1.794-4-4-4h-2v-4h2c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4v2h-4V5.98h-.002A4.003 4.003 0 0 0 6 2C3.794 2 2 3.794 2 6s1.794 4 4 4h2v4H6zm2 4c0 1.122-.879 2-2 2s-2-.878-2-2 .879-2 2-2h2v2zm10-2c1.121 0 2 .878 2 2s-.879 2-2 2-2-.878-2-2v-2h2zM16 6c0-1.122.879-2 2-2s2 .878 2 2-.879 2-2 2h-2V6zM6 8c-1.121 0-2-.878-2-2s.879-2 2-2 2 .878 2 2v2H6zm4 2h4v4h-4v-4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Scissors */
body:not(.no-custom-icons) svg.scissors {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5 4.57 10 6.5 10a3.45 3.45 0 0 0 1.613-.413l2.357 2.528-2.318 2.318A3.46 3.46 0 0 0 6.5 14C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5c0-.601-.166-1.158-.434-1.652l2.269-2.268L17 19.121a3 3 0 0 0 2.121.879H22L9.35 8.518c.406-.572.65-1.265.65-2.018zM6.5 8C5.673 8 5 7.327 5 6.5S5.673 5 6.5 5 8 5.673 8 6.5 7.327 8 6.5 8zm0 11c-.827 0-1.5-.673-1.5-1.5S5.673 16 6.5 16s1.5.673 1.5 1.5S7.327 19 6.5 19z'%3E%3C/path%3E%3Cpath d='m17 4.879-3.707 4.414 1.414 1.414L22 4h-2.879A3 3 0 0 0 17 4.879z'%3E%3C/path%3E%3C/svg%3E");
}
/* Scissors 2 */
body:not(.no-custom-icons) svg.scissors-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 6.5C10 4.57 8.43 3 6.5 3S3 4.57 3 6.5 4.57 10 6.5 10a3.45 3.45 0 0 0 1.613-.413l2.357 2.528-2.318 2.318A3.46 3.46 0 0 0 6.5 14C4.57 14 3 15.57 3 17.5S4.57 21 6.5 21s3.5-1.57 3.5-3.5c0-.601-.166-1.158-.434-1.652l2.269-2.268L17 19.121a3 3 0 0 0 2.121.879H22L9.35 8.518c.406-.572.65-1.265.65-2.018zM6.5 8C5.673 8 5 7.327 5 6.5S5.673 5 6.5 5 8 5.673 8 6.5 7.327 8 6.5 8zm0 11c-.827 0-1.5-.673-1.5-1.5S5.673 16 6.5 16s1.5.673 1.5 1.5S7.327 19 6.5 19z'%3E%3C/path%3E%3Cpath d='m17 4.879-3.707 4.414 1.414 1.414L22 4h-2.879A3 3 0 0 0 17 4.879z'%3E%3C/path%3E%3C/svg%3E");
}
/* Global Search */
body:not(.no-custom-icons) svg.search {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Search, Tab Header -> Obsidian Search */
body:not(.no-custom-icons)
.workspace-tab-header[aria-label="Search"]
.workspace-tab-header-inner-icon
svg.search {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M13.707 2.293A.996.996 0 0 0 13 2H6c-1.103 0-2 .897-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V9a.996.996 0 0 0-.293-.707l-6-6zM6 4h6.586L18 9.414l.002 9.174-2.568-2.568c.35-.595.566-1.281.566-2.02 0-2.206-1.794-4-4-4s-4 1.794-4 4 1.794 4 4 4c.739 0 1.425-.216 2.02-.566L16.586 20H6V4zm6 12c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Search 2 */
body:not(.no-custom-icons) svg.search-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Select All Text */
body:not(.no-custom-icons) svg.select-all-text {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20.005 5.995h-1v2h1v8h-1v2h1c1.103 0 2-.897 2-2v-8c0-1.102-.898-2-2-2zm-14 4H15v4H6.005z'%3E%3C/path%3E%3Cpath d='M17.005 17.995V4H20V2h-8v2h3.005v1.995h-11c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h11V20H12v2h8v-2h-2.995v-2.005zm-13-2v-8h11v8h-11z'%3E%3C/path%3E%3C/svg%3E");
}
/* Sheets in a Box, File Tree Alternative Tab Header Icon */
body:not(.no-custom-icons) svg.sheets-in-box {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m21.706 5.291-2.999-2.998A.996.996 0 0 0 18 2H6a.996.996 0 0 0-.707.293L2.294 5.291A.994.994 0 0 0 2 5.999V19c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V5.999a.994.994 0 0 0-.294-.708zM6.414 4h11.172l.999.999H5.415L6.414 4zM4 19V6.999h16L20.002 19H4z'%3E%3C/path%3E%3Cpath d='M15 12H9v-2H7v4h10v-4h-2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Split */
body:not(.no-custom-icons) svg.split {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M6 18h12v2H6zm6-14.414-6.707 6.707 1.414 1.414L11 7.414V16h2V7.414l4.293 4.293 1.414-1.414z'%3E%3C/path%3E%3C/svg%3E");
}
/* Spreadsheet, Advanced Tables Plugin Icon for Side Dock + Tab Header */
body:not(.no-custom-icons) svg.spreadsheet {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath 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'%3E%3C/path%3E%3Cpath d='M7 7h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6zm-4 4h1.998v2H7zm4 0h6v2h-6z'%3E%3C/path%3E%3C/svg%3E");
}
/* Stacked Levels, Layers */
body:not(.no-custom-icons) svg.stacked-levels {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M22 7.999a1 1 0 0 0-.516-.874l-9.022-5a1.003 1.003 0 0 0-.968 0l-8.978 4.96a1 1 0 0 0-.003 1.748l9.022 5.04a.995.995 0 0 0 .973.001l8.978-5A1 1 0 0 0 22 7.999zm-9.977 3.855L5.06 7.965l6.917-3.822 6.964 3.859-6.918 3.852z'%3E%3C/path%3E%3Cpath d='M20.515 11.126 12 15.856l-8.515-4.73-.971 1.748 9 5a1 1 0 0 0 .971 0l9-5-.97-1.748z'%3E%3C/path%3E%3Cpath d='M20.515 15.126 12 19.856l-8.515-4.73-.971 1.748 9 5a1 1 0 0 0 .971 0l9-5-.97-1.748z'%3E%3C/path%3E%3C/svg%3E");
}
/* Star. Starred Files, Star/Unstar File */
body:not(.no-custom-icons) svg.star {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m6.516 14.323-1.49 6.452a.998.998 0 0 0 1.529 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082a1 1 0 0 0-.59-1.74l-5.701-.454-2.467-5.461a.998.998 0 0 0-1.822 0L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.214 4.107zm2.853-4.326a.998.998 0 0 0 .832-.586L12 5.43l1.799 3.981a.998.998 0 0 0 .832.586l3.972.315-3.271 2.944c-.284.256-.397.65-.293 1.018l1.253 4.385-3.736-2.491a.995.995 0 0 0-1.109 0l-3.904 2.603 1.05-4.546a1 1 0 0 0-.276-.94l-3.038-2.962 4.09-.326z'%3E%3C/path%3E%3C/svg%3E");
}
/* Star 2 */
body:not(.no-custom-icons) svg.star-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m6.516 14.323-1.49 6.452a.998.998 0 0 0 1.529 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082a1 1 0 0 0-.59-1.74l-5.701-.454-2.467-5.461a.998.998 0 0 0-1.822 0L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.214 4.107zm2.853-4.326a.998.998 0 0 0 .832-.586L12 5.43l1.799 3.981a.998.998 0 0 0 .832.586l3.972.315-3.271 2.944c-.284.256-.397.65-.293 1.018l1.253 4.385-3.736-2.491a.995.995 0 0 0-1.109 0l-3.904 2.603 1.05-4.546a1 1 0 0 0-.276-.94l-3.038-2.962 4.09-.326z'%3E%3C/path%3E%3C/svg%3E");
}
/* Star List, Star Current Search */
body:not(.no-custom-icons) svg.star-list {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 18a7.952 7.952 0 0 0 4.897-1.688l4.396 4.396 1.414-1.414-4.396-4.396A7.952 7.952 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8zm0-14c3.309 0 6 2.691 6 6s-2.691 6-6 6-6-2.691-6-6 2.691-6 6-6z'%3E%3C/path%3E%3Cpath 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'%3E%3C/path%3E%3C/svg%3E");
}
/* Stop Audio, Mic Off */
body:not(.no-custom-icons) svg.stop-audio-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m21.707 20.293-3.388-3.388A7.942 7.942 0 0 0 20 12.021h-2a5.95 5.95 0 0 1-1.109 3.456l-1.452-1.452c.348-.591.561-1.27.561-2.004v-6C16 3.804 14.215 2 12.021 2c-.07 0-.14.009-.209.025A4.005 4.005 0 0 0 8 6.021v.565L3.707 2.293 2.293 3.707l18 18 1.414-1.414zM10 6.021c0-1.103.897-2 2-2a.918.918 0 0 0 .164-.015C13.188 4.08 14 4.956 14 6.021v6c0 .172-.029.335-.071.494L10 8.586V6.021zm-4 6H4c0 4.072 3.06 7.436 7 7.931v2.069h2v-2.07a7.993 7.993 0 0 0 2.218-.611l-1.558-1.558a5.979 5.979 0 0 1-1.66.239c-3.309 0-6-2.692-6-6z'%3E%3C/path%3E%3Cpath d='M8.011 12.132a3.993 3.993 0 0 0 3.877 3.877l-3.877-3.877z'%3E%3C/path%3E%3C/svg%3E");
}
/* Strikethrough Glyph */
body:not(.no-custom-icons) svg.strikethrough-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath 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-4-5.416 0-6 3.147-6 4.5 0 .728.148 1.667.736 2.5H4v2h16v-2zm-8 7c-3.793 0-3.99-1.815-4-2H6c0 .04.069 4 6 4 5.221 0 6-2.819 6-4.5 0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5 0 .684 0 2.5-4 2.5z'%3E%3C/path%3E%3C/svg%3E");
}
/* Sweep */
body:not(.no-custom-icons) svg.sweep {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M13 5.5C13 3.57 11.43 2 9.5 2 7.466 2 6.25 3.525 6.25 5h2c0-.415.388-1 1.25-1 .827 0 1.5.673 1.5 1.5S10.327 7 9.5 7H2v2h7.5C11.43 9 13 7.43 13 5.5zm2.5 9.5H8v2h7.5c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5c-.862 0-1.25-.585-1.25-1h-2c0 1.475 1.216 3 3.25 3 1.93 0 3.5-1.57 3.5-3.5S17.43 15 15.5 15z'%3E%3C/path%3E%3Cpath d='M18 5c-2.206 0-4 1.794-4 4h2c0-1.103.897-2 2-2s2 .897 2 2-.897 2-2 2H2v2h16c2.206 0 4-1.794 4-4s-1.794-4-4-4zM2 15h4v2H2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Switch */
body:not(.no-custom-icons) svg.switch {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M10 11H7.101l.001-.009a4.956 4.956 0 0 1 .752-1.787 5.054 5.054 0 0 1 2.2-1.811c.302-.128.617-.226.938-.291a5.078 5.078 0 0 1 2.018 0 4.978 4.978 0 0 1 2.525 1.361l1.416-1.412a7.036 7.036 0 0 0-2.224-1.501 6.921 6.921 0 0 0-1.315-.408 7.079 7.079 0 0 0-2.819 0 6.94 6.94 0 0 0-1.316.409 7.04 7.04 0 0 0-3.08 2.534 6.978 6.978 0 0 0-1.054 2.505c-.028.135-.043.273-.063.41H2l4 4 4-4zm4 2h2.899l-.001.008a4.976 4.976 0 0 1-2.103 3.138 4.943 4.943 0 0 1-1.787.752 5.073 5.073 0 0 1-2.017 0 4.956 4.956 0 0 1-1.787-.752 5.072 5.072 0 0 1-.74-.61L7.05 16.95a7.032 7.032 0 0 0 2.225 1.5c.424.18.867.317 1.315.408a7.07 7.07 0 0 0 2.818 0 7.031 7.031 0 0 0 4.395-2.945 6.974 6.974 0 0 0 1.053-2.503c.027-.135.043-.273.063-.41H22l-4-4-4 4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Sync */
body:not(.no-custom-icons) svg.sync {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m13 7.101.01.001a4.978 4.978 0 0 1 2.526 1.362 5.005 5.005 0 0 1 1.363 2.528 5.061 5.061 0 0 1-.001 2.016 4.976 4.976 0 0 1-1.363 2.527l1.414 1.414a7.014 7.014 0 0 0 1.908-3.54 6.98 6.98 0 0 0 0-2.819 6.957 6.957 0 0 0-1.907-3.539 6.97 6.97 0 0 0-2.223-1.5 6.921 6.921 0 0 0-1.315-.408c-.137-.028-.275-.043-.412-.063V2L9 6l4 4V7.101zm-7.45 7.623c.174.412.392.812.646 1.19.249.37.537.718.854 1.034a7.036 7.036 0 0 0 2.224 1.501c.425.18.868.317 1.315.408.167.034.338.056.508.078v2.944l4-4-4-4v3.03c-.035-.006-.072-.003-.107-.011a4.978 4.978 0 0 1-2.526-1.362 4.994 4.994 0 0 1 .001-7.071L7.051 7.05a7.01 7.01 0 0 0-1.5 2.224A6.974 6.974 0 0 0 5 12a6.997 6.997 0 0 0 .55 2.724z'%3E%3C/path%3E%3C/svg%3E");
}
/* Sync Small, Obsidian Sync -> Sync In Progress */
body:not(.no-custom-icons) svg.sync-small {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m13 7.101.01.001a4.978 4.978 0 0 1 2.526 1.362 5.005 5.005 0 0 1 1.363 2.528 5.061 5.061 0 0 1-.001 2.016 4.976 4.976 0 0 1-1.363 2.527l1.414 1.414a7.014 7.014 0 0 0 1.908-3.54 6.98 6.98 0 0 0 0-2.819 6.957 6.957 0 0 0-1.907-3.539 6.97 6.97 0 0 0-2.223-1.5 6.921 6.921 0 0 0-1.315-.408c-.137-.028-.275-.043-.412-.063V2L9 6l4 4V7.101zm-7.45 7.623c.174.412.392.812.646 1.19.249.37.537.718.854 1.034a7.036 7.036 0 0 0 2.224 1.501c.425.18.868.317 1.315.408.167.034.338.056.508.078v2.944l4-4-4-4v3.03c-.035-.006-.072-.003-.107-.011a4.978 4.978 0 0 1-2.526-1.362 4.994 4.994 0 0 1 .001-7.071L7.051 7.05a7.01 7.01 0 0 0-1.5 2.224A6.974 6.974 0 0 0 5 12a6.997 6.997 0 0 0 .55 2.724z'%3E%3C/path%3E%3C/svg%3E");
}
/* Tag Glyph */
body:not(.no-custom-icons) svg.tag-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M20 4H8.515a2 2 0 0 0-1.627.838l-4.701 6.581a.997.997 0 0 0 0 1.162l4.701 6.581A2 2 0 0 0 8.515 20H20c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm0 14H8.515l-4.286-6 4.286-6H20v12z'%3E%3C/path%3E%3C/svg%3E");
}
/* Three Horizontal Bars, Burger Menu */
body:not(.no-custom-icons) svg.three-horizontal-bars {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Trash, More Options -> Delete File */
body:not(.no-custom-icons) svg.trash {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M5 20a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8h2V6h-4V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2H3v2h2zM9 4h6v2H9zM8 8h9v12H7V8z'%3E%3C/path%3E%3Cpath d='M9 10h2v8H9zm4 0h2v8h-2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Tomorrow, Calendar with Plus Sign */
body:not(.no-custom-icons) svg.tomorrow-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M8 15h3v3h2v-3h3v-2h-3v-3h-2v3H8z'%3E%3C/path%3E%3Cpath d='M19 4h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm.002 16H5V8h14l.002 12z'%3E%3C/path%3E%3C/svg%3E");
}
/* Two Blank Pages */
body:not(.no-custom-icons) svg.two-blank-pages {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M22 7.999a1 1 0 0 0-.516-.874l-9.022-5a1.003 1.003 0 0 0-.968 0l-8.978 4.96a1 1 0 0 0-.003 1.748l9.022 5.04a.995.995 0 0 0 .973.001l8.978-5A1 1 0 0 0 22 7.999zm-9.977 3.855L5.06 7.965l6.917-3.822 6.964 3.859-6.918 3.852z'%3E%3C/path%3E%3Cpath d='M20.515 11.126 12 15.856l-8.515-4.73-.971 1.748 9 5a1 1 0 0 0 .971 0l9-5-.97-1.748z'%3E%3C/path%3E%3Cpath d='M20.515 15.126 12 19.856l-8.515-4.73-.971 1.748 9 5a1 1 0 0 0 .971 0l9-5-.97-1.748z'%3E%3C/path%3E%3C/svg%3E");
}
/* Undo Glyph */
body:not(.no-custom-icons) svg.undo-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M9 10h6c1.654 0 3 1.346 3 3s-1.346 3-3 3h-3v2h3c2.757 0 5-2.243 5-5s-2.243-5-5-5H9V5L4 9l5 4v-3z'%3E%3C/path%3E%3C/svg%3E");
}
/* Unindent Glyph */
body:not(.no-custom-icons) svg.unindent-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M4 7h10v2H4zm0-4h16v2H4zm0 8h10v2H4zm0 4h10v2H4zm0 4h16v2H4zm16-3V8l-4 4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Up and Down Arrows, Global Sort */
body:not(.no-custom-icons) svg.up-and-down-arrows {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M7 20h2V8h3L8 4 4 8h3zm13-4h-3V4h-2v12h-3l4 4z'%3E%3C/path%3E%3C/svg%3E");
}
/* Up Arrow with Tail */
body:not(.no-custom-icons) svg.up-arrow-with-tail {
transform: rotate(90deg);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M11 8.414V18h2V8.414l4.293 4.293 1.414-1.414L12 4.586l-6.707 6.707 1.414 1.414z'%3E%3C/path%3E%3C/svg%3");
}
/* Up Chevron */
body:not(.no-custom-icons) svg.up-chevron-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m6.293 13.293 1.414 1.414L12 10.414l4.293 4.293 1.414-1.414L12 7.586z'%3E%3C/path%3E%3C/svg%3E");
}
/* Uppercase Lowercase A */
body:not(.no-custom-icons) svg.uppercase-lowercase-a {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m11.307 4-6 16h2.137l1.875-5h6.363l1.875 5h2.137l-6-16h-2.387zm-1.239 9L12.5 6.515 14.932 13h-4.864z'%3E%3C/path%3E%3C/svg%3E");
}
/* Vault, Side Dock Ribbon -> Vault (Normal State) */
body:not(.no-custom-icons) svg.vault {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='100%25' height='100%25' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M2.76 20.2a2.73 2.73 0 0 0 2.15.85 8.86 8.86 0 0 0 3.37-.86 9 9 0 0 0 12.27-10.9c1.31-2.23 1.75-4.26.67-5.48a2.94 2.94 0 0 0-2.57-1A5 5 0 0 0 16.1 4 9 9 0 0 0 3.58 15.14c-1.06 1.21-2.05 3.68-.82 5.06zm1.5-1.32c-.22-.25 0-1.07.37-1.76a9.26 9.26 0 0 0 1.57 1.74c-1.03.3-1.71.28-1.94.02zm14.51-5.17A7 7 0 0 1 15.58 18 7.12 7.12 0 0 1 12 19a6.44 6.44 0 0 1-1.24-.13 30.73 30.73 0 0 0 4.42-3.29 31.5 31.5 0 0 0 3.8-4 6.88 6.88 0 0 1-.21 2.13zm.09-8.89a.94.94 0 0 1 .87.32c.23.26.16.94-.26 1.93a9.2 9.2 0 0 0-1.61-1.86 2.48 2.48 0 0 1 1-.39zM5.22 10.31A6.94 6.94 0 0 1 8.41 6 7 7 0 0 1 12 5a6.9 6.9 0 0 1 6 3.41 5.19 5.19 0 0 1 .35.66 27.43 27.43 0 0 1-4.49 5A27.35 27.35 0 0 1 8.35 18a7 7 0 0 1-3.13-7.65z'%3E%3C/path%3E%3C/svg%3E");
}
/* Vertical Split / Split Vertically */
body:not(.no-custom-icons) svg.vertical-split {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m7 17 5 5 5-5h-4V7h4l-5-5-5 5h4v10z'%3E%3C/path%3E%3C/svg%3E");
}
/* Vertical Three Dots, Active Note -> More Options */
body:not(.no-custom-icons) svg.vertical-three-dots {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 12c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'%3E%3C/path%3E%3C/svg%3E");
}
/* Magic Wand, Graph View Timelapse Animation Button Icon */
body:not(.no-custom-icons) svg.wand {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M2 11h5v2H2zm15 0h5v2h-5zm-6 6h2v5h-2zm0-15h2v5h-2zM4.222 5.636l1.414-1.414 3.536 3.536-1.414 1.414zm15.556 12.728-1.414 1.414-3.536-3.536 1.414-1.414zm-12.02-3.536 1.414 1.414-3.536 3.536-1.414-1.414zm7.07-7.071 3.536-3.535 1.414 1.415-3.536 3.535z'%3E%3C/path%3E%3C/svg%3E");
}
/* Workspace Glyph */
body:not(.no-custom-icons) svg.workspace-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath 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-2zm0 2 .001 4H5V5h14zM5 11h8v8H5v-8zm10 8v-8h4.001l.001 8H15z'%3E%3C/path%3E%3C/svg%3E");
}
/* Wrench Screwdriver Glyph */
body:not(.no-custom-icons) svg.wrench-screwdriver-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M5.122 21c.378.378.88.586 1.414.586S7.572 21.378 7.95 21l4.336-4.336a7.495 7.495 0 0 0 2.217.333 7.446 7.446 0 0 0 5.302-2.195 7.484 7.484 0 0 0 1.632-8.158l-.57-1.388-4.244 4.243-2.121-2.122 4.243-4.243-1.389-.571A7.478 7.478 0 0 0 14.499 2c-2.003 0-3.886.78-5.301 2.196a7.479 7.479 0 0 0-1.862 7.518L3 16.05a2.001 2.001 0 0 0 0 2.828L5.122 21zm4.548-8.791-.254-.616a5.486 5.486 0 0 1 1.196-5.983 5.46 5.46 0 0 1 4.413-1.585l-3.353 3.353 4.949 4.95 3.355-3.355a5.49 5.49 0 0 1-1.587 4.416c-1.55 1.55-3.964 2.027-5.984 1.196l-.615-.255-5.254 5.256h.001l-.001 1v-1l-2.122-2.122 5.256-5.255z'%3E%3C/path%3E%3C/svg%3E");
}
/* Yesterday Glyph, Calendar with Minus */
body:not(.no-custom-icons) svg.yesterday-glyph {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M8 13h8v2H8z'%3E%3C/path%3E%3Cpath d='M19 4h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zm.002 16H5V8h14l.002 12z'%3E%3C/path%3E%3C/svg%3E");
}