6612 lines
258 KiB
CSS
6612 lines
258 KiB
CSS
/*
|
||
|
||
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");
|
||
}
|