shway
/
Notepad
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Notepad/enter/.obsidian/themes/Serenity/theme.css

6719 lines
1.1 MiB
CSS
Raw Permalink Normal View History

Updated: Monday, August 28,2023-08-28 23:44:27
2023-08-29 03:44:31 +00:00
/* =================== Fonts =================== */
/* ===== import fonts ===== */
/* default fonts:
- iA Writer Quattro S
- iA Writer Mono S
- iA Writer Duo S
*/
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400&family=Anuphan:wght@200;300;400;500;600;700&family=Assistant:wght@300;400;500;600;700;800&family=Chivo+Mono:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,400;1,500;1,700&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Cousine:ital,wght@0,400;0,700;1,400&family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,700&family=Fira+Code:wght@300;400;500;600;700&family=Fira+Mono:wght@400;500;700&family=Fira+Sans+Extra+Condensed:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400;1,700&family=Fira+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,700&family=Heebo:wght@300;400;500;600;700;800;900&family=IBM+Plex+Serif:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,700&family=Inconsolata:wght@300;400;500;600;700;800;900&family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,700&family=Karla:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,700&family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Lexend:wght@300;400;500;600;700;800;900&family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,700&family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&family=Mulish:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,700&family=Nanum+Gothic+Coding:wght@400;700&family=Nanum+Myeongjo:wght@400;700;800&family=Outfit:wght@300;400;500;600;700;800;900&family=Overpass:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,700&family=Red+Hat+Mono:wght@300;400;500;600;700&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Roboto+Slab:wght@300;400;500;600;700;800;900&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,700&family=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600;1,700&family=Source+Serif+Pro:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,700&family=Spline+Sans+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,700&family=Ubuntu+Condensed&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,400;1,700&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,700&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,700&family=Martel:wght@200;300;400;600;700;800;900&family=Noto+Sans+Mono:wght@200;300;400;500;600;700;800&family=Noto+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Quicksand:wght@300;400;500;600;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&family=Varela+Round&family=Comfortaa:wght@300;400;500;600;700&family=Alegreya:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,700&family=Almarai:wght@300;400;700;800&family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Bitter:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&family=Courgette&family=Domine:wght@400;500;600;700&family=Edu+TAS+Beginner:wght@400;500;600;700&family=Exo:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&family=Kalam:wght@400;700&family=Libre+Baskerville:ital,wght@0,700;1,400&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Questrial&family=Sono:wght@300;400;500;600;700;800&family=Special+Elite&family=Spectral:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,700&family=Spinnaker&family=Spline+Sans:wght@400;500;600;700&family=Stoke:wght@300;400&family=Tajawal:wght@400;500;700;800;900&family=Trykker&family=Vollkorn:ital,wght@0,400;0,500;0,600;0,7
@font-face {
font-family: 'iA Writer Quattro S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Quattro S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Quattro S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Quattro S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Mono S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Mono S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Mono S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Mono S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Duo S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Duo S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Duo S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'iA Writer Duo S';
src: url('data:font/woff;charset=utf-8;base64,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
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* font bundles */
body, .ia-font {
--font-text-theme: 'iA Writer Quattro S', 'Nanum Gothic Coding', "MS PGothic",'PingFang SC', '蘋方', '蘋方 SC', "Microsoft YaHei Light", ui-sans-serif, sans-serif;
--font-interface: var(--font-text-theme);
--font-secondary: 'iA Writer Duo S';
--font-monospace: 'iA Writer Mono S';
}
.gothic-font {
--font-secondary: 'Century Gothic', 'Nanum Gothic', sans-serif;
--font-text-theme: 'Karla', 'Gotham Book', sans-serif;
--font-monospace: 'Inconsolata', 'Consolas', 'Source Code Pro', monospace;
}
.obsidian-font {
--font-text-theme: 'Inter';
--font-secondary: 'Avenir Next';
--font-monospace: 'Source Code Pro', monospace;
}
.cursive-font {
--font-text-theme: 'UD Digi Kyokasho NK-R','Varela Round', cursive;
--font-secondary: Comfortaa, cursive;
--h1-font: var(--font-secondary);
--h2-font: var(--font-secondary);
--h3-font: var(--font-secondary);
--h4-font: var(--font-secondary);
--h5-font: var(--font-secondary);
--h6-font: var(--font-secondary);
}
.google-font {
--font-text-theme: 'Noto Sans', sans-serif;
--font-secondary: 'Roboto', system-ui, sans-serif;
--font-monospace: 'Noto Sans Mono', 'Source Code Pro', monospace;
}
.serif-font {
--font-secondary: 'Martel', Cambria, Times, 'Times New Roman', 'Sawarabi Mincho', sans-serif;
--font-text-theme: 'Lora', 'Sitka Small', Cochin, Georgia, 'Sawarabi Mincho', sans-serif;
--font-monospace: 'Source Code Pro', monospace;
}
.robust-font {
--font-text-theme: 'Lexend', sans-serif;
--font-secondary: 'Figtree', sans-serif;
--font-monospace: 'iA Writer Mono S', monospace;
}
.web-font {
--font-text-theme: 'Titillium Web', Corbel, 'DotGothic16', monospace;
--font-secondary: 'Exo', 'DotGothic16', monospace;
--font-monospace: 'iA Writer Duo S', monospace;
}
.austere-font {
--font-text-theme: 'Special Elite', cursive;
--font-secondary: 'Kalam', cursive;
--font-monospace: 'Sono', monospace;
}
.handwritten-font {
--font-text-theme: 'Kalam', 'Klee One', cursive;
--font-secondary: 'Edu TAS Beginner', 'Klee One', cursive;
--font-monospace: 'Sono', monospace;
}
/* fonts from list select */
.font-select {
--font-text-theme: var(--font-default-select), var(--font-secondary-select), sans-serif;
--font-secondary: var(--font-secondary-select), sans-serif;
--font-monospace: var(--font-monospace-select), monospace;
--font-default-select: 'iA Writer Quattro S';
--font-secondary-select: 'iA Writer Duo S';
--font-monospace-select: 'iA Writer Mono S';
}
/* custom font */
body {
--font-default-custom: 'iA Writer Quattro S';
--font-secondary-custom: 'iA Writer Duo S';
--font-monospace-custom: 'iA Writer Mono S';
}
.custom-font {
--font-text-theme: var(--font-default-custom) !important;
--font-secondary: var(--font-secondary-custom) !important;
--font-monospace: var(--font-monospace-custom) !important;
}
/* default font weight */
body {
--font-weight-default: 400;
}
body, .vertical-tab-nav-item {
font-weight: var(--font-weight-default);
}
/* ============= Markdown ============= */
body {
--editing-file-line-width: var(--file-line-width);
--file-line-width: 700px;
--font-preview-view: var(--font-secondary);
}
/* make edit mode use a different font than reading mode */
.markdown-source-view .cm-line:not([class*="code"]):not(.HyperMD-header) {
font-family: var(--font-preview-view) !important;
}
/* make edit mode use a different readable line length than reading mode */
.markdown-source-view:not(.screenplay).mod-cm6.is-readable-line-width .cm-sizer,
.markdown-source-view:not(.is-mobile).mod-cm6.is-readable-line-width .cm-content,
.markdown-source-view:not(.is-mobile).mod-cm6.is-readable-line-width .cm-line {
width: var(--editing-file-line-width) !important;
max-width: 100%;
padding: 0;
}
.workspace-leaf-content:not(.screenplay)[data-type="markdown"] .cm-gutters {
position: absolute !important;
}
.cm-gutterElement.cm-active {
color: var(--interactive-accent);
font-weight: bold;
}
/* cursor/caret */
.cm-content {
caret-color: inherit !important;
}
/* ========== active line highlight ========= */
body {
--inactive-line-opacity: 0.4;
--inactive-line-blur: 0px;
--active-line-size: inherit;
}
.active-line-highlight .cm-line,
.active-line-highlight .callout,
.active-line-highlight img,
.active-line-highlight .inline-title {
transition: opacity 0.2s, font-size 0.2s !important;
}
.active-line-highlight .cm-active.cm-line,
.active-line-highlight.opacity-hover .cm-line:hover,
.active-line-highlight .callout:hover,
.active-line-highlight img:hover,
.active-line-highlight .markdown-source-view .inline-title:hover,
.source-line-effect .markdown-source-view:not(.is-live-preview) .cm-line,
.preview-line-effect .markdown-source-view.is-live-preview .cm-line {
opacity: 1 !important;
filter: none !important;
}
/* font size effect */
.active-line-highlight .cm-active.cm-line:not(.HyperMD-header),
.active-line-highlight.opacity-hover .cm-line:not(.HyperMD-header):hover {
font-size: var(--active-line-size) !important;
}
.active-line-highlight .cm-contentContainer .cm-line, .active-line-highlight .cm-contentContainer img, .active-line-highlight .cm-contentContainer .callout,
.active-line-highlight .markdown-source-view .inline-title {
opacity: var(--inactive-line-opacity);
filter: blur(var(--inactive-line-blur));
}
/*
.cm-active.cm-line::after {
content: "";
width: 100%;
height: calc(var(--font-text-size) + 2px);
left: 0;
filter: blur(3px);
top: 0;
margin-top: calc(var(--font-text-size) / 2.5);
margin-bottom: 0;
position: absolute;
background: linear-gradient(to right, black, rgba(255, 255, 255, 0));
opacity: 0.2;
}
*/
/* =========== Serenity Mode ======== */
body {
--serenity-mode-font-size: 17px;
}
/* global serenity mode values */
.serenity-mode:not(.serenity-src):not(.serenity-lp) .markdown-source-view,
.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview) .markdown-source-view,
.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) {
--font-text-size: var(--serenity-mode-font-size) !important;
}
/* both live preview and source mode*/
.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode="source"]) .workspace-tab-header-container,
.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode="source"]) .workspace-ribbon,
.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode="source"]) .view-header,
.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode="source"]) .embedded-backlinks,
.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode="source"]) .inline-title,
.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode="source"]) .mk-header.cm-line,
/* live preview */
.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview) .workspace-tab-header-container,
.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview) .workspace-ribbon,
.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview) .view-header,
.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview) .embedded-backlinks,
.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview) .inline-title,
.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview) .mk-header.cm-line,
/* source mode */
.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .workspace-tab-header-container,
.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .workspace-ribbon,
.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .view-header,
.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .embedded-backlinks,
.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .inline-title,
.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .mk-header.cm-line {
display: none !important;
}
/* Pure Serenity Mode */
.theme-light.pure-serenity-light.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode=source]),
.theme-light.pure-serenity-light.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview),
.theme-light.pure-serenity-light.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) {
--color-base-00: #f9f9f9 !important;
--color-base-05: #f9f9f9 !important;
--color-base-10: #f9f9f9 !important;
--color-base-20: #f9f9f9 !important;
--color-base-25: #f9f9f9 !important;
--color-base-30: #f9f9f9 !important;
--color-base-35: #f9f9f9 !important;
--color-base-40: #000000 !important;
--color-base-50: #000000 !important;
--color-base-60: #000000 !important;
--color-base-70: #000000 !important;
--color-base-100: #000000 !important;
}
.theme-dark.pure-serenity-dark.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode=source]),
.theme-dark.pure-serenity-dark.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview) ,
.theme-dark.pure-serenity-dark.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) {
--color-base-00: #000000;
--color-base-05: #000000;
--color-base-10: #000000;
--color-base-20: #000000;
--color-base-25: #000000;
--color-base-30: #000000;
--color-base-35: #000000;
--color-base-40: #ffffff;
--color-base-50: #ffffff;
--color-base-60: #ffffff;
--color-base-70: #ffffff;
--color-base-100: #ffffff;
}
/* Inverted Pure Serenity Mode */
.theme-light.pure-serenity-light.pure-serenity-invert-light.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode=source]),
.theme-light.pure-serenity-light.pure-serenity-invert-light.serenity-mode.serenity-lp:has([data-mode="source"] .is-live-preview) ,
.theme-light.pure-serenity-light.pure-serenity-invert-light.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) {
--color-base-00: #000000 !important;
--color-base-05: #000000 !important;
--color-base-10: #000000 !important;
--color-base-20: #000000 !important;
--color-base-25: #000000 !important;
--color-base-30: #000000 !important;
--color-base-35: #000000 !important;
--color-base-40: #ffffff !important;
--color-base-50: #ffffff !important;
--color-base-60: #ffffff !important;
--color-base-70: #ffffff !important;
--color-base-100: #ffffff !important;
}
.theme-dark.pure-serenity-dark.pure-serenity-invert-dark.serenity-mode:not(.serenity-src):not(.serenity-lp):has([data-mode=source]),
.theme-dark.pure-serenity-dark.serenity-mode.pure-serenity-invert-dark.serenity-lp:has([data-mode="source"] .is-live-preview) ,
.theme-dark.pure-serenity-dark.pure-serenity-invert-dark.serenity-mode.serenity-src:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) {
--color-base-00: #ffffff !important;
--color-base-05: #ffffff !important;
--color-base-10: #ffffff !important;
--color-base-20: #ffffff !important;
--color-base-25: #ffffff !important;
--color-base-30: #ffffff !important;
--color-base-35: #ffffff !important;
--color-base-40: #000000 !important;
--color-base-50: #000000 !important;
--color-base-60: #000000 !important;
--color-base-70: #000000 !important;
--color-base-100: #000000 !important;
}
/* ============ Pure Markdown Mode ============ */
.pure-md:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .cm-editor *:not(.inline-title) {
font-size: var(--font-text-size) !important; /* uniform font size */
}
.pure-md:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .cm-editor .cm-formatting {
opacity: 1 !important; /* consistent color for formatting elements */
}
.pure-md:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .HyperMD-header::before {
display: none !important; /* remove heading level indicators, if active (leaving only #s) */
}
.pure-md:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .cm-line:not(.cm-active) .cm-formatting.cm-formatting-header { /* make heading formatting #s float in source mode, iA-Writer-syle. */
position: absolute;
margin-left: -100px;
width: 100px;
text-align: right !important;
}
.pure-md:has([data-mode="source"] .markdown-source-view:not(.is-live-preview)) .HyperMD-header:hover .cm-formatting { /* make #s on headings disappear when they are hovered (to make room for collapse indicators */
display: none;
}
/* =========== cursor =============== */
/* change caret color */
.cm-contentContainer * {
caret-color: var(--color-accent-1);
}
/* cursor effect with Ninja Cursor plugin */
/* inspired by iA Writer */
body {
--cursor-width: 2.5px;
--cursor-color: var(--interactive-accent);
}
/* main cursor appearance */
body:not(:not(.iA-cursor)) .cursorWrapper .x-cursor {
opacity: 1;
background: var(--cursor-color);
width: var(--cursor-width);
left: -1px;
position: relative;
top: calc( calc(var(--font-text-size) * -0.01) - var(--header-height));
height: calc(var(--cursor-height) + 1px);
transition: opacity;
}
/* remove flashing */
body:not(:not(.iA-cursor)) .cursorWrapper .x-cursor::after{
display: none;
}
body:not(:not(.iA-cursor)) .cm-cursorLayer {
animation: none !important;
visibility: hidden !important;
}
/* add glow effect in dark mode */
.theme-dark.cursor-glow:not(:not(.iA-cursor)) .cursorWrapper .x-cursor {
box-shadow: 0px 0px 30px hsl(var(--accent-h), var(--accent-s), 75%) , 0px 0px 10px hsl(var(--accent-h), var(--accent-s),60%) ;
}
/* cursor animation */
body:not(:not(.iA-cursor)) .cursorWrapper .x-cursor1 {
animation: step-end cursorblink-alt 0.95s 0s both infinite;
}
body:not(:not(.iA-cursor)) .cursorWrapper .x-cursor0 {
animation: step-end cursorblink 0.95s 0s both infinite;
}
.cursor-tween:not(:not(.iA-cursor)) .cursorWrapper .x-cursor0{
animation: cursorblink2 0.9s 0s both infinite;
}
.cursor-tween:not(:not(.iA-cursor)) .cursorWrapper .x-cursor1 {
animation: cursorblink-alt 0.9s 0s both infinite;
}
@keyframes cursorblink-alt {
0% {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes cursorblink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
}
@keyframes cursorblink2 {
0% {
opacity: 1;
}
30% {
opacity: 1;
}
80% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* remove normal cursor when ninjacursor is installed */
body:not(:not(.iA-cursor)):has(.x-cursor) .cm-editor * {
caret-color: transparent;
}
/* ============= file explorer ============ */
body {
--file-font-size: inherit;
}
/* style collapse indicators */
.nav-folder > .nav-folder-title .nav-folder-collapse-indicator.collapse-icon svg {
color: var(--text-muted) !important;
stroke-width:2px !important;
}
.hide-folder-arrows .nav-folder-title:not(:has(.svelte-ner10q)) .nav-folder-collapse-indicator {
display: none;
}
/* style folder notes and files like links */
.nav-folder.alx-folder-with-note>.nav-folder-title>.nav-folder-title-content, body:not(:not(.link-file)) .nav-file-title-content,
.folder-note-underline .has-folder-note .nav-folder-title-content {
text-decoration-line: underline;
color: var(--link-color);
text-decoration-color: var(--link-decoration-color);
text-decoration-thickness: var(--link-decoration-thickness);
}
/* link-like hover effect for link-styled folders and files */
body:not(:not(.link-file)) .nav-folder.alx-folder-with-note>.nav-folder .nav-folder-title:hover, body:not(:not(.link-file)) .nav-file:hover .nav-file-title,
.folder-note-underline .nav-folder-title:hover,
body:not(:not(.link-file)).nav-folder-title:hover /* also get rid of hover bg on normal folder */ {
background-color: transparent !important;
}
body:not(:not(.link-file)) .nav-folder.alx-folder-with-note>.nav-folder-title:hover>.nav-folder-title-content, .nav-file:hover .nav-file-title-content,
.folder-note-underline .has-folder-note.nav-folder-title:hover > .nav-folder-title-content {
color: var(--link-color-hover) !important;
}
.nav-file-title.is-active {
background-color: transparent;
}
.nav-file-title.is-selected .nav-file-title-content, .nav-file-title.is-selected {
color: hsl(calc(var(--accent-h) - 25), var(--accent-s), calc(var(--accent-l) + 5%))!important;
background-color: transparent !important;
text-decoration-color: var(--color-green);
}
.nav-file-title.is-active .nav-file-title-content {
color: var(--interactive-accent);
text-decoration: none;
font-weight: bold;
}
.hide-folder-notes .nav-folder.alx-folder-with-note>.nav-folder-title>.nav-folder-title-content,
.hide-folder-notes.folder-note-underline .has-folder-note.nav-folder-title>.nav-folder-title-content {
text-decoration-line: none !important;
color: inherit !important;
}
/* "prominent folders" class */
.prominent-folders .nav-folder-title {
font-weight: 600 !important; /* make folder title bold */
}
/* file titles */
.nav-file-title-content {
font-family: var(--link-font);
font-size: var(--file-font-size);
}
.wrap-files .nav-file-title-content {
white-space: initial; /* wrap to next line */
}
/* get rid of indentation guides */
.nav-folder-children {
border-left: none !important;
}
/* ======= card file explorer style ====== */
/* card-like file appearance */
.file-explorer-cards .nav-file {
transition: 0.15s ease-out;
margin: 10px 0px;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.13);
box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.03) 1px 1px 8px;
}
.file-explorer-cards .nav-file-title {
padding: 1.15em 1.2em;
background-color: transparent;
}
.theme-dark.file-explorer-cards .nav-file {
background-color: var(--background-primary-alt); /* change background in dark mode */
}
.file-explorer-cards .nav-file:hover {
transform: translateY(-10%);
background-color: var(--background-modifier-hover);
}
.file-explorer-cards .nav-file-title-content {
text-decoration: none !important;
width: 100%;
}
/* file extension tags */
.nav-file-tag {
padding: 1px 5px;
border-radius: 3px;
}
/* folders appearance */
.file-explorer-cards .nav-folder-title {
padding: 7px 20px; /* increase padding */
font-size: calc(var(--font-ui-small) + 1px);
}
.hide-folder-arrows.file-explorer-cards .nav-folder-title {
padding: 10px 13px; /* when folder collapse indicators are hidden, increase padding */
}
.file-explorer-cards .nav-folder-title-content {
text-decoration: none !important;
}
/* increase space between collapse indicator and folder title */
.file-explorer-cards.ul-folder-psp .nav-folder-collapse-indicator {
margin-right: 7px;
margin-left: 1em;
}
/* Tag Folders plug-in */
/* prevent tag overflow */
.taglist.svelte-ner10q {
white-space: initial;
min-width: fit-content;
}
/* folder focus mode */
.folder-focus .nav-folder .nav-folder{
opacity: var(--inactive-pane-opacity); /* set all folders and files to low opacity */
border: none;
}
.nav-folder .nav-folder:has(.is-active), /* folder that has the active note */
.nav-folder .nav-folder:hover { /* folder (excluding the root folder) that is hovered over */
opacity: 1 !important;
}
.folder-focus .nav-folder .nav-folder:has(.is-active) {
padding: 8px;
margin-left: -17px !important; /* decrease the 'nested' appearance of folder that has the active note*/
}
/* put a border around the folder that has the active file */
.folder-focus .nav-folder .nav-folder:has(.is-active) .nav-folder-children {
border-left: 1.5px solid var(--color-accent-2) !important;
}
.folder-focus .nav-folder .nav-folder:has(.is-active) > .nav-folder-title /* title of folder with the active note (excluding root folder) */
{
font-size: var(--font-ui-medium) !important;
}
/* (Scrapped) hide the files of folders that aren't under the cursor, even if they aren't collapsed */
/*
.folder-focus .nav-folder .nav-folder:not(:has(.is-active)):not(:hover) .nav-folder-children:not(:hover) {
display: none;
opacity: 0;
}
*/
/* messing around with transitions and animation speeds */
.folder-focus .nav-folder .nav-folder {
transition: all 0.5s !important;
transition-delay: all 2s !important;
animation-delay: all 2s !important;
animation-duration: all 0.27s !important;
}
/* ===================== hide elements ======================== */
/* hide backlinks */
body:not(:not(.hide-backlinks)) .markdown-source-view .embedded-backlinks:not(.mk-inline-context),
body:not(:not(.hide-backlinks)) .markdown-source-view .footnotes {
display: none;
}
/* hide inline title */
.hide-inline-title-editing .markdown-source-view .inline-title {
display: none;
}
.hide-inline-title .markdown-reading-view .inline-title {
display: none;
}
/* hide vault title */
body:not(:not(.hide-vault-title)) .nav-folder.mod-root > .nav-folder-title {
display: none;
}
/* some quick variables */
body {
--tab-width: 200px;
--tab-outline-width: 0.7px;
--tab-divider-color: var(--color-base-30);
--titlebar-background-focused: var(--background-secondary);
}
body:not(:not(.flat-mode)) {
--titlebar-background: var(--background-primary);
--ribbon-background: var(--background-primary);
}
/* hide ribbon */
body:not(:not(.hide-ribbon)):not(.opacity-hide) .workspace-ribbon:not(:hover) {
width: 0px;
max-width: 0px;
min-width: 0px;
padding: 2px;
margin-right: 1px;
}
body:not(:not(.hide-ribbon)) .workspace-ribbon:not(:hover) {
opacity: 0;
}
body:not(.hide-ribbon):not(.hide-tabs) .workspace-ribbon.is-collapsed,
body:not(.hide-ribbon):not(:not(.flat-mode)) .workspace-ribbon:not(.is-collapsed) {
border-right: var(--divider-width) solid var(--divider-color) !important;
}
body:not(.hide-ribbon):not(:not(.flat-mode)):not(.hide-file-tabs) .workspace-ribbon:not(.is-collapsed):before {
border-right: var(--divider-width) solid var(--divider-color);
}
.workspace-ribbon {
border: none;
transition: 0.25s all !important;
}
/* sidebar toggle button */
body:not(:not(.flat-mode)) .workspace-ribbon.mod-left:before {
border-bottom: 2px var(--background-primary) solid !important;
background-color: var(--background-primary) !important;
}
body:not(.flat-mode) .workspace-ribbon.mod-left:hover:before,
body:not(.flat-mode) .workspace-ribbon.mod-left:hover:before:hover,
body:not(.flat-mode) .workspace-ribbon.mod-left:not(.is-collapsed):before {
border-bottom: 2px var(--background-secondary) solid ;
}
/* remove bottom border when tabs are hidden */
.hide-tabs .workspace-ribbon.mod-left.is-collapsed:before {
border-bottom: 2px solid var(--background-primary) !important;
}
.hide-file-tabs .workspace-ribbon.mod-left:before {
background-color: var(--background-primary) !important;
}
body:not(:not(.flat-mode)) .workspace-ribbon:not(.is-collapsed).mod-left:before {
border-bottom: 2px var(--background-primary) solid !important;
background-color: var(--background-primary) !important;
}
/* change ribbon color and border when tabs are hovered */
/* note flat color mode */
body:not(.flat-mode).hide-tabs:has(.workspace-tab-header-container:hover) .workspace-ribbon.mod-left:before,
body:not(.flat-mode):not(.hide-tabs):not(.hide-ribbon) .workspace-ribbon.mod-left:before,
body:not(.flat-mode):not(.hide-tabs).hide-ribbon .workspace-ribbon.mod-left:hover:before,
body:not(.flat-mode):not(.hide-file-tabs).hide-ribbon .workspace-ribbon.mod-left:hover:before {
opacity: 1;
background-color: var(--titlebar-background-focused) !important;
border-bottom: var(--divider-width) solid var(--divider-color) !important;
}
/* flat color mode */
.hide-ribbon:not(.hide-tabs) .workspace-ribbon.mod-left.is-collapsed:hover:before {
border-bottom: var(--divider-width) solid var(--divider-color) !important;
}
/* hide tabs above notes */
body:not(.is-mobile):not(:not(.hide-tabs)):not(.opacity-hide) .workspace-split.mod-vertical.mod-root .workspace-tab-header-container:not(:hover) {
height: 1em;
width: 100%;
margin-bottom: 0em;
}
body:not(.is-mobile):not(:not(.hide-tabs)) .workspace-split.mod-vertical.mod-root .workspace-tab-header-container:not(:hover) {
opacity: 0;
}
/* transition animation */
.workspace-split.mod-vertical.mod-root .workspace-tab-header-container {
transition: all 0.25s !important;
}
/* tab title */
.workspace-tab-header-inner-title {
font-size: var(--font-ui-smaller);
}
/* file explorer tabs */
body:not(:not(.flat-mode)) .workspace-split.mod-horizontal.mod-left-split .workspace-tab-header-container {
border-left: 0.5px solid var(--background-modifier-border);
border-bottom-left-radius: var(--tab-curve);
margin-left: 2em;
}
/* alternate look when not in flat color mode */
body:not(.flat-mode) .workspace-split.mod-horizontal.mod-left-split .workspace-tab-header-container .workspace-tab-header-container-inner {
margin-left: 2em;
}
body:not(.hide-file-tabs):not(.flat-mode) .workspace-split.mod-horizontal.mod-left-split .workspace-tab-header-container {
background-color: var(--titlebar-background-focused) !important;
}
/* color when not in flat color mode and workspace tabs are hidden */
.hide-tabs:not(.flat-mode) .workspace-split.mod-horizontal.mod-left-split .workspace-tab-header-container {
--titlebar-background-focused: var(--background-primary) !important;
}
/* also affect the button before it */ .hide-tabs:not(.flat-mode) .workspace-ribbon.side-dock-ribbon.mod-left::before {
border-bottom: 1px solid var(--background-secondary);
}
/* hide file explorer tabs */
body:not(:not(.hide-file-tabs)) .workspace-split.mod-horizontal.mod-left-split .workspace-tab-header-container {
border: none;
margin: 2px auto;
transition: all 0.25s !important;
}
/* change background when not in flat color mode */
body:not(.flat-mode) .workspace-split.mod-horizontal.mod-left-split .workspace-tab-header-container {
background-color: var(--background-primary);
}
body:not(:not(.hide-file-tabs)) .workspace-split.mod-horizontal.mod-left-split .workspace-tab-header-container:not(:hover) {
opacity: 0;
}
/* change titlebar background when not in flat color mode and file explorer tabs are hidden */
.hide-file-tabs:not(.flat-mode) .workspace-tab-header-container {
background-color: var(--background-primary) !important;
}
/* style tab close button */
.workspace-tab-header-inner-close-button svg {
height: 14px;
width: 14px;
stroke-width: 1.5px;
}
/* hide tab close button */
body:not(:not(.hide-close-tab)) .workspace-tab-header-inner-close-button:not(:hover) {
opacity: 0 !important;
}
/* transitions */
.workspace-tab-header-container {
transition: 0.05s !important;
}
/* flat mode color */
body:not(:not(.flat-mode)) .workspace-tab-header-container {
background-color: var(--background-primary);
}
.workspace-tab-header-inner-close-button,
.workspace-tab-header-inner {
transition: 0.25s !important;
}
/* remove hover effect on tabs */
.workspace-tab-header:hover .workspace-tab-header-inner {
background-color: transparent !important;
color: var(--text-normal)
}
/* hide header */
body:not(.is-mobile):not(:not(.hide-view-header)) .view-header:not(:hover) {
opacity: 0;
}
body:not(.is-mobile):not(:not(.hide-view-header)):not(.opacity-hide) .view-header:not(:hover) {
height: 1em;
}
.view-header {
transition: .25s;
}
/* don't hide on mobile */
.is-mobile .view-header:not(:hover) {
opacity: 1;
}
/* move arrow buttons on header */
.hide-ribbon .view-header-nav-buttons {
padding-left: 1.5em;
margin-left: 1.5em;
}
/* hide titlebar buttons*/
body:not(:not(.hide-titlebar-buttons)) .titlebar-button-container:not(:hover) {
height: 30px;
width: 30px;
transition-delay: all 1s !important;
opacity: 0;
}
.titlebar-button-container {
transition: all .15s !important;
background-color: transparent !important;
}
/* hide file explorer buttons */
body:not(:not(.hide-file-buttons)) .nav-buttons-container:not(:hover) {
opacity: 0;
}
body:not(.opacity-hide):not(:not(.hide-file-buttons)) .nav-buttons-container:not(:hover) {
height: 1px;
padding:2px;
}
.nav-buttons-container {
transition: 0.1s opacity, 0.5s height, 0.5s padding;
}
/* =============== sidebar ======== */
.workspace-leaf-content {
background-color: var(--background-primary);
}
/* =============== active pane ========= */
body {
--divider-width: 0.2px;
--inactive-pane-opacity: 0.55;
--inactive-pane-blur: 0px;
}
/* fade out inactive panes */
.active-pane-highlight .workspace-tabs {
transition: 0.25s;
}
.active-pane-highlight .workspace-tabs .mod-active {
opacity: 1;
filter: none;
}
.active-pane-highlight .workspace-tabs:not(.mod-active):not(:hover) {
opacity: var(--inactive-pane-opacity);
filter: blur(var(--inactive-pane-blur));
}
/* =================== metadata/frontmatter ============ */
/* overall frontmatter container look */
.frontmatter-container {
background-color: var(--background-primary-alt);
border: 1px solid var(--background-modifier-border);
font-size: var(--font-small);
}
.frontmatter-container .frontmatter-container-header {
padding: 0px;
border-bottom: none;
font-size: var(--font-small);
margin-bottom: 8px;
}
/* labels and values */
.frontmatter-section-data {
font-size: var(--font-smaller);
font-family: var(--font-secondary);
}
.frontmatter-section-label {
font-size: var(--font-smaller) !important;
text-transform: capitalize;
}
.frontmatter-section-label:after {
content: ':';
margin-right: 1em;
}
/* hide frontmatter */
.hide-frontmatter-s .frontmatter-container {
display: none;
}
/* Hover Frontmatter */
.frontmatter-container:not(:hover) .frontmatter-section {
display: none !important;
}
.frontmatter-container:hover .frontmatter-section {
display: flex !important;
}
.frontmatter-container:hover {
min-width: 500px;
max-width: fit-content;
max-height: fit-content !important;
padding: 20px;
opacity: 1;
}
.frontmatter-container {
opacity: 0.8;
max-width: 400px !important;
width: fit-content !important;
max-height: 45px;
padding: 5px 10px;
border-radius: var(--radius-m);
transition: all 250ms !important;
}
.frontmatter-container-header {
margin-bottom: 0px !important;
transition: 150ms opacity;
}
.frontmatter-container:hover .frontmatter-container-header {
display: none;
opacity: 0;
}
/* ======== images ======== */
.markdown-rendered img,
img {
display: block;
margin: 1em auto;
border-radius: var(--radius-s);
}
/* dark mode filter */
.theme-dark:not(.low-contrast):not(.high-contrast) img {
filter: brightness(90%) !important;
}
.theme-dark.low-contrast img {
filter: brightness(80%);
}
.theme-dark.high-contrast img {
filter: none !important;
}
/* === image alts (captions) === */
/* == pure css captions (internal images only) == */
/* reading mode */
.img-captions:not(:has(.image-captions-figure)) .image-embed[alt]:after {
content: attr(alt);
display: block;
font-size: 90%;
line-height: 1.4;
color: var(--text-faint);
text-align: center;
font-weight: bold;
}
/* edit mode */
.img-captions img[alt]:after {
content: attr(alt);
display: block;
font-size: 90%;
color: var(--text-faint);
text-align: center;
}
/* excluded alts */
/* (use a # to exclude any alts you don't want to see.) */
.image-embed[alt~="banner"]:after,
.image-embed[alt*="#"]:after,
span[alt*="banner"] .image-captions-caption,
span[alt*="#"] .image-captions-caption {
display: none !important;
}
/* == Image Captions Plug-in == */
.image-captions-figure,
.theme-light .image-captions-figure,
.theme-dark .image-captions-figure {
padding: 0; background: transparent;
margin: 1em auto;
border-radius: var(--radius-s);
}
.image-captions-caption {
font-style: italic;
font-size: var(--font-small);
color: var(--text-muted);
background-color: var(--background-secondary);
}
/* ====== code mirror formatting ===== */
.cm-formatting {
opacity: 1 !important;
font-weight: normal;
}
.cm-formatting-strong {
font-weight: bold;
}
/* ===== dataview ===== */
body {
--font-inline-field: inherit;
--inline-field-size: var(--font-small);
}
/* inline fields */
.dataview.inline-field-standalone-value {
background-color: transparent;
color: var(--text-muted);
padding: 0px;
font-family: var(--font-inline-field);
font-size: var(--inline-field-size);
}
.dataview.inline-field-key {
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
font-family: var(--font-text);
font-size: inherit;
}
.dataview.inline-field-key::after {
content: ':';
}
.dataview.inline-field-value {
padding-right: 0px;
background-color: transparent;
font-family: inherit;
font-size: inherit;
}
/* hide duplicate tag # in inline fields */
.dataview.inline-field-value a.tag:nth-of-type(odd) {
display: none;
}
/* ==== dataview tables ==== */
body {
--dv-table-text-align: left;
--dv-table-white-space: initial;
--dv-table-row-alt-background: transparent;
--dv-table-column-alt-background: transparent;
}
.table-view-table {
--table-header-background: transparent;
--table-header-background-hover: transparent;
}
.table-view-table > thead > tr > th {
font-weight: normal;
font-size: var(--font-text-size);
border-bottom: 1px solid var(--background-modifier-border-hover);
color: var(--text-muted);
}
.table-view-table thead > tr > th, .table-view-table tbody > tr > td {
white-space: var(--dv-table-white-space);
}
.table-view-table tbody > tr > td {
text-align: var(--dv-table-text-align);
padding: 0px 0px 3px 10px;
}
.table-view-table tbody > tr > td:first-of-type {
text-align: left !important;
}
/* alternate rows */
.markdown-rendered .table-view-table tbody tr:nth-child(odd) {
background-color: var(--dv-table-row-alt-background) !important;
}
.dv-alternate-table-rows {
--dv-table-row-alt-background: var(--background-primary-alt);
}
/* alternate columns */
.markdown-rendered .table-view-table tbody tr > td:nth-child(2n + 2) {
background-color: var(--dv-table-column-alt-background);
}
.dv-alternate-table-columns {
--dv-table-column-alt-background: var(--background-primary-alt);
}
/* borders */
.dv-table-borders .table-view-table tbody > tr > td {
border: 0.9px solid var(--background-modifier-border);
}
/* normal header */
.dv-table-header .table-view-table {
--table-header-background: var(--background-secondary);
--table-header-background-hover: var(--background-secondary);
}
.dv-table-header .table-view-table thead > tr > th {
border: 1px solid var(--background-modifier-border);
background-color: var(--table-header-background) !important;
font-weight: var(--table-header-weight);
}
/* ==== normal tables ==== */
body {
--table-text-size: var(--font-smaller);
--table-header-font: var(--h1-font);
--table-header-weight: var(--h1-weight);
--table-header-background: var(--background-secondary);
--table-header-background-hover: var(--background-secondary);
}
.markdown-rendered thead tr > th {
border-bottom: 1px solid var(--background-modifier-border);
text-align: center;
padding: 3px 1em;
font-size: var(--font-ui-medium);
background-color: var(--table-header-background) !important;
}
.markdown-rendered tbody tr:hover {
background-color: transparent !important;
}
.markdown-rendered rd {
width: fit-content;
}
.markdown-rendered td {
padding: 0px 8px;
}
.markdown-rendered table {
margin: 1em auto;
}
.alternate-table-rows {
--table-header-background: var(--background-secondary);
--table-row-alt-background: var(--background-primary-alt);
}
.alternate-table-columns {
--table-header-background: var(--background-secondary);
--table-column-alt-background: var(--background-primary-alt);
}
/* ===== row number class ====== */
.table-row-num table {
counter-reset: rowNumber -1;
}
.table-row-num table tr::before {
counter-increment: rowNumber +1;
content: counter(rowNumber) ".";
text-align: left;
font-size: calc(var(--font-text-size) - 2px);
margin-right: 5px;
margin-left: 10px;
color: var(--text-faint);
}
.table-row-num table .table-view-tr-header::before,
.table-row-num table thead tr::before {
content: "#" !important;
color: var(--text-normal);
}
/* =============== Code and Codeblocks ============= */
.markdown-rendered code {
color: var(--color-red);
font-size: var(--font-smaller);
padding: 0px 4px;
}
.markdown-rendered pre code {
color: var(--code-normal);
}
.HyperMD-codeblock.cm-line {
padding-left: 15px !important;
}
/* ================= highlights ============== */
.markdown-rendered mark, .cm-highlight
{
padding: 0 0.35em 0 0.5em;
border-radius: 0.35em 0.8em;
font-family: var(--font-secondary);
}
.cm-active .cm-highlight {
border-radius: 0;
}
mark:not([class*=hltr]), .cm-highlight {
background: linear-gradient(to left, hsla(var(--color-accent-hsl), 0.15), hsla(var(--color-accent-hsl), 0.4));
background-color: transparent !important;
}
.theme-light mark:not([class*=hltr]), .theme-light .cm-highlight {
color: hsl(var(--accent-h), var(--accent-s), 30%, 1);
}
.theme-dark mark:not([class*=hltr]), .theme-dark .cm-highlight {
color: hsl(var(--accent-h), var(--accent-s), 90%, 1);
}
.search-result-file-matched-text,
.suggestion-highlight {
background-color: transparent !important;
text-underline-offset: auto;
text-decoration-color: var(--text-accent) !important;
text-decoration: underline 2px;
font-family: var(--font-secondary);
}
/* ============== abbreviations =============== */
abbr[title] {
text-decoration: underline dashed var(--color-green);
color: var(--color-green);
}
/* =========== custom data-comment attribute ============== */
/* dot symbol after data-comment words */
[data-comment]::after {
content: '';
margin-top: -0.3em;
position: absolute;
font-size: var(--font-smallest);
color: var(--color-accent);
margin-left: 2px;
opacity: 0.9;
}
/* comment modal on hover */
[data-comment]:hover::after {
content: attr(data-comment);
background-color: var(--color-cyan);
color: white;
font-family: var(--font-secondary);
padding: 2px 5px;
box-shadow: var(--shadow-s);
border-radius: var(--radius-s);
opacity: 1;
animation: pop-right 200ms forwards ease-in-out;
max-width: 350px;
}
/* style the commented words */
[data-comment] {
text-decoration: dashed underline var(--color-cyan);
text-underline-offset: 2px;
}
[data-comment]:hover {
color: var(--color-cyan);
}
/* ============= Custom Data-above Attribute ============== */
/* annotation-like text */
[data-above]:hover::after {
content: attr(data-above);
position: absolute;
margin-left: -270px;
text-align: center;
width: 500px;
font-size: var(--font-smallest);
margin-top: -1em;
color: var(--color-blue);
}
/* style the annotated words, increase line height */
[data-above] {
line-height: calc(var(--line-height-normal) + 0.7);
text-decoration: underline dotted var(--color-blue);
transition: 0.15s;
}
/* hover effect */
[data-above]:hover {
color: var(--color-orange);
text-decoration-color: var(--color-orange);
}
/* ============= dividers/horizontal rules ============= */
body {
--hr-thickness: 1px;
--hr-color: var(--background-modifier-border-hover);
}
.markdown-rendered hr {
margin: 1em 0px;
clear: both;
}
/* ============ Page Gallery ============ */
/* get rid of all shadows */
.page-gallery * {
box-shadow: none;
text-shadow: none;
}
/* make fallbacks and images less round */
.page-gallery__tile-image--image,
.page-gallery__tile-image--fallback,
.page-gallery__tile-image--content {
border-radius: vaR(--radius-s) var(--radius-s) 0 0 ;
}
/* make images clearer */
.page-gallery__tile-image--image {
opacity: 1;
}
.page-gallery__tile-image--image:hover {
box-shadow: none;
}
.page-gallery__tile-image--image {
background-color: var(--background-primary-alt);
}
/* make fallback more harmonious with the theme */
.page-gallery__tile-image--fallback {
background: vaR(--background-primary-alt);
}
.page-gallery__tile-image--fallback:hover {
background: var(--background-primary-alt);
box-shadow: none;
}
/* make content less distracting and more readable */
.page-gallery__tile-image--content,
.page-gallery__tile-image--content:hover {
background: var(--background-primary-alt);
box-shadow: none;
padding: 1em 1.5em;
overflow: hidden;
--h1-size: var(--font-ui-medium);
font-size: var(--font-ui-smaller);
}
.page-gallery__tile-image--content:hover {
box-shadow: none;
}
/* view buttons */
.page-gallery__views-header-item.selected {
box-shadow: var(--color-accent-1) 1px 2px 0px 1px;
background: var(--color-accent-2);
color: var(--text-on-accent);
}
.page-gallery__views-header {
margin-bottom: 0.8em;
}
/* make fields more readable */
.page-gallery__fields {
white-space: initial;
font-size: var(--font-small);
padding: 1em;
}
.page-gallery__field[data-page-gallery-field-expression="file.name"]:first-child, .page-gallery__field[data-page-gallery-field-expression="file.path"]:first-child {
font-size: calc(var(--font-text-size) + 1px);
margin-bottom: 0.4em;
}
/* tiles */
.page-gallery__tile {
width: fit-content;
max-width: 300px;
min-width: 300px;
height: flex;
border-radius: var(--radius-s);
transition: 0.25s;
}
body:not(.is-mobile) .page-gallery__tile:hover {
transform: scale(1.05);
box-shadow: var(--shadow-s);
border: none;
}
/* group collapse buttons */
.page-gallery__group-collapse {
visibility:hidden;
}
.page-gallery__group-collapse::before {
visibility:visible !important;
content: "˅";
font-family: sans-serf, var(--font-text);
}
.page-gallery__group-collapse[title="Expand"]::before{
content: ">";
}
/* =============== Callouts ================ */
body {
--callout-title-padding: 5px 10px;
--callout-content-padding: 10px;
--callout-padding: 0px;
--callout-content-background: var(--background-primary-alt);
--callout-title-size: 0.98em;
--callout-bug: var(--color-pink-rgb);
--callout-blend-mode: normal !important;
}
.callout {
background-color: rgba(var(--callout-color), 0.17);
border: 1px rgba(var(--callout-color), var(--c-30)) solid;
}
.callout p {
margin: 0px !important;
}
.callout-title {
gap: 1em;
border-radius: var(--callout-radius) var(--callout-radius) 0px 0px;
}
.callout.is-collapsible:not(.is-collapsed) .callout-title {
border-bottom: 1px rgba(var(--callout-color), var(--c-30)) solid;
}
.callout.is-collapsed .callout-title {
border-radius: var(--callout-radius);
}
.callout-title-inner {
font-weight: normal;
width: 100%;
}
.callout-content {
font-family: var(--font-secondary);
font-size: var(--font-small);
border-radius: 0px 0px var(--callout-radius) var(--callout-radius);
}
/* move callout fold arrow */
.callout-fold {
align-self: flex-start;
padding-right: 0px;
}
/* === change default callout appearance === */
.callout {
--callout-color: var(--callout-default);
--callout-icon: lucide-lightbulb;
}
/* === change quote callout appearance == */
.callout[data-callout="quote"],
.callout[data-callout="cite"],
.callout[data-callout="comment"] {
--callout-color: var(--callout-quote);
--callout-icon: lucide-message-circle;
}
/* add new custom callouts */
.callout[data-callout="incomplete"],
.callout[data-callout="/"] {
--callout-color: var(--callout-quote);
--callout-icon: lucide-contrast;
}
.callout[data-callout="cancelled"],
.callout[data-callout="-"] {
--callout-color: var(--color-red-rgb);
--callout-icon: lucide-minus;
}
.callout[data-callout="forwarded"],
.callout[data-callout=">"] {
--callout-color: var(--callout-quote);
--callout-icon: lucide-send;
}
.callout[data-callout="scheduling"],
.callout[data-callout="<"],
.callout[data-callout="calendar"] {
--callout-color: var(--callout-quote);
--callout-icon: lucide-calendar;
}
.callout[data-callout="star"],
.callout[data-callout="*"] {
--callout-color: var(--color-yellow-rgb);
--callout-icon: lucide-star;
}
.callout[data-callout="location"],
.callout[data-callout="l"] {
--callout-color: var(--color-red-rgb);
--callout-icon: lucide-map-pin;
}
.callout[data-callout="bookmark"],
.callout[data-callout="b"] {
--callout-color: var(--color-orange-rgb);
--callout-icon: lucide-bookmark;
}
.callout[data-callout="savings"],
.callout[data-callout="S"],
.callout[data-callout="$"],
.callout[data-callout="money"] {
--callout-color: var(--color-green-rgb);
--callout-icon: lucide-dollar-sign;
}
.callout[data-callout="idea"],
.callout[data-callout="I"] {
--callout-color: var(--color-yellow-rgb);
}
.callout[data-callout="pros"],
.callout[data-callout="p"] {
--callout-color: var(--color-green-rgb);
--callout-icon: lucide-thumbs-up;
}
.callout[data-callout="cons"],
.callout[data-callout="c"] {
--callout-color: var(--color-orange-rgb);
--callout-icon: lucide-thumbs-down;
}
.callout[data-callout="key"],
.callout[data-callout="k"],
.callout[data-callout="secret"] {
--callout-color: var(--color-yellow-rgb);
--callout-icon: lucide-key;
}
.callout[data-callout="up"],
.callout[data-callout="u"] {
--callout-color: var(--color-green-rgb);
--callout-icon: lucide-trending-up;
}
.callout[data-callout="down"],
.callout[data-callout="d"] {
--callout-color: var(--color-red-rgb);
--callout-icon: lucide-trending-down;
}
.callout[data-callout="important"],
.callout[data-callout="!"] {
--callout-color: var(--color-red-rgb);
--callout-icon: lucide-alert-circle;
}
.callout[data-callout="win"],
.callout[data-callout="w"],
.callout[data-callout="cake"],
.callout[data-callout="prize"] {
--callout-color: var(--color-purple-rgb);
--callout-icon: lucide-cake;
}
/* code mirror formatting */
.cm-formatting-quote {
color: var(--text-muted) !important;
font-style: normal !important;
}
.cm-hmd-callout {
color: var(--text-accent) !important;
border-radius: var(--radius-s);
font-weight: bold !important;
}
.HyperMD-quote-1 {
font-style: italic;
}
.HyperMD-quote-1 .cm-em {
font-style: normal;
}
.HyperMD-callout .cm-quote-1{
font-style: normal;
}
/* =========== blockquotes ========= */
body {
--blockquote-border-thickness: 1.2px;
--blockquote-border-color: var(--background-modifier-border-hover);
}
/* style blockquotes contained within a blockquote like citations */
blockquote > blockquote p {
border-left: none !important;
text-align: right;
font-size: 0.86em;
padding: 0px 1em;
font-family: var(--font-secondary);
color: var(--text-muted);
}
blockquote > blockquote {
margin: 0px;
}
/* get rid of side border on the blockquote iself */
blockquote {
border: none !important;
margin: 2em;
overflow: hidden;
}
/* put border on elements inside a blockquote instead */
blockquote p,
blockquote ul,
blockquote ol,
blockquote img,
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6,
blockquote hr {
border-left: solid var(--blockquote-border-thickness) var(--blockquote-border-color);
padding: 5px 0px 0px var(--size-4-6);
margin: 0px;
}
blockquote li {
margin-left: 1em;
}
/* remove extra top padding for first elements contained in blockquote. */
blockquote p:first-of-type,
blockquote ul:first-of-type,
blockquote ol:first-of-type,
blockquote img:first-of-type,
blockquote h1:first-of-type,
blockquote h2:first-of-type,
blockquote h3:first-of-type,
blockquote h4:first-of-type,
blockquote h5:first-of-type,
blockquote h6:first-of-type,
blockquote hr:first-of-type{
padding: 0px 0px 0px var(--size-4-6);
}
/* ============ headings & inline title ============= */
body {
--h1-size: 1.72em;
--h2-size: 1.51em;
--h3-size: 1.35em;
--h4-size: 1.19em;
--h5-size: 1.08em;
--h6-size: 1em;
--inline-title-size: calc(var(--h1-size) + 0.5em);
--inline-title-align: center;
--h1-font: var(--h-font-s);
--h2-font: var(--h-font-s);
--h3-font: var(--h-font-s);
--h4-font: var(--h-font-s);
--h5-font: var(--h-font-s);
--h6-font: var(--h-font-s);
--h-font-s: inherit;
--h-weight-s: 600;
--h1-weight:var(--h-weight-s);
--h2-weight:var(--h-weight-s);
--h3-weight:var(--h-weight-s);
--h4-weight:var(--h-weight-s);
--h5-weight:var(--h-weight-s);
--h6-weight:var(--h-weight-s);
--h-align-s: left;
--h1-align: var(--h-align-s);
--h2-align: var(--h-align-s);
--h3-align: var(--h-align-s);
--h4-align: var(--h-align-s);
--h5-align: var(--h-align-s);
--h6-align: var(--h-align-s);
}
/* Remove underline for headings that are also links */
[data-heading] a {
text-decoration: none !important;
}
/* center inline title */
.markdown-reading-view .inline-title, .inline-title {
text-align: var(--inline-title-align);
}
/* increase heading margins */
.markdown-rendered h1, .markdown-rendered h2,
.markdown-rendered h3, .markdown-rendered h4,
.markdown-rendered h5, .markdown-rendered h6 {
margin: 1.3em 0px 0.2em 0px;
}
/* Header 1 bottom border line */
.markdown-rendered h1 {
border-bottom: 1px solid var(--background-modifier-border-hover);
padding-bottom: 0.2em;
}
/* when bottom border line is toggled off */
body:not(.h1-bottom-border) .markdown-rendered h1, body:not(.h1-bottom-border) .embed-title {
padding-bottom: 0.2em;
border-bottom: none;
}
/* other headings bottom borders */
.h2-bottom-border .markdown-rendered h2,
.h3-bottom-border .markdown-rendered h3,
.h4-bottom-border .markdown-rendered h4,
.h5-bottom-border .markdown-rendered h5,
.h6-bottom-border .markdown-rendered h6 {
border-bottom: 1px solid var(--background-modifier-border-hover);
padding-bottom: 0.2em;
}
/* heading text aligns */
.markdown-rendered h1, .HyperMD-header-1 {
text-align: var(--h1-align);
}
.markdown-rendered h2, .HyperMD-header-2 {
text-align: var(--h2-align);
}
.markdown-rendered h3, .HyperMD-header-3 {
text-align: var(--h3-align);
}
.markdown-rendered h4, .HyperMD-header-4 {
text-align: var(--h4-align);
}
.markdown-rendered h5, .HyperMD-header-5 {
text-align: var(--h5-align);
}
.markdown-rendered h6, .HyperMD-header-6 {
text-align: var(--h6-align);
}
/* ======== heading level indicators in edit mode ========= */
.heading-syntax .HyperMD-header-1::before,
.heading-syntax .HyperMD-header-2::before,
.heading-syntax .HyperMD-header-3::before,
.heading-syntax .HyperMD-header-4::before,
.heading-syntax .HyperMD-header-5::before,
.heading-syntax .HyperMD-header-6::before {
font-size: 0.7rem;
font-weight: normal;
font-family: inherit;
text-transform: uppercase;
padding-right: 5px;
border-radius: var(--radius-s);
}
.heading-syntax .HyperMD-header-1::before {
content: "H1";
}
.heading-syntax .HyperMD-header-2::before {
content: "H2";
}
.heading-syntax .HyperMD-header-3::before {
content: "H3";
}
.heading-syntax .HyperMD-header-4::before {
content: "H4";
}
.heading-syntax .HyperMD-header-5::before {
content: "H5";
}
.heading-syntax .HyperMD-header-6::before {
content: "H6";
}
.cm-formatting-header {
opacity: 0.5 !important;
color: inherit !important;
}
/* ============ collapse indicators =============== */
.show-collapse-indicators .view-content .heading-collapse-indicator.collapse-indicator,
.show-collapse-indicators .HyperMD-header .collapse-indicator {
opacity: 1 !important;
margin-right: 0.3em;
}
.show-collapse-indicators .view-content .heading-collapse-indicator.collapse-icon svg.svg-icon,
.show-collapse-indicators .HyperMD-header .collapse-indicator svg.svg-icon {
width: 0.5em !important;
height: 0.5em !important;
stroke-width: 3px !important;
color: var(--text-faint) !important;
}
/* ============== paragraph spacing =========== */
body {
--p-indent: 15px;
--line-height-normal: 1.75;
--p-margin: 20px;
}
/* even-p class makes all paragraphs evenly spaced, regardless of whether enter is pressed once or twice. I don't know why, but I just loooove even paragraphs! */
.even-p .markdown-rendered br {
content: '';
padding: 8px;
display: block;
}
.indent-p .markdown-rendered p {
text-indent: var(--p-indent);
}
.justify-p .markdown-rendered p {
text-align: justify !important;
}
body {
letter-spacing: var(--letter-spacing);
}
p {
margin-block-start: var(--p-margin);
margin-block-end: vaR(--p-margin);
}
/* Hanging Indents Class */
.hanging-indent {
padding-left: 0.5in ;
text-indent: -0.5in ;
}
/* ================= links =============== */
body {
--link-decoration-thickness: 1.5px;
--link-font: var(--font-secondary);
--link-decoration-color: var(--link-color);
--link-color: var(--color-accent-1);
}
a, .cm-hmd-internal-link, .cm-hmd-barelink {
font-family: var(--link-font);
text-decoration-color: var(--link-decoration-color);
}
a:hover {
text-decoration-color: var(--link-color-hover);
}
body {
--link-decoration-color-active: hsla(var(--interactive-accent-hsl), 0.5);
}
/* fade out links with aliases */
.cm-link-has-alias,
.cm-hmd-internal-link.cm-link-alias-pipe {
color: var(--text-faint) !important;
}
/* ==== dark mode active line glow effect ==== */
/* links on active line */
.active-line-link-glow.theme-dark:not(:has(.active-sentence)) .cm-active .cm-hmd-internal-link, /* active cm-line when active sentence highlight plugin is not installed */
.active-line-link-glow.theme-dark .cm-hmd-internal-link:has(.active-sentence), /* active sentence for when plugin is installed */
.active-line-link-glow.theme-dark .cm-hmd-internal-link:hover,
.theme-dark .cm-hmd-barelink,
.link-glow.theme-dark .cm-hmd-internal-link {
--link-color: hsl(var(--accent-h), var(--accent-s), 88%) !important;
color: hsl(var(--accent-h), var(--accent-s), 88%) !important;
text-shadow: 0px 0px 40px hsl(var(--accent-h), var(--accent-s), 75%) , 0px 0px 10px hsl(var(--accent-h), var(--accent-s),50%) ;
text-decoration: underline var(--link-decoration-color-active) solid var(--link-decoration-thickness) !important;
opacity: 1;
--link-unresolved-opacity: 1;
}
.theme-dark:not(:has(.active-sentence)) .cm-active .cm-underline,
.theme-dark .cm-hmd-internal-link:has(.active-sentence) .cm-underline,
.link-glow.theme-dark .cm-hmd-internal-link .cm-underline {
color: hsl(var(--accent-h), var(--accent-s), 88%) !important;
}
/* =============== lists ============ */
body {
--list-marker-color: var(--text-muted);
--list-bullet-size: 0.25em;
--indentation-guide-color-active: var(--interactive-accent);
--indentation-guide-width-active: 1.5px;
}
/* indentation guide width active */
.markdown-source-view.mod-cm6 .cm-active .cm-indent::before{
border-color: var(--indentation-guide-color-active);
}
ol ol {
--list-numbered-style: lower-latin;
}
ol ol ol {
--list-numbered-style: lower-roman;
}
ul ul {
--list-marker-color: transparent;
--list-bullet-size: 0.17em;
--list-bullet-border: 1px solid var(--text-muted);
}
ul ul ul {
--list-marker-color: var(--text-muted);
--list-bullet-size: 0.26em;
--list-bullet-border: none;
--list-bullet-radius: 0px;
}
/* ================ checklists ============= */
body {
--checkbox-radius: 10px;
}
/* ========= alternate checkbox states ========= */
/* ==== code taken from the Minimal theme by kepano === */
input[data-task=">"]:checked,
input[data-task="!"]:checked,
input[data-task="-"]:checked,
input[data-task="<"]:checked,
input[data-task="l"]:checked,
input[data-task="*"]:checked,
input[data-task="I"]:checked,
input[data-task="p"]:checked,
input[data-task="f"]:checked,
input[data-task="k"]:checked,
input[data-task="u"]:checked,
input[data-task="w"]:checked,
input[data-task="c"]:checked,
input[data-task="d"]:checked,
input[data-task="b"]:checked,
li[data-task=">"] > input:checked,
li[data-task="!"] > input:checked,
li[data-task="-"] > input:checked,
li[data-task="<"] > input:checked,
li[data-task="l"] > input:checked,
li[data-task="*"] > input:checked,
li[data-task="I"] > input:checked,
li[data-task="p"] > input:checked,
li[data-task="f"] > input:checked,
li[data-task="k"] > input:checked,
li[data-task="u"] > input:checked,
li[data-task="d"] > input:checked,
li[data-task="w"] > input:checked,
li[data-task="c"] > input:checked,
li[data-task="b"] > input:checked,
li[data-task=">"] > p > input:checked,
li[data-task="!"] > p > input:checked,
li[data-task="-"] > p > input:checked,
li[data-task="<"] > p > input:checked,
li[data-task="l"] > p > input:checked,
li[data-task="*"] > p > input:checked,
li[data-task="I"] > p > input:checked,
li[data-task="p"] > p > input:checked,
li[data-task="f"] > p > input:checked,
li[data-task="k"] > p > input:checked,
li[data-task="u"] > p > input:checked,
li[data-task="d"] > p > input:checked,
li[data-task="w"] > p > input:checked,
li[data-task="c"] > p > input:checked,
li[data-task="b"] > p > input:checked,
li[data-task="@"] > p > input:checked {
--checkbox-marker-color: transparent;
border: none;
color: var(--text-normal);
border-radius: 0;
background-image: none;
background-color: currentColor;
-webkit-mask-size: var(--checkbox-icon);
-webkit-mask-position: 50% 50%;
pointer-events: none;
}
/* [>] Forwarded */
input[data-task=">"]:checked,
li[data-task=">"] > input:checked,
li[data-task=">"] > p > input:checked {
color: var(--text-faint);
transform: rotate(90deg);
-webkit-mask-position: 50% 100%;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M10.894 2.553a1 1 0 00-1.788 0l-7 14a1 1 0 001.169 1.409l5-1.429A1 1 0 009 15.571V11a1 1 0 112 0v4.571a1 1 0 00.725.962l5 1.428a1 1 0 001.17-1.408l-7-14z' /%3E%3C/svg%3E");
pointer-events: all;
}
/* [<] Schedule */
input[data-task="<"]:checked,
li[data-task="<"] > input:checked,
li[data-task="<"] > p > input:checked {
color: var(--text-faint);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z' clip-rule='evenodd' /%3E%3C/svg%3E");
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd' /%3E%3C/svg%3E");
pointer-events: all;
}
/* [?] Question */
input[data-task="?"]:checked,
li[data-task="?"] > input:checked,
li[data-task="?"] > p > input:checked {
background-color: var(--color-yellow);
--checkbox-marker-color: transparent;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 23 23"%3E%3Cpath fill="currentColor" d="m15.07 11.25l-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2a2 2 0 0 0-2 2H8a4 4 0 0 1 4-4a4 4 0 0 1 4 4a3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10c0-5.53-4.5-10-10-10Z"%2F%3E%3C%2Fsvg%3E'); }
/* [/] Incomplete */
input[data-task="/"]:checked,
li[data-task="/"] > input:checked,
li[data-task="/"] > p > input:checked {
background-image: none;
background-color: transparent;
position: relative;
overflow: hidden; }
input[data-task="/"]:checked:after,
li[data-task="/"] > input:checked:after,
li[data-task="/"] > p > input:checked:after {
top: 0;
left: 0;
content: " ";
display: block;
position: absolute;
background-color: var(--checkbox-color);
width: calc(50% - 0.5px);
height: 100%;
-webkit-mask-image: none;
pointer-events: all;
}
/* [!] Important */
input[data-task="!"]:checked,
li[data-task="!"] > input:checked,
li[data-task="!"] > p > input:checked {
color: var(--color-red);
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 22 22"%3E%3Cpath fill="currentColor" d="M13 13h-2V7h2m-2 8h2v2h-2m4.73-14H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27L15.73 3Z"%2F%3E%3C%2Fsvg%3E');
}
/* ["] Quote */
input[data-task="“"]:checked,
li[data-task="“"] > input:checked,
li[data-task="“"] > p > input:checked,
input[data-task="\""]:checked,
li[data-task="\""] > input:checked,
li[data-task="\""] > p > input:checked {
--checkbox-marker-color: transparent;
background-position: 50% 50%;
background-color: var(--color-cyan);
border-color: var(--color-cyan);
background-size: 75%;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E'); }
.theme-dark input[data-task="“"]:checked,
.theme-dark li[data-task="“"] > input:checked,
.theme-dark li[data-task="“"] > p > input:checked,
.theme-dark input[data-task="\""]:checked,
.theme-dark li[data-task="\""] > input:checked,
.theme-dark li[data-task="\""] > p > input:checked {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"%3E%3Cpath fill="black" fill-opacity="0.7" d="M6.5 10c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.318.142-.686.238-1.028.466c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.945c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 6.5 10zm11 0c-.223 0-.437.034-.65.065c.069-.232.14-.468.254-.68c.114-.308.292-.575.469-.844c.148-.291.409-.488.601-.737c.201-.242.475-.403.692-.604c.213-.21.492-.315.714-.463c.232-.133.434-.28.65-.35l.539-.222l.474-.197l-.485-1.938l-.597.144c-.191.048-.424.104-.689.171c-.271.05-.56.187-.882.312c-.317.143-.686.238-1.028.467c-.344.218-.741.4-1.091.692c-.339.301-.748.562-1.05.944c-.33.358-.656.734-.909 1.162c-.293.408-.492.856-.702 1.299c-.19.443-.343.896-.468 1.336c-.237.882-.343 1.72-.384 2.437c-.034.718-.014 1.315.028 1.747c.015.204.043.402.063.539l.025.168l.026-.006A4.5 4.5 0 1 0 17.5 10z"%2F%3E%3C%2Fsvg%3E'); }
/* [-] Canceled */
input[data-task="-"]:checked,
li[data-task="-"] > input:checked,
li[data-task="-"] > p > input:checked {
color: var(--text-faint);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
body:not(.tasks) .markdown-source-view.mod-cm6 .HyperMD-task-line[data-task]:is([data-task="-"]),
body:not(.tasks) .markdown-preview-view ul li[data-task="-"].task-list-item.is-checked,
body:not(.tasks) li[data-task="-"].task-list-item.is-checked {
color: var(--text-faint);
}
/* [*] Star */
input[data-task="*"]:checked,
li[data-task="*"] > input:checked,
li[data-task="*"] > p > input:checked {
color: var(--color-yellow);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z' /%3E%3C/svg%3E"); }
li[data-task="*"] {
text-decoration: underline 1.5px solid var(--color-yellow);
text-underline-offset: 4px;
}
/* [l] Location */
input[data-task="l"]:checked,
li[data-task="l"] > input:checked,
li[data-task="l"] > p > input:checked {
color: var(--color-red);
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 23 23"%3E%3Cpath fill="currentColor" d="M12 2c3.31 0 6 2.66 6 5.95C18 12.41 12 19 12 19S6 12.41 6 7.95C6 4.66 8.69 2 12 2m0 4a2 2 0 0 0-2 2a2 2 0 0 0 2 2a2 2 0 0 0 2-2a2 2 0 0 0-2-2m8 13c0 2.21-3.58 4-8 4s-8-1.79-8-4c0-1.29 1.22-2.44 3.11-3.17l.64.91C6.67 17.19 6 17.81 6 18.5c0 1.38 2.69 2.5 6 2.5s6-1.12 6-2.5c0-.69-.67-1.31-1.75-1.76l.64-.91C18.78 16.56 20 17.71 20 19Z"%2F%3E%3C%2Fsvg%3E'); }
/* [i] Info */
input[data-task="i"]:checked,
li[data-task="i"] > input:checked,
li[data-task="i"] > p > input:checked {
--checkbox-marker-color: transparent;
background-color: var(--color-blue);
border-color: var(--color-blue);
background-position: 50%;
background-size: 100%;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="white" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="white" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E'); }
.theme-dark input[data-task="i"]:checked,
.theme-dark li[data-task="i"] > input:checked,
.theme-dark li[data-task="i"] > p > input:checked {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-linejoin="round" stroke-width="40" d="M196 220h64v172"%2F%3E%3Cpath fill="none" stroke="black" stroke-opacity="0.8" stroke-linecap="round" stroke-miterlimit="10" stroke-width="40" d="M187 396h138"%2F%3E%3Cpath fill="black" fill-opacity="0.8" d="M256 160a32 32 0 1 1 32-32a32 32 0 0 1-32 32Z"%2F%3E%3C%2Fsvg%3E'); }
/* [S] Amount/savings/money */
input[data-task="S"]:checked,
li[data-task="S"] > input:checked,
li[data-task="S"] > p > input:checked {
--checkbox-marker-color: transparent;
border-color: var(--color-green);
background-color: var(--color-green);
background-size: 100%;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill="white" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E'); }
.theme-dark input[data-task="S"]:checked,
.theme-dark li[data-task="S"] > input:checked,
.theme-dark li[data-task="S"] > p > input:checked {
background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" preserveAspectRatio="xMidYMid meet" viewBox="0 0 48 48"%3E%3Cpath fill-opacity="0.8" fill="black" fill-rule="evenodd" d="M26 8a2 2 0 1 0-4 0v2a8 8 0 1 0 0 16v8a4.002 4.002 0 0 1-3.773-2.666a2 2 0 0 0-3.771 1.332A8.003 8.003 0 0 0 22 38v2a2 2 0 1 0 4 0v-2a8 8 0 1 0 0-16v-8a4.002 4.002 0 0 1 3.773 2.666a2 2 0 0 0 3.771-1.332A8.003 8.003 0 0 0 26 10V8Zm-4 6a4 4 0 0 0 0 8v-8Zm4 12v8a4 4 0 0 0 0-8Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E'); }
/* [I] Idea/lightbulb */
input[data-task="I"]:checked,
li[data-task="I"] > input:checked,
li[data-task="I"] > p > input:checked {
color: var(--color-yellow);
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m22 10l-.625-1.375L20 8l1.375-.625L22 6l.625 1.375L24 8l-1.375.625L22 10Zm-3-4l-.95-2.05L16 3l2.05-.95L19 0l.95 2.05L22 3l-2.05.95L19 6ZM9 22q-.825 0-1.413-.588T7 20h4q0 .825-.588 1.413T9 22Zm-4-3v-2h8v2H5Zm.25-3q-1.725-1.025-2.738-2.75T1.5 9.5q0-3.125 2.188-5.313T9 2q3.125 0 5.313 2.188T16.5 9.5q0 2.025-1.012 3.75T12.75 16h-7.5Z"%2F%3E%3C%2Fsvg%3E'); }
/* [f] Fire */
input[data-task="f"]:checked,
li[data-task="f"] > input:checked,
li[data-task="f"] > p > input:checked {
color: var(--color-red);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [k] Key */
input[data-task="k"]:checked,
li[data-task="k"] > input:checked,
li[data-task="k"] > p > input:checked {
color: var(--color-yellow);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [u] Up */
input[data-task="u"]:checked,
li[data-task="u"] > input:checked,
li[data-task="u"] > p > input:checked {
color: var(--color-green);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 7a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0V8.414l-4.293 4.293a1 1 0 01-1.414 0L8 10.414l-4.293 4.293a1 1 0 01-1.414-1.414l5-5a1 1 0 011.414 0L11 10.586 14.586 7H12z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [d] Down */
input[data-task="d"]:checked,
li[data-task="d"] > input:checked,
li[data-task="d"] > p > input:checked {
color: var(--color-red);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M12 13a1 1 0 100 2h5a1 1 0 001-1V9a1 1 0 10-2 0v2.586l-4.293-4.293a1 1 0 00-1.414 0L8 9.586 3.707 5.293a1 1 0 00-1.414 1.414l5 5a1 1 0 001.414 0L11 9.414 14.586 13H12z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [w] Win */
input[data-task="w"]:checked,
li[data-task="w"] > input:checked,
li[data-task="w"] > p > input:checked {
color: var(--color-purple);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M6 3a1 1 0 011-1h.01a1 1 0 010 2H7a1 1 0 01-1-1zm2 3a1 1 0 00-2 0v1a2 2 0 00-2 2v1a2 2 0 00-2 2v.683a3.7 3.7 0 011.055.485 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0 3.704 3.704 0 014.11 0 1.704 1.704 0 001.89 0A3.7 3.7 0 0118 12.683V12a2 2 0 00-2-2V9a2 2 0 00-2-2V6a1 1 0 10-2 0v1h-1V6a1 1 0 10-2 0v1H8V6zm10 8.868a3.704 3.704 0 01-4.055-.036 1.704 1.704 0 00-1.89 0 3.704 3.704 0 01-4.11 0 1.704 1.704 0 00-1.89 0A3.704 3.704 0 012 14.868V17a1 1 0 001 1h14a1 1 0 001-1v-2.132zM9 3a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1zm3 0a1 1 0 011-1h.01a1 1 0 110 2H13a1 1 0 01-1-1z' clip-rule='evenodd' /%3E%3C/svg%3E"); }
/* [p] Pros */
input[data-task="p"]:checked,
li[data-task="p"] > input:checked,
li[data-task="p"] > p > input:checked {
color: var(--color-green);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M2 10.5a1.5 1.5 0 113 0v6a1.5 1.5 0 01-3 0v-6zM6 10.333v5.43a2 2 0 001.106 1.79l.05.025A4 4 0 008.943 18h5.416a2 2 0 001.962-1.608l1.2-6A2 2 0 0015.56 8H12V4a2 2 0 00-2-2 1 1 0 00-1 1v.667a4 4 0 01-.8 2.4L6.8 7.933a4 4 0 00-.8 2.4z' /%3E%3C/svg%3E"); }
/* [c] Cons */
input[data-task="c"]:checked,
li[data-task="c"] > input:checked,
li[data-task="c"] > p > input:checked {
color: var(--color-orange);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M18 9.5a1.5 1.5 0 11-3 0v-6a1.5 1.5 0 013 0v6zM14 9.667v-5.43a2 2 0 00-1.105-1.79l-.05-.025A4 4 0 0011.055 2H5.64a2 2 0 00-1.962 1.608l-1.2 6A2 2 0 004.44 12H8v4a2 2 0 002 2 1 1 0 001-1v-.667a4 4 0 01.8-2.4l1.4-1.866a4 4 0 00.8-2.4z' /%3E%3C/svg%3E"); }
/* [b] Bookmark */
input[data-task="b"]:checked,
li[data-task="b"] > input:checked,
li[data-task="b"] > p > input:checked {
color: var(--color-orange);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath d='M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z' /%3E%3C/svg%3E"); }
/* [@] Person, User */
input[data-task="@"]:checked,
li[data-task="@"] > input:checked,
li[data-task="@"] > p > input:checked {
--checkbox-color: var(--color-blue);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 22 22"%3E%3Cpath fill="currentColor" d="M12 19.2c-2.5 0-4.71-1.28-6-3.2c.03-2 4-3.1 6-3.1s5.97 1.1 6 3.1a7.232 7.232 0 0 1-6 3.2M12 5a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0-3A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10c0-5.53-4.5-10-10-10Z"%2F%3E%3C%2Fsvg%3E');
}
/* [+] Add */
input[data-task="+"]:checked,
li[data-task="+"] > input:checked,
li[data-task="+"] > p > input:checked {
--checkbox-color: var(--color-green);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 22 22"%3E%3Cpath fill="currentColor" d="M11 19v-6H5v-2h6V5h2v6h6v2h-6v6h-2Z"%2F%3E%3C%2Fsvg%3E');
}
/* [a] link */
input[data-task="a"]:checked,
li[data-task="a"] > input:checked,
li[data-task="a"] > p > input:checked {
--checkbox-color: var(--text-muted);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 23 23"%3E%3Cpath fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"%2F%3E%3C%2Fsvg%3E');
}
/* [B] Beats (headphones) */
input[data-task="B"]:checked,
li[data-task="B"] > input:checked,
li[data-task="B"] > p > input:checked {
--checkbox-color: var(--color-cyan);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M12 3v10.55c-.59-.34-1.27-.55-2-.55c-2.21 0-4 1.79-4 4s1.79 4 4 4s4-1.79 4-4V7h4V3h-6z"%2F%3E%3C%2Fsvg%3E');
}
/* [e] Event */
input[data-task="e"]:checked,
li[data-task="e"] > input:checked,
li[data-task="e"] > p > input:checked {
--checkbox-color: var(--color-purple);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M4 21.3q-.6.2-1.05-.25T2.7 20l3.225-9.025q.375-1.05 1.45-1.288t1.85.538l4.55 4.55q.775.775.538 1.85t-1.288 1.45L4 21.3Zm10.025-9.275Q13.8 11.8 13.8 11.5t.225-.525L19.1 5.9q.8-.8 1.925-.8t1.925.8l.1.1q.2.2.2.5t-.225.525q-.225.225-.525.225t-.525-.225L21.9 6.95q-.35-.35-.875-.35t-.875.35l-5.1 5.1q-.2.2-.5.2t-.525-.225Zm-4-4Q9.8 7.8 9.8 7.5t.225-.525L10.1 6.9q.35-.35.35-.85t-.35-.85l-.15-.15q-.2-.2-.2-.5t.225-.525Q10.2 3.8 10.5 3.8t.525.225l.125.125q.8.8.8 1.9t-.8 1.9l-.1.1q-.2.2-.5.2t-.525-.225Zm2 2Q11.8 9.8 11.8 9.5t.225-.525L15.1 5.9q.35-.35.35-.875t-.35-.875L14 3.05q-.2-.2-.2-.5t.225-.525q.225-.225.525-.225t.525.225L16.15 3.1q.8.8.8 1.925t-.8 1.925l-3.1 3.1q-.2.2-.5.2t-.525-.225Zm4 4Q15.8 13.8 15.8 13.5t.225-.525L17.1 11.9q.8-.8 1.925-.8t1.925.8l1.1 1.1q.2.2.2.5t-.225.525q-.225.225-.525.225t-.525-.225L19.9 12.95q-.35-.35-.875-.35t-.875.35l-1.1 1.1q-.2.2-.5.2t-.525-.225Z"%2F%3E%3C%2Fsvg%3E');
}
/* [g] Game */
input[data-task="g"]:checked,
li[data-task="g"] > input:checked,
li[data-task="g"] > p > input:checked {
--checkbox-color: var(--text-muted);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 500 500"%3E%3Cpath fill="currentColor" d="M483.13 245.38C461.92 149.49 430 98.31 382.65 84.33A107.13 107.13 0 0 0 352 80c-13.71 0-25.65 3.34-38.28 6.88C298.5 91.15 281.21 96 256 96s-42.51-4.84-57.76-9.11C185.6 83.34 173.67 80 160 80a115.74 115.74 0 0 0-31.73 4.32c-47.1 13.92-79 65.08-100.52 161C4.61 348.54 16 413.71 59.69 428.83a56.62 56.62 0 0 0 18.64 3.22c29.93 0 53.93-24.93 70.33-45.34c18.53-23.1 40.22-34.82 107.34-34.82c59.95 0 84.76 8.13 106.19 34.82c13.47 16.78 26.2 28.52 38.9 35.91c16.89 9.82 33.77 12 50.16 6.37c25.82-8.81 40.62-32.1 44-69.24c2.57-28.48-1.39-65.89-12.12-114.37ZM208 240h-32v32a16 16 0 0 1-32 0v-32h-32a16 16 0 0 1 0-32h32v-32a16 16 0 0 1 32 0v32h32a16 16 0 0 1 0 32Zm84 4a20 20 0 1 1 20-20a20 20 0 0 1-20 20Zm44 44a20 20 0 1 1 20-19.95A20 20 0 0 1 336 288Zm0-88a20 20 0 1 1 20-20a20 20 0 0 1-20 20Zm44 44a20 20 0 1 1 20-20a20 20 0 0 1-20 20Z"%2F%3E%3C%2Fsvg%3E');
}
/* [m] Memo */
input[data-task="m"]:checked,
li[data-task="m"] > input:checked,
li[data-task="m"] > p > input:checked {
--checkbox-color: var(--text-faint);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 23 23"%3E%3Cpath fill="currentColor" d="M5 21q-.825 0-1.413-.588T3 19V5q0-.825.588-1.413T5 3h4.2q.325-.9 1.088-1.45T12 1q.95 0 1.713.55T14.8 3H19q.825 0 1.413.588T21 5v14q0 .825-.588 1.413T19 21H5Zm7-16.75q.325 0 .537-.213t.213-.537q0-.325-.213-.537T12 2.75q-.325 0-.537.213t-.213.537q0 .325.213.537T12 4.25ZM7.5 17h1.2q.2 0 .388-.088T9.4 16.7l5.7-5.65l-2.15-2.15l-5.65 5.65q-.15.15-.225.337T7 15.275V16.5q0 .2.15.35t.35.15Zm8.3-6.65l1.05-1.1Q17 9.1 17 8.9t-.15-.35l-1.4-1.4Q15.3 7 15.1 7t-.35.15l-1.1 1.05l2.15 2.15Z"%2F%3E%3C%2Fsvg%3E');
}
/* [h] home */
input[data-task="h"]:checked,
li[data-task="h"] > input:checked,
li[data-task="h"] > p > input:checked {
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 23 23"%3E%3Cpath fill="currentColor" d="M6 21q-.825 0-1.413-.588T4 19v-9q0-.475.213-.9t.587-.7l6-4.5q.275-.2.575-.3T12 3.5q.325 0 .625.1t.575.3l6 4.5q.375.275.588.7T20 10v9q0 .825-.588 1.413T18 21h-4v-7h-4v7H6Z"%2F%3E%3C%2Fsvg%3E');
}
/* [j] Junk */
input[data-task="j"]:checked,
li[data-task="j"] > input:checked,
li[data-task="j"] > p > input:checked {
--checkbox-color: var(--text-faint);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 256 256"%3E%3Cpath fill="currentColor" d="M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16ZM112 168a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm0-120H96v-8a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8Z"%2F%3E%3C%2Fsvg%3E');
}
/* [o] Open */
input[data-task="o"]:checked,
li[data-task="o"] > input:checked,
li[data-task="o"] > p > input:checked {
--checkbox-color: var(--color-purple);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M12 17q.825 0 1.413-.588T14 15q0-.825-.588-1.413T12 13q-.825 0-1.413.588T10 15q0 .825.588 1.413T12 17Zm-6 5q-.825 0-1.413-.588T4 20V10q0-.825.588-1.413T6 8h7V6q0-2.075 1.463-3.538T18 1q2.075 0 3.538 1.463T23 6h-2q0-1.25-.875-2.125T18 3q-1.25 0-2.125.875T15 6v2h3q.825 0 1.413.588T20 10v10q0 .825-.588 1.413T18 22H6Z"%2F%3E%3C%2Fsvg%3E');
}
/* [r] report */
input[data-task="r"]:checked,
li[data-task="r"] > input:checked,
li[data-task="r"] > p > input:checked {
--checkbox-color: var(--color-purple);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 23 23"%3E%3Cpath fill="currentColor" d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-7 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M5 13.46h2.17l3.33-6.38l.94 6.97l2.49-3.19l2.6 2.6H19V15h-3.11l-1.82-1.79l-3.69 4.71l-.76-5.77L8.11 15H5v-1.54Z"%2F%3E%3C%2Fsvg%3E');
}
/* [s] save/download */
input[data-task="s"]:checked,
li[data-task="s"] > input:checked,
li[data-task="s"] > p > input:checked {
--checkbox-color: var(--color-cyan);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 22 22"%3E%3Cpath fill="currentColor" d="M6 20q-.825 0-1.413-.588T4 18v-3h2v3h12v-3h2v3q0 .825-.588 1.413T18 20H6Zm6-4l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11l-5 5Z"%2F%3E%3C%2Fsvg%3E');
}
/* [t] Tip */
input[data-task="t"]:checked,
li[data-task="t"] > input:checked,
li[data-task="t"] > p > input:checked {
--checkbox-color: var(--color-yellow);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M20 2H4c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h4l4 4l4-4h4c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m-9.54 12l-3.5-3.5l1.41-1.42l2.09 2.09L15.64 6l1.41 1.41L10.46 14Z"%2F%3E%3C%2Fsvg%3E');
}
/* [L] Love */
input[data-task="L"]:checked,
li[data-task="L"] > input:checked,
li[data-task="L"] > p > input:checked {
--checkbox-color: var(--color-pink);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m12 21.35l-1.45-1.32C5.4 15.36 2 12.27 2 8.5C2 5.41 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.08C13.09 3.81 14.76 3 16.5 3C19.58 3 22 5.41 22 8.5c0 3.77-3.4 6.86-8.55 11.53L12 21.35Z"%2F%3E%3C%2Fsvg%3E');
}
/* [v] Visbility */
input[data-task="v"]:checked,
li[data-task="v"] > input:checked,
li[data-task="v"] > p > input:checked {
--checkbox-color: var(--text-faint);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5s-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3z"%2F%3E%3C%2Fsvg%3E');
}
/* [q] Quick */
input[data-task="q"]:checked,
li[data-task="q"] > input:checked,
li[data-task="q"] > p > input:checked {
--checkbox-color: var(--color-orange);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="m11.5 20l4.86-9.73H13V4l-5 9.73h3.5V20M12 2c2.75 0 5.1 1 7.05 2.95C21 6.9 22 9.25 22 12s-1 5.1-2.95 7.05C17.1 21 14.75 22 12 22s-5.1-1-7.05-2.95C3 17.1 2 14.75 2 12s1-5.1 2.95-7.05C6.9 3 9.25 2 12 2Z"%2F%3E%3C%2Fsvg%3E');
}
/* [H] Help (handshake) */
input[data-task="H"]:checked,
li[data-task="H"] > input:checked,
li[data-task="H"] > p > input:checked {
--checkbox-color: var(--color-orange);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 512 512"%3E%3Cpath fill="currentColor" d="M434.7 64h-85.9c-8 0-15.7 3-21.6 8.4l-98.3 90c-.1.1-.2.3-.3.4c-16.6 15.6-16.3 40.5-2.1 56c12.7 13.9 39.4 17.6 56.1 2.7c.1-.1.3-.1.4-.2l79.9-73.2c6.5-5.9 16.7-5.5 22.6 1c6 6.5 5.5 16.6-1 22.6l-26.1 23.9L504 313.8c2.9 2.4 5.5 5 7.9 7.7V128l-54.6-54.6c-5.9-6-14.1-9.4-22.6-9.4zM544 128.2v223.9c0 17.7 14.3 32 32 32h64V128.2h-96zm48 223.9c-8.8 0-16-7.2-16-16s7.2-16 16-16s16 7.2 16 16s-7.2 16-16 16zM0 384h64c17.7 0 32-14.3 32-32V128.2H0V384zm48-63.9c8.8 0 16 7.2 16 16s-7.2 16-16 16s-16-7.2-16-16c0-8.9 7.2-16 16-16zm435.9 18.6L334.6 217.5l-30 27.5c-29.7 27.1-75.2 24.5-101.7-4.4c-26.9-29.4-24.8-74.9 4.4-101.7L289.1 64h-83.8c-8.5 0-16.6 3.4-22.6 9.4L128 128v223.9h18.3l90.5 81.9c27.4 22.3 67.7 18.1 90-9.3l.2-.2l17.9 15.5c15.9 13 39.4 10.5 52.3-5.4l31.4-38.6l5.4 4.4c13.7 11.1 33.9 9.1 45-4.7l9.5-11.7c11.2-13.8 9.1-33.9-4.6-45.1z"%2F%3E%3C%2Fsvg%3E');
}
/* [n] Next */
input[data-task="n"]:checked,
li[data-task="n"] > input:checked,
li[data-task="n"] > p > input:checked {
--checkbox-color: var(--color-green);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 32 32"%3E%3Cpath fill="currentColor" d="M2 16A14 14 0 1 0 16 2A14 14 0 0 0 2 16Zm6-1h12.15l-5.58-5.607L16 8l8 8l-8 8l-1.43-1.427L20.15 17H8Z"%2F%3E%3Cpath fill="none" d="m16 8l-1.43 1.393L20.15 15H8v2h12.15l-5.58 5.573L16 24l8-8l-8-8z"%2F%3E%3C%2Fsvg%3E');
}
/* [N] Navigation */
input[data-task="N"]:checked,
li[data-task="N"] > input:checked,
li[data-task="N"] > p > input:checked {
--checkbox-color: var(--color-orange);
--checkbox-marker-color: transparent !important;
pointer-events: none;
-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M15 5.1L9 3L3 5.02v16.2l6-2.33l6 2.1l6-2.02V2.77L15 5.1zm0 13.79l-6-2.11V5.11l6 2.11v11.67z"%2F%3E%3C%2Fsvg%3E');
}
/* ================== Speech Bubbles Checkboxes =================== */
/* ==== Based on the AnupPuccin theme ======== */
body {
--speech-color: var(--text-normal);
--speech-opacity: 0.5;
}
/* all speechboxes */
[data-task="0"],
[data-task="1"],
[data-task="2"],
[data-task="3"],
[data-task="4"],
[data-task="5"],
[data-task="6"],
[data-task="7"],
[data-task="8"],
[data-task="9"] {
margin-inline-start: -15px;
padding: 3px 10px !important;
border-radius: 2.5px 15px 15px 16px;
margin: 0.5em 0;
max-width: fit-content;
color: var(--speech-color);
--bold-color: var(--text-normal);
--italic-color: var(--text-normal);
filter: saturate(calc( 1 / var(--speech-opacity)));
}
/*speechbox titles */
[data-task="0"] strong:first-of-type,
[data-task="1"] strong:first-of-type,
[data-task="2"] strong:first-of-type,
[data-task="3"] strong:first-of-type,
[data-task="4"] strong:first-of-type,
[data-task="5"] strong:first-of-type,
[data-task="6"] strong:first-of-type,
[data-task="7"] strong:first-of-type,
[data-task="8"] strong:first-of-type,
[data-task="9"] strong:first-of-type {
display: block;
width: 100%;
font-size: 1.15em;
}
/* left-aligned speechboxes */
.speech-align [data-task="0"],
.speech-align [data-task="2"],
.speech-align [data-task="4"],
.speech-align [data-task="6"],
.speech-align [data-task="8"],
.speech-align [data-task="10"] {
clear: both;
}
/* right aligned speechboxes */
.speech-align [data-task="1"],
.speech-align [data-task="3"],
.speech-align [data-task="5"],
.speech-align [data-task="7"],
.speech-align [data-task="9"] {
border-radius: 15px 2.5px 16px 15px;
float: right;
clear: both;
}
/* remove checkboxes for speech bubbles */
[data-task="0"] .task-list-item-checkbox,
[data-task="1"] .task-list-item-checkbox,
[data-task="2"] .task-list-item-checkbox,
[data-task="3"] .task-list-item-checkbox,
[data-task="4"] .task-list-item-checkbox,
[data-task="5"] .task-list-item-checkbox,
[data-task="6"] .task-list-item-checkbox,
[data-task="7"] .task-list-item-checkbox,
[data-task="8"] .task-list-item-checkbox,
[data-task="9"] .task-list-item-checkbox {
display: none;
}
[data-task="0"] {
background-color: rgba(var(--color-red-rgb), var(--speech-opacity));
}
[data-task="1"] {
background-color: rgba(var(--color-orange-rgb), var(--speech-opacity));
}
[data-task="2"] {
background-color: rgba(var(--color-yellow-rgb), var(--speech-opacity));
}
[data-task="3"] {
background-color: rgba(var(--color-green-rgb), var(--speech-opacity));
}
[data-task="4"] {
background-color: rgba(var(--color-cyan-rgb), var(--speech-opacity));
}
[data-task="5"] {
background-color: rgba(var(--color-blue-rgb), var(--speech-opacity));
}
[data-task="6"] {
background-color: rgba(var(--color-purple-rgb), var(--speech-opacity));
}
[data-task="7"] {
background-color: rgba(var(--color-pink-rgb), var(--speech-opacity));
}
[data-task="8"] {
background-color: rgba(var(--callout-quote), var(--speech-opacity));
}
[data-task="9"] {
background-color: rgba(var(--color-orange-rgb), var(--speech-opacity));
}
[data-task="9"] {
background: linear-gradient(to right, rgba(var(--color-orange-rgb), var(--speech-opacity)), rgba(var(--color-yellow-rgb), var(--speech-opacity)));
}
/* edit mode appearance */
.HyperMD-task-line[data-task="0"],
.HyperMD-task-line[data-task="1"],
.HyperMD-task-line[data-task="2"],
.HyperMD-task-line[data-task="3"],
.HyperMD-task-line[data-task="4"],
.HyperMD-task-line[data-task="5"],
.HyperMD-task-line[data-task="6"],
.HyperMD-task-line[data-task="7"],
.HyperMD-task-line[data-task="8"],
.HyperMD-task-line[data-task="9"] {
text-indent: 0px !important;
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.HyperMD-list-line[data-task="0"],
.HyperMD-list-line[data-task="1"],
.HyperMD-list-line[data-task="2"],
.HyperMD-list-line[data-task="3"],
.HyperMD-list-line[data-task="4"],
.HyperMD-list-line[data-task="5"],
.HyperMD-list-line[data-task="6"],
.HyperMD-list-line[data-task="7"],
.HyperMD-list-line[data-task="8"],
.HyperMD-list-line[data-task="9"] {
max-width: fit-content !important;
margin-top: 1em !important;
}
/* images inside speech bubbles */
[data-task="0"] img,
[data-task="1"] img,
[data-task="2"] img,
[data-task="3"] img,
[data-task="4"] img,
[data-task="5"] img,
[data-task="6"] img,
[data-task="7"] img,
[data-task="8"] img,
[data-task="9"] img {
filter: saturate(calc( 1 * var(--speech-opacity)));
max-width: 250px !important;
margin: 0.5em 0;
border-radius: var(--radius-s);
aspect-ratio: 1/1;
object-fit: cover;
position: 50% 50%;
}
/* ================== tags ==================== */
body {
--tag-radius: var(--radius-s);
--tag-padding-x: 6px;
--tag-padding-y: 2px;
--tag-opacity: 0.25;
--tag-opacity-hover: 0.2;
}
a.tag, .cm-hashtag {
background-color: var(--tag-rb) !important;
}
a.tag:hover {
background-color: var(--tag-rb-hover) !important;
}
.theme-light a.tag, .theme-light .cm-hashtag {
color: var(--tag-rb-text-light) !important;
}
.theme-dark a.tag, .theme-dark .cm-hashtag {
color: var(--tag-rb-text-dark) !important;
}
a.tag:nth-child(7n+1), /*reading mode*/
:is(.cm-hashtag:nth-child(14n+1), /*live preview*/
.cm-hashtag:nth-child(14n+2)) {
--tag-rb-text-light: hsl(var(--accent-h), 60%, 30%);
--tag-rb-text-dark: hsl(var(--accent-h), 40%, 80%);
--tag-rb: hsl(var(--accent-h), 50%, 60%, var(--tag-opacity));
--tag-rb-hover: hsl(var(--accent-h), 50%, 60%, var(--tag-opacity-hover));
}
a.tag:nth-child(7n+2),
:is(.cm-hashtag:nth-child(14n+3),
.cm-hashtag:nth-child(14n+4)) {
--tag-rb-text-light: hsl(calc(var(--accent-h) + 51), 60%, 30%);
--tag-rb-text-dark: hsl(calc(var(--accent-h) + 51), 40%, 80%);
--tag-rb: hsl(calc(var(--accent-h) + 51), 50%, 60%, var(--tag-opacity));
--tag-rb-hover: hsl(calc(var(--accent-h) + 51), 50%, 60%, var(--tag-opacity-hover));
}
a.tag:nth-child(7n+3),
:is(.cm-hashtag:nth-child(14n+5),
.cm-hashtag:nth-child(14n+6)) {
--tag-rb-text-light: hsl(calc(var(--accent-h) + 102), 60%, 30%);
--tag-rb-text-dark: hsl(calc(var(--accent-h) + 102), 40%, 80%);
--tag-rb: hsl(calc(var(--accent-h) + 102), 50%, 60%, var(--tag-opacity));
--tag-rb-hover: hsl(calc(var(--accent-h) + 102), 50%, 60%, var(--tag-opacity-hover));
}
a.tag:nth-child(7n+4),
:is(.cm-hashtag:nth-child(14n+7),
.cm-hashtag:nth-child(14n+8)) {
--tag-rb-text-light: hsl(calc(var(--accent-h) + 153), 60%, 30%);
--tag-rb-text-dark: hsl(calc(var(--accent-h) + 153), 40%, 80%);
--tag-rb: hsl(calc(var(--accent-h) + 153), 50%, 60%, var(--tag-opacity));
--tag-rb-hover: hsl(calc(var(--accent-h) + 153), 50%, 60%, var(--tag-opacity-hover));
}
a.tag:nth-child(7n+5),
:is(.cm-hashtag:nth-child(14n+9),
.cm-hashtag:nth-child(14n+10)) {
--tag-rb-text-light: hsl(calc(var(--accent-h) + 204), 60%, 30%);
--tag-rb-text-dark: hsl(calc(var(--accent-h) + 204), 40%, 80%);
--tag-rb: hsl(calc(var(--accent-h) + 204), 50%, 60%, var(--tag-opacity));
--tag-rb-hover: hsl(calc(var(--accent-h) + 204), 50%, 60%, var(--tag-opacity-hover));
}
a.tag:nth-child(7n+6),
:is(.cm-hashtag:nth-child(14n+11),
.cm-hashtag:nth-child(14n+12)) {
--tag-rb-text-light: hsl(calc(var(--accent-h) + 255), 60%, 30%);
--tag-rb-text-dark: hsl(calc(var(--accent-h) + 255), 40%, 80%);
--tag-rb: hsl(calc(var(--accent-h) + 255), 50%, 60%, var(--tag-opacity));
--tag-rb-hover: hsl(calc(var(--accent-h) + 255), 50%, 60%, var(--tag-opacity-hover));
}
a.tag:nth-child(7n+7),
:is(.cm-hashtag:nth-child(14n+13),
.cm-hashtag:nth-child(14n+14)) {
--tag-rb-text-light: hsl(calc(var(--accent-h) + 306), 60%, 30%);
--tag-rb-text-dark: hsl(calc(var(--accent-h) + 306), 40%, 80%);
--tag-rb: hsl(calc(var(--accent-h) + 306), 50%, 60%, var(--tag-opacity));
--tag-rb-hover: hsl(calc(var(--accent-h) + 306), 50%, 60%, var(--tag-opacity-hover));
}
/* ========================= mobile ============================= */
/* ============== floating action button (FAB) =========== */
/* ===== taken from Material Flat theme by Threethan, Joschua ==== */
body.is-mobile .view-action:nth-last-of-type(2) {
color: var(--text-on-accent);
background-color: var(--color-accent-2);
display: flex;
padding: 0px;
margin: 16px;
position: absolute;
transform: translate(-50%, -50%);
left: calc(100% - 60px - 30px);
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
border-radius: 100px;
box-shadow: var(--shadow-s);
top: calc(100vh - 60px - 64px - 16px);
z-index: 100 !important;
}
/* make buttons rounder on mobile */
.is-mobile {
--button-radius: var(--radius-xl);
--input-radius: var(--radius-xl);
--clickable-icon-radius: var(--radius-xl);
}
/* ====== sidebar / "workspace drawer" ======= */
.workspace-drawer {
border-radius: var(--radius-l);
margin:1em 1em !important;
left: unset !important;
padding-left: 0px !important;
max-width: unset;
}
/* ============================== UI Tweaks ==================== */
/* ========= UI Radiuses ========= */
body {
--radius-s: 5px;
--radius-m: 12px;
--radius-l: 18px;
--radius-xl: 24px;
}
/* =============== Settings ============= */
/* going for that old Legacy-like active item look */
.horizontal-tab-nav-item.is-active, .vertical-tab-nav-item.is-active,
.horizontal-tab-nav-item.is-active:hover, .vertical-tab-nav-item.is-active:hover {
background-color: var(--background-modifier-hover);
color: var(--text-normal);
border-left:2px solid var(--interactive-accent);
}
.horizontal-tab-nav-item, .vertical-tab-nav-item {
border-radius: 0px;
padding: 0.75em 1em;
margin: 0px;
font-family: var(--font-secondary);
font-size: var(--font-ui-small);
}
.horizontal-tab-nav-item:hover, .vertical-tab-nav-item:hover{
background-color: var(--background-secondary-alt) ;
color: var(--text-normal);
border-left:2px solid var(--interactive-accent);
}
.vertical-tab-header-group-title {
font-size: var(--font-ui-medium);
text-align: center;
border-bottom: 0.7px solid var(--background-modifier-border-hover);
margin-bottom: 0.5em;
padding: 5px 0px;
color: var(--text-muted);
}
.setting-item {
border-width: 0px;
}
.setting-item-name {
font-size: calc(var(--font-ui-small) + 1px);
}
/* ==== buttons ===== */
body {
--interactive-normal: var(--background-secondary-alt) !important;
--input-shadow: var(--background-modifier-border) 0 0 0 0.8px !important;
--input-shadow-hover: hsla(var(--color-accent-hsl), 0.6) 0 0 0px 1px !important;
--interactive-hover: hsla(var(--color-accent-hsl), 0.1) !important;
}
button {
transition: 100ms;
}
button.mod-cta {
box-shadow: none;
}
button.mod-cta:hover {
background-color: var(--interactive-hover);
box-shadow: var(--input-shadow-hover);
color: var(--text-accent);
}
select:focus, .dropdown:focus {
box-shadow: var(--input-shadow-hover);
background-color: var(--interactive-hover);
}
/* ====== modals ====== */
/* background overlay */
.modal-bg {
opacity: 0.5 !important;
background: radial-gradient(circle, var(--background-primary), var(--text-faint));
}
/* remove weird border */
.modal {
border: 1px solid var(--background-modifier-border);
}
/* transition animation */
@keyframes slide-up {
0% {
transform: translateY(100px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
.prompt, .modal {
animation: slide-up 0.3s ease;
}
body {
--prompt-width: 30vw;
--prompt-max-height:40vw;
}
/* ====== Empty State ====== */
.empty-state-title {
font-size: 2em;
font-weight: bold;
}
.empty-state-action {
background-color: hsla(var(--color-accent-hsl), 0.1);
margin-bottom: 0.5em;
padding: 3px 10px;
border: 1px solid hsla(var(--color-accent-hsl), 0.5);
border-radius: var(--radius-s);
}
.empty-state-action.mod-close:hover {
background-color: rgba(var(--color-red-rgb), 0.1);
border: 1px solid rgba(var(--color-red-rgb), 0.5);
color: var(--color-red);
}
/* ====== more compact settings style ====== */
/* == credit: therazam (https://github.com/Bluemoondragon07/Obsidian-Serenity/issues/1) == */
.compact-settings .horizontal-tab-nav-item, .compact-settings .vertical-tab-nav-item {
padding: 0.5em 1em !important;
}
.compact-settings .vertical-tab-header-group-title {
font-size: var(--font-ui-smaller);
text-align: left;
border-bottom: none;
padding-left: 5px;
}
/* ========= tooltips ======== */
.tooltip {
border-radius: var(--radius-m);
padding: 8px 15px !important;
}
/* ============= embeds ================ */
body {
--embed-max-height: 4000px;
}
.internal-embed {
border-left: none;
padding: 0px;
margin: 2em auto;
}
.embed-title {
font-size: var(--h1-size);
color: var(--h1-color);
font-family: var(--h1-font);
border-bottom: 1px solid var(--background-modifier-border-hover);
line-height: var(--h1-line-height);
margin-bottom: 0.5em;
font-weight: var(--h1-weight);
}
.internal-embed[alt="hide-title"] .embed-title,
.hide-embed-title .embed-title {
opacity: 0;
height: 0px;
padding: 0px;
margin: 0px;
}
/* embed link hover effect */
.markdown-embed-link:hover {
color: var(--link-color);
background: none;
}
/* hide embed icon */
.hide-embed-icon .markdown-embed-link:not(:hover) /* hide embed icon class */ {
opacity: 0;
padding: 0px;
margin: 0px;
}
.markdown-embed-link {
transition: 0.1s; /* transition animation */
}
/* card embed class */
.card-embed .markdown-embed,
.markdown-embed[alt~=card-embed] {
background-color: var(--background-primary-alt);
padding: 1em 1.5em;
border: 1px solid var(--background-modifier-border);
border-radius: var(--radius-m);
box-shadow: var(--shadow-s);
}
.theme-light.card-embed .markdown-embed {
border: none;
box-shadow: var(--background-modifier-border) 0px 0px 1px, var(--shadow-s);
}
/* ============ mermaid ============ */
/* make pie chart legends more readable */
.legend text {
overflow: scroll !important;
overflow-wrap: break-word !important;
white-space: initial !important;
word-break: break-all !important;
word-wrap: break-word !important;
font-size: var(--font-ui-smaller) !important;
fill: var(--text-normal) !important;
}
/* get rid of pie chart border and make the slices more vibrant. */
.pieCircle {
stroke-width: 0px !important;
opacity: 1 !important;
}
/* fix pie chart slice number text size and color */
.slice {
font-size: var(--font-ui-medium) !important;
fill: black !important;
}
/* ============= backlinks ============== */
/* remove collapse indicator and details for backlinks */
body:not(:not(.simple-backlinks)) .embedded-backlinks .tree-item-icon.collapse-icon,
body:not(:not(.simple-backlinks)) .embedded-backlinks .search-result-file-matches,
body:not(:not(.simple-backlinks)) .embedded-backlinks .tree-item-flair-outer {
display: none;
}
/* remove top border for backlinks */
body:not(:not(.simple-backlinks)) .embedded-backlinks {
border-top: none;
padding-top: 2em;
}
/* disable clicking for the backlink headigns */
body:not(:not(.simple-backlinks)) .backlink-pane .tree-item-self.is-clickable[aria-label] {
pointer-events: none;
display: none;
}
/* make backlinks show even when the header is collapsed */
body:not(:not(.simple-backlinks)) .embedded-backlinks .search-result-container {
display: block !important;
border-bottom: none;
margin-bottom: 0.5em;
}
body:not(:not(.simple-backlinks)) .embedded-backlinks {
margin: 2em 0 !important; /* decrease margin */
}
/* link-like appearance */
body:not(:not(.simple-backlinks)) .embedded-backlinks .tree-item-self:not([aria-label]) .tree-item-inner {
color: var(--link-color);
font-size: var(--font-ui-small);
text-decoration: var(--link-decoration);
font-family: var(--link-font);
text-decoration-color: var(--link-decoration-color);
}
body:not(:not(.simple-backlinks)) .embedded-backlinks .tree-item-self:not([aria-label]) .tree-item-inner:hover {
text-decoration-color: var(--link-color-hover);
color: var(--link-color-hover);
}
body:not(:not(.simple-backlinks)) .embedded-backlinks .tree-item-self:hover {
background-color: transparent !important; /* get rid of background color on hover for all backlink items */
}
/* list-like bullets */
/* inspired by Shimmering Focus */
body:not(:not(.simple-backlinks)) .embedded-backlinks .tree-item-self:not([aria-label])::before {
content: '●';
font-size: 5.7px;
color: var(--text-muted);
margin-right: 10px;
}
.embedded-backlinks .search-empty-state {
font-size: var(--font-ui-smaller) !important;
}
body:not(:not(.simple-backlinks)) .embedded-backlinks .search-empty-state {
display: none;
}
/* =============== search results =================== */
.search-result {
border: 1px solid var(--background-modifier-border);
margin: -1px 0;
padding: 6px 5px;
background-color: var(--background-primary) !important;
}
.search-result:nth-child(2),
.search-result:first-child {
border-top-left-radius: var(--radius-s);
border-top-right-radius: var(--radius-s);
}
.search-result:last-child {
border-bottom-left-radius: var(--radius-s);
border-bottom-right-radius: var(--radius-s);
}
/* backlinks in sidebar */
body:not(:not(.simple-backlinks)) .embedded-backlinks .search-result {
border: none;
border-radius: revert;
margin: revert;
padding: revert;
background-color: revert;
}
.search-result-file-title,
.search-result-file-title {
font-weight: bold !important;
}
body:not(:not(.simple-backlinks)) .embedded-backlinks .search-result-file-title {
font-weight: normal !important;
}
.search-result-file-matches {
border: none !important;
box-shadow: none;
font-size: calc(var(--font-ui-small) - 1.5px);
}
/* collapse arrow */
.tree-item-icon.collapse-icon svg {
stroke-width: 2.5px;
}
.tree-item:not(.is-collapsed) .tree-item-icon.collapse-icon svg {
color: var(--text-accent);
stroke-width: 3px;
}
/* =================== plugins ================ */
/* =========== Folder Notes plugin ================= */
.folder-note-underline-path .has-folder-note.view-header-breadcrumb {
color: var(--link-color);
text-decoration-color: var(--link-decoration-color);
text-underline-offset: 3px;
text-decoration-thickness: 1.5px;
}
.folder-note-underline-path .has-folder-note.view-header-breadcrumb:hover {
background-color: transparent;
color: var(--link-color-hover);
text-decoration-color: var(--link-color-hover);
}
/* ============= metatable plugin ============== */
.obsidian-metatable table {
min-width: 350px;
margin: 0.3em 0 1em 0;
}
.obsidian-metatable table th {
background-color: var(--background-primary-alt);
}
.obsidian-metatable table td {
text-align: center;
}
/* ========= timeline plugin =========== */
.timeline {
--timeline-active-color: var(--color-accent-2);
}
.timeline.body-2 .description {
border-bottom: 1px solid var(--background-modifier-border);
border-right: 1px solid var(--background-modifier-border);
border-left: 1px solid var(--background-modifier-border);
border-radius: 0 0 var(--radius-m) var(--radius-m);
}
.timeline.body-2 .title{
border-top: 1px solid var(--background-modifier-border);
border-right: 1px solid var(--background-modifier-border);
border-left: 1px solid var(--background-modifier-border);
border-radius: var(--radius-m) var(--radius-m) 0 0 ;
}
.timeline.body-3 .title * {
color: var(--text-on-accent) !important;
text-decoration-color: inherit;
}
/* =============== Database Folder Plugin ============= */
/* fix link color */
.database-plugin__relation-container .database-plugin__relationship a:link {
color: rgba(0, 0, 0, 0.691);
background-color: transparent;
}
/* fix tag colors */
.database-plugin__relationship a.tag {
background-color: transparent !important;
color:rgba(0, 0, 0, 0.691) !important;
font-size: inherit;
}
/* fix weird tag-bubble thing */
.database-plugin__relationship >* {
background-color: transparent !important;
}
/* =========== icon folder plugin =========*/
.colorful-folder-icons .obsidian-icon-folder-icon {
color: var(--text-accent);
margin-right: 5px !important;
}
/* ================= Canvas ==================== */
.canvas-node-content-blocker {
display: none !important;
}
/* =============== 2Hop Links Plus =================== */
body {
--bg-box-top: var(--color-accent-2) !important;
--bg-box: rgba(255, 255, 255, 0.14) !important;
}
.twohop-links-box {
border-radius: var(--radius-s);
box-shadow: var(--shadow-s);
border: 1px solid var(--background-modifier-border);
}
.twohop-links-box-preview div {
color: var(--text-faint);
}
.clean-twohop .twohop-links-box-preview div { /* clean 2hop links class */
display: none;
}
.twohop-links-box-preview {
overflow: scroll;
}
.twohop-links-box-title {
text-align: center;
}
/* =================== Color Schemes ================== */
/* color scheme variable systen */
body {
--custom-theme-tint-l: 15;
--custom-theme-sat-l: 100%;
--custom-theme-tint-secondary-l: 15;
--custom-theme-sat-secondary-l: 77%;
--custom-theme-tint-text-l: 205;
--custom-theme-sat-text-l: 25%;
--custom-theme-tint-d: 0;
--custom-theme-sat-d: 20%;
--custom-theme-tint-secondary-d: 0;
--custom-theme-sat-secondary-d: 25%;
--custom-theme-tint-text-d: 10;
--custom-theme-sat-text-d: 10%;
--custom-base-c-l: 99%;
--custom-c-20-l: 97%;
--custom-border-c-l: 82%;
--custom-text-c-l: 43%;
--custom-base-c-d: 10%;
--custom-c-20-d: 14%;
--custom-border-c-d: 50%;
--custom-text-c-d: 90%;
}
body {
/* base color */
--theme-tint: 0; /* an hsl "h" value that determines the tint of the base */
--theme-sat: 0%; /* an hsl "s" value that determines the saturation of the base tint. */
/* secondary (sidebar, border) colors */
--theme-tint-secondary: 0; /* hsl "h" value that determines the tint of the sidebars and borders. */
--theme-sat-secondary: 0%; /* hsl "s" value that determines the saturation of the secondary tint */
/* text colors */
--theme-tint-text: 0; /* hsl "h" value that determines the tint of the text */
--theme-sat-text: 0%; /* hsl "s" value that determines the saturation of the text color */
}
/* ==== custom color scheme ===== */
.custom-color-scheme-light.theme-light,
.custom-color-scheme-light.medium-contrast-light.theme-light,
.custom-color-scheme-light.low-contrast-light.theme-light,
.custom-color-scheme-light.high-contrast-light.theme-light {
--theme-tint: var(--custom-theme-tint-l) !important;
--theme-sat: var(--custom-theme-sat-l);
--theme-tint-secondary:var(--custom-theme-tint-secondary-l) !important;
--theme-sat-secondary:var(--custom-theme-sat-secondary-l) !important;
--theme-tint-text: var(--custom-theme-tint-text-l) !important;
--theme-sat-text: var(--custom-theme-sat-text-l) !important;
--base-c: var(--custom-base-c-l) !important;
--c-00: var(--custom-base-c-l) !important;
--c-05: calc(var(--custom-base-c-l) - 1.5%) !important;
--c-10: calc(var(--custom-base-c-l) - 2%) !important;
--c-20: var(--custom-c-20-l) !important;
--c-25: var(--custom-border-c-l) !important;
--c-30: var(--custom-border-c-l) !important;
--background-modifier-border: hsl(var(--theme-tint), calc(var(--theme-sat-text) - 5%), var(--c-30)) !important;
--c-40: var(--custom-border-c-l) !important;
--c-50: calc(var(--custom-text-c-l) + 45%) !important;
--c-60: calc(var(--custom-text-c-l) + 30%) !important;
--c-70: calc(var(--custom-text-c-l) + 15%) !important;
--c-100: var(--custom-text-c-l) !important;
}
.custom-color-scheme-dark.theme-dark,
.custom-color-scheme-dark.medium-contrast-dark.theme-dark,
.custom-color-scheme-dark.low-contrast-dark.theme-dark,
.custom-color-scheme-dark.high-contrast-dark.theme-dark {
--theme-tint: var(--custom-theme-tint-text-d) !important;
--theme-sat: var(--custom-theme-sat-text-d);
--theme-tint-secondary:var(--custom-theme-tint-secondary-d) !important;
--theme-sat-secondary:var(--custom-theme-sat-secondary-d) !important;
--theme-tint-text: var(--custom-theme-tint-d) !important;
--theme-sat-text: var(--custom-theme-sat-d) !important;
--base-c: var(--custom-base-c-d) !important;
--c-00: var(--custom-base-c-d) !important;
--c-05: calc(var(--custom-base-c-d) + 2%) !important;
--c-10: calc(var(--custom-base-c-d) + 2.5%) !important;
--c-20: var(--custom-c-20-d) !important;
--c-25: var(--custom-border-c-d) !important;
--c-30: var(--custom-border-c-d) !important;
--background-modifier-border: hsl(var(--custom-theme-tint-d), var(--custom-theme-sat-text-d), var(--c-30)) !important;
--background-modifier-border-hover: hsl(var(--custom-theme-tint-d), calc(var(--custom-theme-sat-text-d) - 5%), var(--c-30)) !important;
--background-modifier-border-focus: hsl(var(--custom-theme-tint-d), calc(var(--custon-theme-sat-text-d) - 5%), var(--c-30)) !important;
--c-40: var(--custom-border-c-d) !important;
--c-50: calc(var(--custom-text-c-d) - 20%) !important;
--c-60: calc(var(--custom-text-c-d) - 15%) !important;
--c-70: calc(var(--custom-text-c-d) - 10%) !important;
--c-100: var(--custom-text-c-d) !important;
--color-base-40: hsl(var(--custom-theme-tint-d), var(--custom-theme-sat-d), var(--custom-border-c-d)) !important;
--background-secondary: hsl(var(--theme-tint-secondary), var(--theme-sat-secondary), var(--c-20)) !important;
}
/* ===== contrast-levels ===== */
/* == Light Mode Contrast == */
/* low contrast */
.theme-light.low-contrast-light {
/* base contrast */
/* this is the lightest "l" value */
--base-c: 100%;
--base-c-low: calc(var(--base-c) - 1%);
/* these represent hsl "l" values. */
--c-00: var(--base-c-low);
--c-05: calc(var(--base-c-low) - 1%);
--c-10: calc(var(--base-c-low) - 2%);
--c-20: calc(var(--base-c-low) - 3.5%);
--c-25: calc(var(--base-c-low) - 19%);
--c-30: calc(var(--base-c-low) - 80%);
--c-35: calc(var(--base-c-low) - 80%);
--c-40: calc(var(--base-c-low) - 10%);
--c-50: calc(var(--text-base) + 28%);
--c-60: calc(var(--text-base) + 19%);
--c-70: calc(var(--text-base) + 14%);
--c-100: calc(var(--text-base) + 7% );
--color-base-10: hsl(var(--theme-tint), calc(var(--theme-sat) / 1.2) , var(--c-10)) !important;
--color-base-20: hsl(var(--theme-tint-secondary), calc(var(--theme-sat-secondary) * 1.2) , var(--c-20));
--color-base-30: hsl(var(--theme-tint), calc(var(--theme-sat-text) + 5%), 85%) !important;
--color-base-35: hsl(var(--theme-tint), calc(var(--theme-sat-text) + 5%), 50%, 0.18) !important;
}
/* medium contrast */
.theme-light:not(.low-contrast-light):not(.high-contrast-light), .theme-light.medium-contrast-light {
--color-accent-2: hsl(calc(var(--accent-h) - 4), calc(var(--accent-s) + 4%), calc(var(--accent-l) + 7%));
/* base contrast */
/* this is the lightest "l" value */
--base-c-bg: calc(var(--base-c) + 3.2%);
/* these represent hsl "l" values. */
--c-00: var(--base-c-bg);
--c-05: calc(var(--base-c-bg) - 2%);
--c-10: calc(var(--base-c-bg) - 6%);
--c-20: calc(var(--base-c-bg) - 7%);
--c-25: calc(var(--base-c) - 8%);
--c-30: calc(var(--base-c) - 70%);
--c-35: calc(var(--base-c) - 70%);
--c-40: calc(var(--base-c) - 10%);
--c-50: calc(var(--text-base) + 20%);
--c-60: calc(var(--text-base) + 15%);
--c-70: calc(var(--text-base) + 12%);
--c-100: calc(var(--text-base) + 5%);
--color-base-30: hsl(var(--theme-tint), calc(var(--theme-sat-text) + 5%), 85%) !important;
--color-base-35: hsl(var(--theme-tint), calc(var(--theme-sat-text) + 5%), 50%, 0.28) !important;
--c-20: calc(var(--base-c-bg) - 5%);
}
/* high contrast */
.theme-light.high-contrast-light {
--color-accent-2: hsl(calc(var(--accent-h) - 6), calc(var(--accent-s) + 10%), calc(var(--accent-l) - 5%));
--color-accent-1: hsl(calc(var(--accent-h) - 6), calc(var(--accent-s) + 10%), calc(var(--accent-l) - 3%));
/* base contrast */
/* this is the lightest "l" value */
--base-c: 100%;
--base-c-high: calc(var(--base-c) + 5%);
/* these represent hsl "l" values. */
--c-00: var(--base-c-high);
--c-05: calc(var(--base-c-high) - 5%);
--c-10: calc(var(--base-c-high) - 7%);
--c-20: calc(var(--base-c-high) - 7%);
--c-25: calc(var(--base-c) - 26%);
--c-30: calc(var(--base-c) - 27%);
--c-35: calc(var(--base-c) - 28%);
--c-40: calc(var(--base-c) - 20%);
--c-50: calc(var(--text-base) + 18%);
--c-60: calc(var(--text-base) + 12%);
--c-70: calc(var(--text-base) + 26%);
--c-100: calc(var(--text-base) - 1%);
}
/* ==== dark theme contrast == */
/* medium contrast */
.theme-dark:not(.low-contrast-dark):not(.high-contrast-dark), .theme-dark.medium-contrast-dark,
.theme-dark {
/* base contrast */
/* this is the lightest "l" value */
--base-c-m: calc(var(--base-c) - 5%);
/* these represent hsl "l" values. */
/* the higher the contrast, the greater the range between values. */
--c-00: var(--base-c-m);
--c-05: calc(var(--base-c-m) + 1%);
--c-10: calc(var(--base-c-m) + 5%);
--c-20: calc(var(--base-c-m) - 4%);
--c-25: calc(var(--base-c-m) + 3%);
--c-30: calc(var(--base-c-m) + 3%);
--c-35: calc(var(--base-c-m) + 19%);
--c-40: calc(var(--base-c-m) + 18%);
--c-50: calc(var(--base-c-m) + 60%);
--c-60: calc(var(--base-c-m) + 64%);
--c-70: calc(var(--base-c-m) + 66%);
--c-100: calc(var(--base-c-m) + 68%);
}
/* high contrast */
.theme-dark.high-contrast-dark {
/* base contrast */
/* this is the lightest "l" value */
--base-c-m: calc(var(--base-c) - 10%);
/* these represent hsl "l" values. */
/* the higher the contrast, the greater the range between values. */
--c-00: var(--base-c-m);
--c-05: calc(var(--base-c-m) + 1%);
--c-10: calc(var(--base-c-m) + 10%);
--c-20: calc(var(--base-c-m) - 2.7%);
--c-25: calc(var(--base-c-m) + 3%);
--c-30: calc(var(--base-c-m) + 6%);
--c-35: calc(var(--base-c-m) + 25%);
--c-40: calc(var(--base-c-m) + 30%);
--c-50: calc(var(--base-c-m) + 75%);
--c-60: calc(var(--base-c-m) + 78%);
--c-70: calc(var(--base-c-m) + 79%);
--c-100: calc(var(--base-c-m) + 84%);
}
/* low contrast */
.theme-dark.low-contrast-dark {
/* base contrast */
/* this is the lightest "l" value */
--base-c: 0%;
--base-c-m: calc(var(--base-c) + 5%);
/* these represent hsl "l" values. */
/* the higher the contrast, the greater the range between values. */
--c-00: var(--base-c-m);
--c-05: calc(var(--base-c-m) + 1%);
--c-10: calc(var(--base-c-m) + 5%);
--c-20: calc(var(--base-c-m) - 3%) !important;
--c-25: calc(var(--base-c-m) + 2%);
--c-30: calc(var(--base-c-m) + 3%);
--c-35: calc(var(--base-c-m) + 15%);
--c-40: calc(var(--base-c-m) + 12%);
--c-50: calc(var(--base-c-m) + 47%);
--c-60: calc(var(--base-c-m) + 50%);
--c-70: calc(var(--base-c-m) + 55%);
--c-100: calc(var(--base-c-m) + 60%);
}
/* higher contrast (jet black) */
.theme-dark.true-black-dark {
/* base contrast */
/* this is the lightest "l" value */
--base-c-m: 1% !important;
/* these represent hsl "l" values. */
/* the higher the contrast, the greater the range between values. */
--c-00: var(--base-c-m);
--c-05: calc(var(--base-c-m) + 2%);
--c-10: calc(var(--base-c-m) + 15%);
--c-20: calc(var(--base-c-m) + 8%) !important;
--c-25: calc(var(--base-c-m) + 3%);
--c-30: calc(var(--base-c-m) + 10%) !important;
--c-35: calc(var(--base-c-m) + 50%) !important;
--c-40: calc(var(--base-c-m) + 30%);
--c-50: calc(var(--base-c-m) + 79%) !important;
--c-60: calc(var(--base-c-m) + 80%) !important;
--c-70: calc(var(--base-c-m) + 82%) !important;
--c-100: 80% !important;
}
/* == light theme == */
/* this structure is used for all color schemes. */
.theme-light {
--background-modifier-hover: rgba(var(--mono-rgb-100), 0.05);
--interactive-accent: vaR(--color-accent-1);
/* base colors */
--color-base-00: hsl(var(--theme-tint), var(--theme-sat), var(--c-00));
--color-base-05: hsl(var(--theme-tint), var(--theme-sat-secondary), var(--c-05));
--color-base-10: hsl(var(--theme-tint), var(--theme-sat-secondary), var(--c-10));
/* secondary colors */
--color-base-20: hsl(var(--theme-tint-secondary), var(--theme-sat-secondary), var(--c-20));
--color-base-25: hsl(var(--theme-tint-secondary), var(--theme-sat-secondary), var(--c-25));
--color-base-30: hsl(var(--theme-tint), calc(var(--theme-sat-text) - 5%), var(--c-30));
--color-base-35: hsl(var(--theme-tint), calc(var(--theme-sat-text) - 5%), var(--c-35));
--color-base-40: hsl(var(--theme-tint), var(--theme-sat-text), var(--c-40));
/* text colors */
--color-base-50: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-50));
--color-base-60: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-60));
--color-base-70: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-70));
--color-base-100: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-100));
--background-modifier-message: var(--color-accent-1);
--text-base: 15%;
}
/* == dark theme == */
/* this is the base used for all dark color schemes */
.theme-dark,
.is-mobile.theme-dark {
--color-accent-2: hsl(calc(var(--accent-h) - 4), calc(var(--accent-s) + 4%), calc(var(--accent-l) + 5%));
--color-accent-1: hsl(calc(var(--accent-h) + 4), calc(var(--accent-s) + 4%), calc(var(--accent-l) + 6%));
/* base colors */
--color-base-00: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-00));
--color-base-05: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-05));
--color-base-10: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-10));
--color-base-20: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-20));
/* secondary colors */
--color-base-25: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-25));
--color-base-30: hsl(var(--theme-tint-text), var(--theme-sat-text), var(--c-30));
--color-base-35: hsl(var(--theme-tint-secondary), var(--theme-sat-secondary), var(--c-35));
--color-base-40: hsl(var(--theme-tint-secondary), var(--theme-sat-secondary), var(--c-40));
/* text colors */
--color-base-50: hsl(var(--theme-tint-text), var(--theme-sat), var(--c-50));
--color-base-60: hsl(var(--theme-tint), var(--theme-sat), var(--c-60));
--color-base-70: hsl(var(--theme-tint), var(--theme-sat), var(--c-70));
--color-base-100: hsl(var(--theme-tint), var(--theme-sat), var(--c-100));
--text-muted: var(--color-base-50) !important;
--background-modifier-form-field: var(--color-base-10);
--background-modifier-message: var(--color-accent-1);
--background-modifier-border: var(--color-base-35);
}
/* == default light theme == */
.theme-light, .theme-normal.theme-light {
--base-c: 100%;
--accent-h: 228;
--accent-s: 70%;
--accent-l: 66%;
--color-red: #f45757;
--color-red-rgb: 244, 87, 87;
}
.theme-normal.blue-accent {
--color-accent-hsl: 193, 85%, 50% !important;
--color-accent: rgb(21, 189, 236) !important;
--color-accent-1: hsl(193, 85%, 50%) !important;
--color-accent-2: rgb(21, 189, 236) !important;
--link-decoration-color: rgba(8, 187, 237, 0.42);
--link-unresolved-decoration-color: rgba(21, 189, 236, 0.265);
}
.theme-normal.green-accent {
--color-accent: #38ab70 !important;
--color-accent-1: #2aaf6a !important;
--color-accent-2: #26d37a !important;
--link-decoration-color: #29c87652 !important;
--link-unresolved-decoration-color: #29c87652;
}
.theme-normal.yellow-accent {
--color-accent: #ffb700 !important;
--color-accent-1: #ffb700 !important;
--color-accent-2: #ffb700 !important;
--link-decoration-color: #ffb7005e;
--link-unresolved-decoration-color: #ffb7005e;
}
/* == default dark theme == */
.theme-dark, .theme-normal.theme-dark {
--base-c: 15%;
--accent-h: 238;
--accent-s: 100%;
--accent-l: 70%;
}
/* == default theme colorful headings == */
.colorful-headings-s {
--h1-color: var(--text-accent);
--h2-color: var(--text-accent);
--h3-color: var(--text-accent);
--h4-color: var(--text-accent);
--h5-color: var(--text-accent);
--h6-color: var(--text-accent);
}
/* == solarized theme == */
.theme-solarized-s {
--theme-tint: 48.5;
--theme-sat: 100%;
--theme-tint-secondary: 43;
--theme-sat-secondary: 52%;
--theme-tint-text: 194;
--theme-sat-text: 22%;
--accent-h: 175 !important;
--accent-s: 59% !important;
--accent-l: 40% !important;
--color-red: #dc322f;
--color-green-rgb: 133, 153, 0;
--color-green: #859900;
--color-orange-rgb: 203, 75, 22;
--color-orange: #cb4b16;
--color-yellow-rgb: 181, 137, 0;
--color-yellow: #b58900;
--color-cyan-rgb: 42, 161, 152;
--color-cyan: #2aa198;
--color-blue-rgb: 38, 139, 210;
--color-blue: #268bd2;
--color-purple-rgb:108, 113, 196;
--color-purple: #6c71c4;
--color-pink-rgb: 211, 54, 130;
--color-pink: #d33682;
--text-base: 30%;
}
.theme-light.theme-solarized-s {
--base-c: 92.8%;
}
.theme-light.low-contrast-light.theme-solarized-s {
--theme-tint-secondary:47;
--theme-sat-secondary: 70%;
}
.theme-dark.theme-solarized-s {
--base-c: 23%;
--theme-sat: 20%;
--theme-tint: 180;
--theme-tint-secondary: 194;
--theme-sat-text: 100%;
--accent-h: 18 !important;
--accent-s: 80% !important;
--accent-l: 44% !important;
}
.theme-dark.theme-solarized-s.low-contrast-dark {
--base-c: 15%;
}
.theme-dark.theme-solarized-s.low-contrast-dark,
.theme-dark.theme-solarized-s.medium-contrast-dark {
--color-red: #d86866;
--accent-h: 18 !important;
--accent-s: 80% !important;
--accent-l: 55% !important;
}
.theme-solarized-s.colorful-headings-s {
--h1-color: var(--color-cyan);
--h2-color: var(--color-cyan);
--h3-color: var(--color-cyan);
--h4-color: var(--color-cyan);
--h5-color: var(--color-cyan);
--h6-color: var(--color-cyan);
}
/* == rose pine theme == */
.theme-rose-pine {
--theme-tint: 32;
--theme-sat: 57%;
--theme-tint-secondary: 31.5;
--theme-sat-secondary: 40%;
--theme-tint-text: 248;
--theme-sat-text: 18%;
}
.theme-light.theme-rose-pine {
--base-c: 93%;
--accent-h: 3 !important;
--accent-s: 53% !important;
--accent-l: 67% !important;
--text-base: 25%;
--color-red: #b4637a;
--color-pink: #d7827e;
--color-orange: #ea9d34;
--color-yellow: #eacc34;
--color-green: #719756;
--color-cyan: #56949f;
--color-blue: #286983;
--color-purple: rgb(144, 122, 169);
--color-red-rgb: 180, 99, 122;
--color-pink-rgb: 215, 130, 126;
--color-orange-rgb: 234, 157, 52;
--color-yellow-rgb: 230, 180, 50;
--color-green-rgb: 113, 151, 86;
--color-cyan-rgb: 86, 148, 159;
--color-blue-rgb: 40, 105, 131;
--color-purple-rgb: 144, 122, 169;
}
.theme-light.low-contrast-light.theme-rose-pine {
--base-c: 96%;
}
.theme-dark.theme-rose-pine {
--base-c: 30%;
--theme-tint: 245;
--theme-tint-secondary: 248;
--theme-sat-secondary: 13%;
--theme-sat: 10%;
--accent-h: 267 !important;
--accent-s: 57% !important;
--accent-l: 78% !important;
--color-red: #eb6f92;
--color-pink: #ebbcba;
--color-orange: #f6ac77;
--color-yellow: #f6ce77;
--color-green: #b8d89c;
--color-cyan: #9ccfd8;
--color-blue: #569ebb;
--color-purple: #c4a7e7;
--color-red-rgb: 235, 111, 146;
--color-pink-rgb: 235, 188, 186;
--color-orange-rgb:246, 172, 119;
--color-yellow-rgb: 246, 206, 119;
--color-green-rgb: 184, 216, 156;
--color-cyan-rgb: 156, 207, 216;
--color-blue-rgb: 49, 116, 143;
--color-purple-rgb: 196, 167, 231;
}
.theme-rose-pine.theme-dark.colorful-headings-s {
--h6-color: var(--color-purple);
--h1-color: var(--color-pink);
--h2-color: var(--color-orange);
--h3-color: var(--color-yellow);
--h4-color: var(--color-green);
--h5-color: var(--color-cyan);
}
.theme-rose-pine.theme-light.colorful-headings-s {
--h1-color: var(--color-red);
--h2-color: var(--color-purple);
--h3-color: var(--color-cyan);
--h4-color: var(--color-green);
--h5-color: var(--color-orange);
--h6-color: var(--color-pink);
}
/* == everforest theme == */
.theme-everforest {
--accent-h: 68 !important;
--accent-s: 99% !important;
--accent-l: 32% !important;
--theme-tint: 54;
--theme-sat: 55%;
--theme-tint-secondary: 55;
--theme-sat-secondary: 40%;
--theme-tint-text: 170;
--theme-sat-text: 15%;
--color-red: rgb(234, 93, 90);
--color-pink: rgb(248, 105, 162);
--color-orange: rgb(245, 125, 38);
--color-yellow: rgb(223, 160, 0);
--color-green: rgb(141, 161, 1);
--color-cyan: rgb(53, 167, 124);
--color-blue: rgb(58, 148, 197);
--color-purple: rgb(223, 105, 186);
--color-red-rgb: 247, 84, 82;
--color-pink-rgb: 248, 105, 162;
--color-orange-rgb: 245, 125, 38;
--color-yellow-rgb: 223, 160, 0;
--color-green-rgb:141, 161, 1;
--color-cyan-rgb: 53, 167, 124;
--color-blue-rgb: 58, 148, 197;
--color-purple-rgb: 223, 105, 186;
}
.theme-light.theme-everforest {
--base-c: 89%;
--text-base: 25%;
}
.theme-light.theme-everforest.low-contrast-light {
--base-c: 91%;
--theme-sat: 50%;
--theme-sat-secondary: 32%;
--theme-tint-secondary: 55;
--theme-tint: 55;
}
.theme-light.theme-everforest.high-contrast-light {
--theme-tint: 55;
--base-c: 90%;
--theme-tint-secondary: 55;
}
.theme-dark.theme-everforest {
--accent-h: 68 !important;
--accent-s: 99% !important;
--accent-l: 32% !important;
--base-c: 25%;
--theme-tint-text: 203;
--theme-sat-text: 15%;
--theme-tint: 47;
--theme-sat: 20%;
--theme-sat-secondary: 7%;
--theme-tint-secondary: 159;
--color-red: rgb(247, 84, 82);
--color-pink: rgb(248, 105, 162);
--color-orange: rgb(245, 125, 38);
--color-yellow: rgb(223, 160, 0);
--color-green: hsl(68, 99%, 32%);
--color-cyan: rgb(53, 167, 124);
--color-blue: rgb(58, 148, 197);
--color-purple: rgb(223, 105, 186);
--color-red-rgb: 247, 84, 82;
--color-pink-rgb: 248, 105, 162;
--color-orange-rgb: 245, 125, 38;
--color-yellow-rgb: 223, 160, 0;
--color-green-rgb:141, 161, 1;
--color-cyan-rgb: 53, 167, 124;
--color-blue-rgb: 58, 148, 197;
--color-purple-rgb: 223, 105, 186;
}
.theme-dark.theme-everforest.low-contrast-dark {
--base-c: 17%;
}
.theme-dark.theme-everforest.high-contrast-dark {
--base-c: 26%;
}
/* ==== Gruvbox Theme ==== */
.theme-gruvbox-s {
--accent-h: 12 !important;
--accent-s: 57% !important;
--accent-l: 50% !important;
--theme-tint: 48;
--theme-sat: 87%;
--theme-tint-secondary: 46;
--theme-sat-secondary: 73%;
--theme-tint-text: 27;
--theme-sat-text: 20%;
--color-red-rgb:251, 73, 52;
--color-red: hsl(6, 64%, 52%);
--color-green-rgb: 184, 186, 38;
--color-green: #9d9f12;
--color-orange-rgb: 255, 135, 55;
--color-orange: hsl(24, 87%, 47%);
--color-yellow-rgb: 215, 153, 33;
--color-yellow: #fabd2f;
--color-cyan-rgb: 142, 192, 124;
--color-cyan: #649751;
--color-blue-rgb: 131, 165, 152;
--color-blue: #5b8374;
--color-purple-rgb: 211, 134, 155;
--color-purple: hsl(344, 37%, 59%);
--color-pink-rgb: 241, 168, 203;
--color-pink: #d383aa;
}
.theme-light.theme-gruvbox-s {
--base-c: 88%;
}
.theme-light.theme-gruvbox-s.low-contrast-light {
--color-base-35: hsl(var(--theme-tint), calc(var(--theme-sat-text) + 5%), 50%, 0.18) !important;
--color-base-30: hsl(var(--theme-tint), 60%, 75%) !important;
}
.theme-dark.theme-gruvbox-s{
--accent-h: 24 !important;
--accent-s: 100% !important;
--accent-l: 61% !important;
--base-c: 18%;
--theme-tint: 36;
--theme-sat: 19%;
--theme-tint-text: 0;
--theme-sat-text: 2%;
--theme-tint-secondary: 30;
--theme-sat-secondary: 3%;
}
.theme-gruvbox-s.colorful-headings-s {
--h2-color: var(--color-orange);
--h1-color: var(--color-red);
--h3-color: var(--color-green);
--h4-color: var(--color-cyan);
--h5-color: var(--color-blue);
--h6-color: var(--color-purple);
}
/* === Nord Theme === */
.theme-nord-s {
--checkbox-color: var(--color-orange);
--checkbox-color-hover: var(--color-orange);
--accent-h: 210 !important;
--accent-s: 34% !important;
--accent-l: 63% !important;
--theme-tint: 213;
--theme-sat: 25%;
--theme-tint-secondary: 213;
--theme-sat-secondary: 30%;
--theme-tint-text: 222;
--theme-sat-text: 15%;
/* --color-base-00: hsl(210, 20%, 96%);
--color-base-20: hsl(213, 31%, 93%);
--color-base-70: hsl(222, 10%, 51%);
--color-base-100: hsl(219, 15%, 34%); */
--color-red-rgb: 191, 97, 106;
--color-red: #BF616A;
--color-green-rgb: 163, 190, 140;
--color-green: #A3be8c;
--color-orange-rgb: 208, 135, 112;
--color-orange: #d08770;
--color-yellow-rgb: 235, 203, 139;
--color-yellow: #ebcb8b;
--color-cyan-rgb: 136, 192, 208;
--color-cyan: #88c0d0;
--color-blue-rgb: 129, 161, 193;
--color-blue: hsl(210, 34%, 63%);
--color-purple-rgb: 94, 129, 172;
--color-purple: #5e81AC;
--color-pink-rgb: 180, 142, 173;
--color-pink: #b48ead;
}
.theme-light.theme-nord-s {
--base-c: 98%;
}
.theme-dark.theme-nord-s {
--base-c:30%;
--theme-tint-text: 218;
--theme-sat-text: 17%;
--theme-sat-secondary: 15%;
--accent-h: 193 !important;
--accent-s: 43% !important;
--accent-l: 67% !important;
--color-red-rgb: 191, 97, 106;
--color-red: #dc8890;
--color-green-rgb: 163, 190, 140;
--color-green: #A3be8c;
--color-orange-rgb: 208, 135, 112;
--color-orange: #db9681;
--color-yellow-rgb: 235, 203, 139;
--color-yellow: #ebcb8b;
--color-cyan-rgb: 136, 192, 208;
--color-cyan: hsl(193, 43%, 67%);
--color-blue-rgb: 129, 161, 193;
--color-blue: #81a1c1;
--color-purple-rgb: 94, 129, 172;
--color-purple: #6e8fb6;
--color-pink-rgb: 180, 142, 173;
--color-pink: #b48ead;
}
.theme-dark.theme-nord-s.low-contrast-dark {
--base-c: 28%;
--theme-sat-text: 18%;
--color-red: #e19199;
--color-orange: #e6a18b;
--color-purple: #aab2cd;
}
.theme-nord-s.colorful-headings-s,
.theme-everforest.colorful-headings-s {
--h1-color: var(--color-red);
--h2-color: var(--color-orange);
--h3-color: var(--color-yellow);
--h4-color: var(--color-green);
--h5-color: var(--color-cyan);
--h6-color: var(--color-blue);
}
/* == catppuccin theme == */
.theme-catpp.theme-light.low-contrast-light {
--theme-sat: 30%;
--theme-sat-secondary: 30%;
--base-c: 95%;
}
.theme-catpp.theme-light.high-contrast-light {
--base-c: 93.5%;
}
.theme-catpp {
--theme-tint: 220;
--theme-sat: 45%;
--theme-tint-secondary: 220;
--theme-sat-secondary: 35%;
--theme-tint-text: 234;
--theme-sat-text: 24%;
--background-modifier-hover: rgba(var(--color-purple-rgb), 0.25);
--checkbox-color: var(--color-green);
--checkbox-color-hover: var(--color-cyan);
--accent-h: 231 !important;
--accent-s: 97% !important;
--accent-l: 72% !important;
}
.theme-catpp:not(.red-accent):not(.orange-accent):not(.yellow-accent):not(.green-accent):not(.cyan-accent):not(.blue-accent):not(.purple-accent):not(.pink-accent) {
--color-accent-1: var(--color-purple);
--color-accent-2: var(--color-pink);
--interactive-accent: var(--rose);
--text-on-accent: var(--background-primary) !important;
--text-accent: var(--color-green);
--link-color: var(--color-purple);
--link-color-hover: var(--color-pink);
--link-unresolved-color: var(--color-cyan);
}
.theme-light.theme-catpp {
--base-c: 94%;
--color-red: hsl(347, 87%, 44%);
--color-red-rgb: 210, 15, 57;
--color-orange: #dd7878;
--color-orange-rgb: 220, 138, 120;
--color-yellow:#df8e1d;
--color-yellow-rgb: 223, 142, 29;
--color-green: #179299;
--color-green-rgb: 23, 146, 153;
--color-cyan: #04a5e5;
--color-cyan-rgb: 4, 165, 229;
--color-blue: #1e66f5;
--color-blue-rgb: 30, 102, 245;
--color-purple: #637afa;
--color-purple-rgb: 114, 135, 253;
--color-pink: #ea76cb;
--color-pink-rgb: 234, 118, 203;
--rose: #dc8a78;
}
.theme-catpp.theme-light.colorful-headings-s {
--h1-color: var(--color-purple);
--h2-color: var(--color-blue);
--h3-color: var(--color-cyan);
--h4-color: var(--color-green);
--h5-color: #40a02b;
--h6-color: var(--color-orange);
}
.theme-dark.theme-catpp {
--base-c: 23%;
--theme-tint-text: 230;
--theme-sat-text: 22%;
--theme-sat-secondary: 17%;
--theme-tint: 230;
--theme-sat: 57%;
--accent-h: 193 !important;
--accent-s: 43% !important;
--accent-l: 67% !important;
--color-red-rgb: 238, 153, 160;
--color-red: #ee99a0;
--color-green-rgb:166, 218, 149;
--color-green: #a6da95;
--color-orange-rgb:245, 169, 127;
--color-orange: #f5a97f;
--color-yellow-rgb: 238, 212, 159;
--color-yellow: #eed49f;
--color-cyan-rgb: 145, 215, 227;
--color-cyan: #91d7e3;
--color-blue-rgb:138, 173, 244;
--color-blue: #8aadf4;
--color-purple-rgb: 183, 189, 248;
--color-purple: #b7bdf8;
--color-pink-rgb: 245, 189, 230;
--color-pink: #f5bde6;
--rose: #f4dbd6;
}
.theme-catpp.theme-dark.low-contrast-dark {
--base-c: 18%;
--theme-sat-text: 17%;
--theme-tint-text: 228;
--theme-sat: 50%;
}
.theme-catpp.theme-dark.high-contrast-dark {
--base-c: 25%;
--theme-sat-text: 20%;
--theme-tint-text: 240;
--theme-sat: 80%;
--c-100: 90% !important;
}
.theme-catpp.theme-dark.colorful-headings-s {
--h1-color: #7dc4e4;
--h2-color: var(--color-blue);
--h3-color: #c6a0f6;
--h4-color: var(--color-pink);
--h5-color: var(--color-red);
--h6-color: var(--color-orange);
}
/* === Ayu Theme === */
.theme-light.theme-ayu-s {
--text-base: 40%;
--theme-tint: 210;
--theme-sat: 50%;
--theme-tint-secondary: 210;
--theme-sat-secondary: 25%;
--theme-tint-text: 210;
--theme-sat-text: 10%;
--accent-h: 35 !important;
--accent-s: 100% !important;
--accent-l: 60% !important;
--base-c: 100%;
--color-red-rgb: 240, 113, 113;
--color-red: rgb(240, 113, 113);
--color-green-rgb: 156, 208, 0;
--color-green: rgb(141, 187, 0);
--color-orange-rgb: 250, 141, 62;
--color-orange: rgb(250, 141, 62);
--color-yellow-rgb: 242, 174, 73;
--color-yellow: rgb(242, 174, 73);
--color-cyan-rgb: 76, 191, 153;
--color-cyan: rgb(76, 191, 153);
--color-blue-rgb: 85, 180, 212;
--color-blue: rgb(85, 180, 212);
--color-purple-rgb: 71, 138, 204;
--color-purple: rgb(71, 138, 204);
--color-pink-rgb: 180, 142, 173;
--color-pink: hsl(270, 45%, 64%);
}
.theme-dark.theme-ayu-s {
--text-on-accent: black;
--accent-h: 40 !important;
--accent-s: 100% !important;
--accent-l: 70% !important;
--base-c: 22%;
--theme-tint-text: 223;
--theme-sat-text: 22%;
--theme-tint-secondary: 223;
--theme-sat-secondary: 25%;
--theme-sat: 5%;
--theme-tint: 20;
--color-red-rgb: 242, 135, 121;
--color-red: rgb(242, 135, 121);
--color-green-rgb: 213, 255, 128;
--color-green: rgb(213, 255, 128);
--color-orange-rgb: 255, 173, 102;
--color-orange: rgb(255, 173, 102);
--color-yellow-rgb: 255, 209, 115;
--color-yellow: rgb(255, 209, 115);
--color-cyan-rgb: 149, 230, 203;
--color-cyan: rgb(149, 230, 203);
--color-blue-rgb: 92, 207, 230;
--color-blue: #5ccfe6;
--color-purple-rgb: 128, 191, 255;
--color-purple: rgb(128, 191, 255);
--color-pink-rgb: 223, 191, 255;
--color-pink: rgb(223, 191, 255);
}
/* colorful headings */
.theme-ayu-s.colorful-headings-s {
--h1-color: var(--color-purple);
--h2-color: var(--color-blue);
--h3-color: var(--color-green);
--h4-color: var(--color-yellow);
--h5-color: var(--color-orange);
--h6-color: var(--color-red);
}
/* Color Accents */
.red-accent {
--color-accent: var(--color-red) !important;
--color-accent-1: var(--color-red) !important;
--color-accent-2: rgba(var(--color-red-rgb), 0.8) !important;
--link-decoration-color: rgba(var(--color-red-rgb), 0.4);
--link-unresolved-decoration-color: rgba(var(--color-red-rgb), 0.4);
}
.orange-accent {
--color-accent: var(--color-orange !important);
--color-accent-1: var(--color-orange) !important;
--color-accent-2: rgba(var(--color-orange-rgb), 0.8) !important;
--link-decoration-color: rgba(var(--color-orange-rgb), 0.4);
--link-unresolved-decoration-color: rgba(var(--color-orange-rgb), 0.4);
}
.yellow-accent {
--color-accent: var(--color-yellow) !important;
--color-accent-1: var(--color-yellow) !important;
--color-accent-2: rgba(var(--color-yellow-rgb), 0.8) !important;
--link-decoration-color: rgba(var(--color-yellow-rgb), 0.4);
--link-unresolved-decoration-color: rgba(var(--color-yellow-rgb), 0.4);
}
.green-accent {
--color-accent: var(--color-green) !important;
--color-accent-1: var(--color-green) !important;
--color-accent-2: rgba(var(--color-green-rgb), 0.8) !important;
--link-decoration-color: rgba(var(--color-green-rgb), 0.4);
--link-unresolved-decoration-color: rgba(var(--color-green-rgb), 0.4);
}
.cyan-accent {
--color-accent: var(--color-cyan) !important;
--color-accent-1: var(--color-cyan) !important;
--color-accent-2: rgba(var(--color-cyan-rgb), 0.8) !important;
--link-decoration-color: rgba(var(--color-cyan-rgb), 0.4);
--link-unresolved-decoration-color: rgba(var(--color-cyan-rgb), 0.4);
}
.blue-accent {
--color-accent: var(--color-blue) !important;
--color-accent-1: var(--color-blue) !important;
--color-accent-2: rgba(var(--color-blue-rgb), 0.8) !important;
--link-decoration-color: rgba(var(--color-blue-rgb), 0.4);
--link-unresolved-decoration-color: rgba(var(--color-blue-rgb), 0.4);
}
.purple-accent {
--color-accent: var(--color-purple) !important;
--color-accent-1: var(--color-purple) !important;
--color-accent-2: rgba(var(--color-purple-rgb), 0.8) !important;
--link-decoration-color: rgba(var(--color-purple-rgb), 0.4);
--link-unresolved-decoration-color: rgba(var(--color-purple-rgb), 0.4);
}
.pink-accent {
--color-accent: var(--color-pink) !important;
--color-accent-1: var(--color-pink) !important;
--color-accent-2: rgba(var(--color-pink-rgb), 0.8) !important;
--link-decoration-color: rgba(var(--color-pink-rgb), 0.4);
--link-unresolved-decoration-color: rgba(var(--color-pink-rgb), 0.4);
}
/* ========== scrollbars =========== */
body ::-webkit-scrollbar {
width: 4px !important;
height: 4px !important;
-webkit-border-radius: 0px !important;
}
/* =========== custom css classes ================= */
.secret .cm-line:not(:has(.cm-meta)),
.secret.markdown-rendered {
filter: blur(4px) !important;
}
/* ============== Style Settings ========== */
/* ======= hide certain options depending on what classes are activated ====== */
/* font options */
body:not(.font-select) .setting-item[data-id=font-default-select],
body:not(.font-select) .setting-item[data-id=font-secondary-select],
body:not(.font-select) .setting-item[data-id=font-monospace-select],
body:not(.font-bundle) .setting-item[data-id=font-bundle-select],
body:not(.custom-font) .setting-item[data-id=font-default-custom],
body:not(.custom-font) .setting-item[data-id=font-secondary-custom],
body:not(.custom-font) .setting-item[data-id=font-monospace-custom],
/* active pane highlight options */
body:not(.active-pane-highlight) .setting-item[data-id=inactive-pane-opacity],
body:not(.active-pane-highlight) .setting-item[data-id=inactive-pane-blur],
/* active line highlight options */
body:not(.active-line-highlight) .setting-item[data-id=inactive-line-opacity],
body:not(.active-line-highlight) .setting-item[data-id=inactive-line-blur],
body:not(.active-line-highlight) .setting-item[data-id=opacity-hover],
body:not(.active-line-highlight) .setting-item[data-id=line-effect-select],
body:not(.active-line-highlight) .setting-item[data-id=active-line-size],
/* indent paragraph option */
body:not(.indent-p) .setting-item[data-id=p-indent],
/* Ninja Cursor Options */
body:not(.iA-cursor) .setting-item[data-id=cursor-color],
body:not(.iA-cursor) .setting-item[data-id=cursor-tween],
body:not(.iA-cursor) .setting-item[data-id=cursor-width],
/* Custom Light Theme options */
body:not(.custom-color-scheme-light) .setting-item[data-id*="custom-theme-tint"][data-id*="-l"],
body:not(.custom-color-scheme-light) .setting-item[data-id*="custom-theme-sat"][data-id*="-l"],
body:not(.custom-color-scheme-light) .setting-item[data-id*="custom-theme-base"][data-id*="-l"],
body:not(.custom-color-scheme-light) .setting-item[data-id*="custom-base"][data-id*="-l"],
body:not(.custom-color-scheme-light) .setting-item[data-id*="custom-c-20"][data-id*="-l"],
body:not(.custom-color-scheme-light) .setting-item[data-id*="custom-text"][data-id*="-l"],
body:not(.custom-color-scheme-light) .setting-item[data-id*="custom-border"][data-id*="-l"],
/* Custom dark theme options */
body:not(.custom-color-scheme-dark) .setting-item[data-id*="custom-theme-tint"][data-id*="-d"],
body:not(.custom-color-scheme-dark) .setting-item[data-id*="custom-theme-sat"][data-id*="-d"],
body:not(.custom-color-scheme-dark) .setting-item[data-id*="custom-theme-base"][data-id*="-d"],
body:not(.custom-color-scheme-dark) .setting-item[data-id*="custom-base"][data-id*="-d"],
body:not(.custom-color-scheme-dark) .setting-item[data-id*="custom-c-20"][data-id*="-d"],
body:not(.custom-color-scheme-dark) .setting-item[data-id*="custom-text"][data-id*="-d"],
body:not(.custom-color-scheme-dark) .setting-item[data-id*="custom-border"][data-id*="-d"],
/* Serenity Mode */
body:not(.serenity-mode) .setting-item[data-id*="serenity-mode-select"],
body:not(.serenity-mode) .setting-item[data-id*="serenity-mode-font-size"],
body:not(.serenity-mode) .setting-item[data-id*="pure-serenity-light"],
body:not(.serenity-mode) .setting-item[data-id*="pure-serenity-dark"],
body:not(.serenity-mode) .setting-item[data-id*="pure-serenity-invert-light"],
body:not(.serenity-mode) .setting-item[data-id*="pure-serenity-invert-dark"],
body:not(.pure-serenity-light) .setting-item[data-id*="pure-serenity-invert-light"],
body:not(.pure-serenity-dark) .setting-item[data-id*="pure-serenity-invert-dark"]
{
display: none;
}
/* color pickers */
.setting-item[data-id*=tint] input.slider {
--slider-thumb-width: 4px;
--slider-thumb-radius: 0px;
--slider-thumb-border-width: 0px;
background: linear-gradient(to right, hsl(0, 100%, 58%), hsl(90, 100%, 60%), hsl(180, 100%, 58%), hsl(270, 100%, 58%), hsl(0, 100%, 58%));
opacity: 1 !important;
height: 11px;
filter: none !important;
}
.setting-item[data-id*=-c] input.slider {
--slider-thumb-width: 4px;
--slider-thumb-radius: 0px;
--slider-thumb-border-width: 0px;
background: linear-gradient(to right, black, white);
opacity: 1 !important;
height: 5px;
filter: none !important;
}
.setting-item[data-id*=-sat] input.slider {
--slider-thumb-width: 4px;
--slider-thumb-radius: 0px;
--slider-thumb-border-width: 0px;
background: linear-gradient(to right, rgb(200, 198, 198), rgb(255, 227, 174));
opacity: 1 !important;
height: 5px;
filter: none !important;
}
/* ==== special setting styles ==== */
.setting-item[data-id="colorful-headings-s"] .checkbox-container.is-enabled {
background-image: linear-gradient(to bottom, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
}
/* ===== settings heading levels ==== */
.style-settings-heading[data-level="0"] .setting-item-name {
font-size: 1.1em !important;
}
.style-settings-heading[data-level="1"] .setting-item-name {
font-size: 1.05em !important;
}
.style-settings-heading[data-level="2"] .setting-item-name {
font-size: 1em !important;
}
.style-settings-heading[data-level="2"] {
padding-left: 0.2em;
}
.style-settings-heading[data-level="3"] .setting-item-name {
font-size: 0.98em !important;
}
.style-settings-heading[data-level="3"] {
padding-left: 1em;
}
.style-settings-heading[data-level="4"] .setting-item-name {
font-size: 0.95em !important;
}
.style-settings-heading[data-level="4"] {
padding-left: 1.5em;
}
.style-settings-heading[data-level="5"] .setting-item-name {
font-size: 0.9em !important;
}
.style-settings-heading[data-level="5"] {
padding-left: 2em;
}
/* ================== graph view =================== */
body.theme-light {
--graph-node: hsl(calc(var(--accent-h) + 10), calc(var(--accent-s) + 10%), calc(var(--accent-l) + 10%));
--graph-node-unresolved: hsl(calc(var(--accent-h) + 20), calc(var(--accent-s) + 10%), calc(var(--accent-l) + 5%));
--graph-node-focused: hsl(calc(var(--accent-h) + 0), calc(var(--accent-s) + 15%), calc(var(--accent-l) + 15%));
}
body.theme-dark {
--graph-node: hsl(calc(var(--accent-h) + 10), calc(var(--accent-s) - 10%), calc(var(--accent-l) + 5%));
--graph-node-unresolved: hsl(calc(var(--accent-h) + 20), calc(var(--accent-s) - 10%), calc(var(--accent-l) + 3%));
--graph-node-focused: hsl(calc(var(--accent-h) + 0), calc(var(--accent-s) - 15%), calc(var(--accent-l) - 2%));
}
.graph-view.color-fill-unresolved {
opacity: 0.55;
}
.graph-view.color-arrow {
opacity: 1;
color: var(--text-accent);
}
/* =================== plugins ================ */
/* ========= timeline plugin =========== */
.timeline {
--timeline-active-color: var(--color-accent-2);
}
.timeline.body-2 .description {
border-bottom: 1px solid var(--background-modifier-border);
border-right: 1px solid var(--background-modifier-border);
border-left: 1px solid var(--background-modifier-border);
border-radius: 0 0 var(--radius-m) var(--radius-m);
}
.timeline.body-2 .title{
border-top: 1px solid var(--background-modifier-border);
border-right: 1px solid var(--background-modifier-border);
border-left: 1px solid var(--background-modifier-border);
border-radius: var(--radius-m) var(--radius-m) 0 0 ;
}
.timeline.body-3 .title * {
color: var(--text-on-accent) !important;
text-decoration-color: inherit;
}
/* ========= MAKE.md plugin ================ */
/* reduce spacing in inline context properties */
.mk-file-context-row {
padding: 2px 6px;
}
.mk-file-context-section {
gap: 0;
}
.mk-file-context-field {
color: var(--text-muted); /* tweak color for inline context fields */
width: fit-content;
margin-right: 20px;
}
/* make inputs look nicer */
input.mk-cell-text:focus-visible {
border-bottom: 2px solid var(--text-accent);
border-radius: 0;
}
.mk-header.mod-header input,
.mk-header.mod-header input:hover {
transition: 0.25s;
border-radius: 3px 3px 0 0;
}
div.mk-file-context-component:last-child:has(.mk-file-context-row) {
border-radius: var(--radius-m);
background-color: var(--background-secondary-alt);
padding: var(--size-4-4);
border: 1px solid vaR(--background-modifier-border);
margin-bottom: 1em;
transition: 200ms height, 150ms padding, 100ms margin, 70ms opacity;
}
.mk-file-icon {
z-index: 100 !important;
transform: scale(1.1) !important;
}
body:not(:not(.hover-context)) .mk-inline-context:not(:hover) div.mk-file-context-component:last-child {
height: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
}
/* "Properties" placeholder that disappears on hover */
/*
body:not(:not(.hover-context)) .mod-header.mk-header:not(:hover) div.mk-file-context-component:last-child::before {
Content: "Properties";
display: block;
position: absolute;
margin-top: -20px;
z-index: 100;
height: fit-content;
border-radius: var(--radius-s);
border: 1px solid var(--background-modifier-border);
background-color: var(--background-primary-alt);
padding: 2px 6px !important;
visibility: visible !important;
overflow: visible !important;
}
*/
/* hide icon placeholder in reading mode when there is no icon */
.markdown-reading-view .mk-file-icon-placeholder {
padding: 0 !important;
margin-bottom: 48px !important;
height: 0 !important;
visibility: hidden;
width: 0 !important;
}
/* @settings
name: Serenity
id: serenity-theme
settings:
-
id: colors-heading
title: Colors
type: heading
level: 2
collapsed: true
-
id: color-scheme-select
title: Color Scheme
type: class-select
allowEmpty: false
default: theme-normal
options:
-
label: Obsidian
value: theme-normal
-
label: Ayu
value: theme-ayu-s
-
label: Catppuccin
value: theme-catpp
-
label: Nord
value: theme-nord-s
-
label: Solarized
value: theme-solarized-s
-
label: Rose Pine
value: theme-rose-pine
-
label: Everforest
value: theme-everforest
-
label: Gruvbox
value: theme-gruvbox-s
-
id: color-accent-class-select
title: Accent Color
type: class-select
default: Auto
options:
-
label: Auto
value: auto-accent
-
label: Red
value: red-accent
-
label: Orange
value: orange-accent
-
label: Yellow
value: yellow-accent
-
label: Green
value: green-accent
-
label: Cyan
value: cyan-accent
-
label: Blue
value: blue-accent
-
label: Purple
value: purple-accent
-
label: Pink
value: pink-accent
-
id: contrast-light
title: Light Mode Contrast
type: class-select
default: medium-contrast-light
options:
-
label: Low Contrast
value: low-contrast-light
-
label: Medium Contrast
value: medium-contrast-light
-
label: High Contrast
value: high-contrast-light
-
id: contrast-dark
title: Dark Mode Contrast
type: class-select
default: medium-contrast-dark
options:
-
label: Low Contrast
value: low-contrast-dark
-
label: Medium Contrast
value: medium-contrast-dark
-
label: High Contrast
value: high-contrast-dark
-
label: Jet Black
value: true-black-dark
-
title: Flat Color Mode
id: flat-mode
description: Make the appearance flat and less colorful. Optimal for hiding elements and increasing focus!
type: class-toggle
default: true
-
id: advanced-heading
title: Advanced
type: heading
level: 3
collapsed: true
-
id: custom-color-scheme-heading-light
title: Custom Light Theme
type: heading
level: 4
collapsed: true
-
id: custom-color-scheme-light
title: Use Custom Light Theme
type: class-toggle
default: false
-
id: custom-theme-tint-l
title: Base Tint
type: variable-number-slider
min: 0
max: 360
step: 1
default: 15
-
id: custom-theme-sat-l
title: Base Saturation
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 100
-
id: custom-base-c-l
title: Base Brightness
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 99
-
id: custom-theme-tint-secondary-l
title: Secondary Tint
type: variable-number-slider
min: 0
max: 360
step: 1
default: 15
-
id: custom-theme-sat-secondary-l
title: Secondary Saturation
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 77
-
id: custom-c-20-l
title: Secondary Brightness
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 97
-
id: custom-theme-tint-text-l
title: Text Tint
type: variable-number-slider
min: 0
max: 360
step: 1
default: 205
-
id: custom-theme-sat-text-l
title: Text Saturation
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 25
-
id: custom-text-c-l
title: Text Contrast
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 43
-
id: custom-border-c-l
title: Border Contrast
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 82
-
-
id: custom-color-scheme-heading-dark
title: Custom Dark Theme
type: heading
level: 4
collapsed: true
-
id: custom-color-scheme-dark
title: Use Custom Dark Theme
type: class-toggle
default: false
-
id: custom-theme-tint-d
title: Base Tint
type: variable-number-slider
min: 0
max: 360
step: 1
default: 223
-
id: custom-theme-sat-d
title: Base Saturation
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 63
-
id: custom-base-c-d
title: Base Brightness
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 9
-
id: custom-theme-tint-secondary-d
title: Secondary Tint
type: variable-number-slider
min: 0
max: 360
step: 1
default: 225
-
id: custom-theme-sat-secondary-d
title: Secondary Saturation
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 50
-
id: custom-c-20-d
title: Secondary Brightness
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 13
-
id: custom-theme-tint-text-d
title: Text Tint
type: variable-number-slider
min: 0
max: 360
step: 1
default: 223
-
id: custom-theme-sat-text-d
title: Text Saturation
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 19
-
id: custom-text-c-d
title: Text Contrast
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 73
-
id: custom-border-c-d
title: Border Contrast
type: variable-number-slider
min: 0
format: '%'
max: 100
step: 0.25
default: 31
-
id: file-explorer-heading
title: File Explorer
type: heading
level: 2
collapsed: true
-
id: hide-vault-title
title: Hide Vault Tite
type: class-toggle
default: true
-
id: hide-folder-notes
title: Hide Folder Notes
description: Disguise folder notes instead of rendering them as links (AidenLx's Folder Note Plug-In)
type: class-toggle
default: false
-
id: prominent-folders
title: Bold Folders
description: Make folders more distinguishable from files.
type: class-toggle
default: false
-
id: hide-folder-arrows
title: Hide Folder Collapse Indicators
type: class-toggle
default: false
-
id: link-file
title: Link-Like Files
type: class-toggle
default: true
description: Make files in the file explorer look like links.
-
id: file-font-size
title: File Font Size
type: variable-select
default: var(--font-ui-small)
options:
-
label: Small
value: var(--font-ui-small)
-
label: Smaller
value: var(--font-ui-smaller)
-
id: wrap-files
title: Wrap File Titles
type: class-toggle
default: false
-
id: file-explorer-class-select
title: File Explorer Style
type: class-select
default: file-explorer-normal
options:
-
label: Default
value: file-explorer-normal
-
label: Cards
value: file-explorer-cards
-
id: markdown-heading
title: Markdown
type: heading
level: 2
collapsed: true
-
id: file-line-width
title: Readable Line Length (Reading Mode)
type: variable-text
default: 700px
-
id: editing-file-line-width
title: Readable Line Length (Edit Mode)
type: variable-text
default: var(--file-line-width)
-
id: font-preview-view
title: Edit Mode Font
type: variable-select
default: var(--font-secondary)
options:
-
label: Default Font
value: var(--font-text)
-
label: Secondary Font
value: var(--font-secondary)
-
label: Monospace Font
value: var(--font-monospace)
-
id: pure-md
title: Pure Markdown Mode
description: Remove as many WYSIWYG elements as possible in source mode.
type: class-toggle
default: true
-
id: text-heading
title: Text
type: heading
level: 2
collapsed: true
-
id: paragraphs-heading
title: Paragraphs
type: heading
level: 3
collapsed: true
-
id: line-height-normal
title: Line Height
type: variable-text
default: '1.75'
-
id: p-margin
title: Paragraph Margin
description: The spacing between paragraphs.
default: '20px'
type: variable-text
-
id: even-p
title: Even Paragraphs
type: class-toggle
description: Make paragraphs evenly spaced (any <br> element is treated like a new line).
default: false
-
id: indent-p
title: Indent Paragraphs
type: class-toggle
default: false
-
id: justify-p
title: Justify Paragraphs
type: class-toggle
default: false
-
id: p-indent
title: Paragraph Indent
description: Control the degree of indentation on a paragraph (requires Indent Paragraphs to be toggled on.)
type: variable-text
default: '15px'
-
id: fonts-heading
title: Fonts
type: heading
level: 3
collapsed: true
-
id: fonts-source
title: Fonts Source
type: class-select
default: font-bundle
options:
-
label: Use Font Bundles (Presets)
value: font-bundle
-
label: Select Fonts
value: font-select
-
label: Use a System Font
value: custom-font
-
id: font-bundle-select
title: Font Bundle
type: class-select
description: Choose a combination of fonts. NOTE - some fonts may not work offline.
default: ia-font
options:
-
label: Austere
value: austere-font
-
label: iA Writer
value: ia-font
-
label: Google
value: google-font
-
label: Gothic
value: gothic-font
-
label: Obsidian
value: obsidian-font
-
label: Serif
value: serif-font
-
label: Robust
value: robust-font
-
label: Round
value: cursive-font
-
label: Handwritten
value: handwritten-font
-
label: Web
value: web-font
-
id: font-default-select
title: Default Font
type: variable-select
default: 'iA Writer Quattro S'
options:
- Inter
- 'Alegreya'
- 'Almarai'
- 'Anonymous Pro'
- 'Anuphan'
- 'Assistant'
- 'Avenir Next'
- 'Barlow'
- 'Bitter'
- 'Cabin'
- 'Chivo Mono'
- 'Comfortaa'
- 'Courgette'
- 'Courier Prime'
- 'Cousine'
- 'DM Sans'
- 'Domine'
- 'Edu TAS Beginner'
- 'Figtree'
- 'Fira Code'
- 'Fira Sans Extra Condensed'
- 'Fira Sans'
- 'Heebo'
- 'IBM Plex Serif'
- 'Inconsolata'
- 'Inter'
- 'Jost'
- 'Kalam'
- 'Karla'
- 'Lato'
- 'Lexend'
- 'Libre Baskerville'
- 'Lobster Two'
- 'Lora'
- 'Martel'
- 'Merriweather Sans'
- 'Montserrat'
- 'Mulish'
- 'Nanum Gothic Coding'
- 'Nanum Gothic'
- 'Nanum Myeongjo'
- 'Noto Sans Mono'
- 'Noto Sans'
- 'Outfit'
- 'Overpass'
- 'PT Sans'
- 'PT Serif'
- 'Poppins'
- 'Questrial'
- 'Quicksand'
- 'Red Hat Mono'
- 'Roboto Condensed'
- 'Roboto Mono'
- 'Roboto Slab'
- 'Roboto'
- 'Rubik'
- 'Sawarabi Mincho'
- 'Schibsted Grotesk'
- 'Sono'
- 'Source Sans Pro'
- 'Source Serif Pro'
- 'Special Elite'
- 'Spectral'
- 'Spinnaker'
- 'Spline Sans Mono'
- 'Spline Sans'
- 'Spline Sans'
- 'Stoke'
- 'Tajawal'
- 'Titillium Web'
- 'Trykker'
- 'Ubuntu Condensed'
- 'Ubuntu'
- 'Varela Round'
- 'Vollkorn'
- 'Work Sans'
- 'Ysabeau'
- 'Zilla Slab'
- 'iA Writer Duo S'
- 'iA Writer Mono S'
- 'iA Writer Quattro S'
- 'DotGothic16'
- 'Exo'
- 'Klee One'
- 'Rubik Dirt'
-
id: font-secondary-select
title: Secondary Font
type: variable-select
default: 'iA Writer Duo S'
options:
- var(--font-text)
- 'Alegreya'
- 'Almarai'
- 'Anonymous Pro'
- 'Anuphan'
- 'Assistant'
- 'Avenir Next'
- 'Barlow'
- 'Bitter'
- 'Cabin'
- 'Chivo Mono'
- 'Comfortaa'
- 'Courgette'
- 'Courier Prime'
- 'Cousine'
- 'DM Sans'
- 'Domine'
- 'Edu TAS Beginner'
- 'Figtree'
- 'Fira Code'
- 'Fira Sans Extra Condensed'
- 'Fira Sans'
- 'Heebo'
- 'IBM Plex Serif'
- 'Inconsolata'
- 'Inter'
- 'Jost'
- 'Kalam'
- 'Karla'
- 'Lato'
- 'Lexend'
- 'Libre Baskerville'
- 'Lobster Two'
- 'Lora'
- 'Martel'
- 'Merriweather Sans'
- 'Montserrat'
- 'Mulish'
- 'Nanum Gothic Coding'
- 'Nanum Gothic'
- 'Nanum Myeongjo'
- 'Noto Sans Mono'
- 'Noto Sans'
- 'Outfit'
- 'Overpass'
- 'PT Sans'
- 'PT Serif'
- 'Poppins'
- 'Questrial'
- 'Quicksand'
- 'Red Hat Mono'
- 'Roboto Condensed'
- 'Roboto Mono'
- 'Roboto Slab'
- 'Roboto'
- 'Rubik'
- 'Schibsted Grotesk'
- 'Sawarabi Mincho'
- 'Sono'
- 'Source Sans Pro'
- 'Source Serif Pro'
- 'Special Elite'
- 'Spectral'
- 'Spinnaker'
- 'Spline Sans Mono'
- 'Spline Sans'
- 'Spline Sans'
- 'Stoke'
- 'Tajawal'
- 'Titillium Web'
- 'Trykker'
- 'Ubuntu Condensed'
- 'Ubuntu'
- 'Varela Round'
- 'Vollkorn'
- 'Work Sans'
- 'Ysabeau'
- 'Zilla Slab'
- 'iA Writer Duo S'
- 'iA Writer Mono S'
- 'iA Writer Quattro S'
- 'DotGothic16'
- 'Exo'
- 'Klee One'
- 'Rubik Dirt'
-
id: font-monospace-select
title: Monospace Font
type: variable-select
default: 'iA Writer Mono S'
options:
- 'Anonymous Pro'
- 'Barlow'
- 'Chivo Mono'
- 'Courier Prime'
- 'Cousine'
- 'Fira Code'
- 'Inconsolata'
- 'Nanum Gothic Coding'
- 'Noto Sans Mono'
- 'Red Hat Mono'
- 'Roboto Mono'
- 'Sono'
- 'Special Elite'
- 'Spline Sans Mono'
- 'Titillium Web'
- 'Ubuntu Condensed'
- 'Ubuntu'
- 'iA Writer Duo S'
- 'iA Writer Mono S'
- 'iA Writer Quattro S'
- 'DotGothic16'
- 'Exo'
-
id: font-default-custom
title: Custom Font Default
type: variable-text
default: 'iA Writer Quattro S'
-
id: font-secondary-custom
title: Custom Font Secondary
type: variable-text
default: 'iA Writer Duo S'
-
id: font-monospace-custom
title: Custom Font Monospace
type: variable-text
default: 'iA Writer Mono S'
-
id: font-weight-default
title: Font Weight
type: variable-number-slider
default: 400
step: 50
min: 100
max: 900
-
id: letter-spacing
title: Letter Spacing
type: variable-number-slider
default: 0
step: 0.1
min: 0
max: 2
format: px
-
id: bold-italic-colors-heading
title: Bold & Italic Colors
type: heading
level: 3
collapsed: true
-
id: bold-color
title: Bold Color
default: var(--text-normal)
type: variable-select
options:
-
label: accent
value: var(--color-accent-1)
-
label: red
value: var(--color-red)
-
label: orange
value: var(--color-orange)
-
label: yellow
value: var(--color-yellow)
-
label: green
value: var(--color-green)
-
label: cyan
value: var(--color-cyan)
-
label: blue
value: var(--color-blue)
-
label: purple
value: var(--color-purple)
-
label: pink
value: var(--color-pink)
-
label: faint
value: var(--text-faint)
-
label: muted
value: var(--text-muted)
-
label: normal
value: var(--text-normal)
-
id: italic-color
title: italic Color
default: var(--text-normal)
type: variable-select
options:
-
label: accent
value: var(--color-accent-1)
-
label: red
value: var(--color-red)
-
label: orange
value: var(--color-orange)
-
label: yellow
value: var(--color-yellow)
-
label: green
value: var(--color-green)
-
label: cyan
value: var(--color-cyan)
-
label: blue
value: var(--color-blue)
-
label: purple
value: var(--color-purple)
-
label: pink
value: var(--color-pink)
-
label: faint
value: var(--text-faint)
-
label: muted
value: var(--text-muted)
-
label: normal
value: var(--text-normal)
-
id: headings-heading
title: Headings
type: heading
collapsed: true
level: 2
-
id: colorful-headings-s
title: Colorful Headings
type: class-toggle
default: false
-
id: show-collapse-indicators
title: Show Collapse Indicators
type: class-toggle
description: Always show collapse indicators for headings.
default: false
-
id: heading-syntax
title: Heading Markers in Edit Mode
description: Show heading level indicators in edit mode.
type: class-toggle
default: false
-
id: h-font-s
title: Heading Font
description: The font used for all headings unless individually specified.
default: var(--font-text)
type: variable-select
options:
-
label: Default Font
value: var(--font-text)
-
label: Secondary Font
value: var(--font-secondary)
-
label: Monospace Font
value: var(--font-monospace)
-
id: h-weight-s
title: Heading Weight
description: The weight used for all headings unless individually specified.
default: '600'
type: variable-text
-
id: h-align-s
title: Heading Alignment
description: The alignment used for all headings unless individually specified.
default: left
type: variable-select
options:
- left
- right
- center
-
id: h1-heading
title: Heading 1
type: heading
level: 3
collapsed: true
-
id: h1-size
title: Font Size
type: variable-text
default: 1.4em
-
id: h1-font
title: Font family
type: variable-select
default: var(--h-font-s)
options:
-
label: Heading Font
value: var(--h-font-s)
-
label: Default Font
value: var(--font-text)
-
label: Secondary Font
value: var(--font-secondary)
-
label: Monospace Font
value: var(--font-monospace)
-
id: h1-style
title: Style
type: variable-select
default: Normal
options:
- Normal
- Italic
-
id: h1-variant
title: Variant
type: variable-select
default: Normal
options:
- Normal
- Small-caps
- All-small-caps
-
id: h1-weight
title: Weight
type: variable-select
default: var(--h-weight-s)
options:
-
label: Default Heading Weight
value: var(--h-weight-s)
-
label: Black
value: 900
-
label: Extra Bold
value: 800
-
label: Bold
value: 700
-
label: Semi Bold
value: 600
-
label: Medium
value: 500
-
label: Normal
value: 400
-
label: Light
value: 300
-
id: h1-align
title: Alignment
default: var(--h-align-s)
type: variable-select
options:
-
label: Default
value: var(--h-align-s)
-
label: Left
value: left
-
label: Right
value: right
-
label: Center
value: center
-
id: h1-bottom-border
title: Bottom Border
type: class-toggle
default: true
-
id: h2-heading
title: Heading 2
type: heading
level: 3
collapsed: true
-
id: h2-size
title: Font Size
type: variable-text
default: 1.22em
-
id: h2-style
title: Style
type: variable-select
default: Normal
options:
- Normal
- Italic
-
id: h2-variant
title: Variant
type: variable-select
default: Normal
options:
- Normal
- Small-caps
- All-small-caps
-
id: h2-weight
title: Weight
type: variable-select
default: var(--h-weight-s)
options:
-
label: Default Heading Weight
value: var(--h-weight-s)
-
label: Black
value: 900
-
label: Extra Bold
value: 800
-
label: Bold
value: 700
-
label: Semi Bold
value: 600
-
label: Medium
value: 500
-
label: Normal
value: 400
-
label: Light
value: 300
-
id: h2-align
title: Alignment
default: var(--h-align-s)
type: variable-select
options:
-
label: Default
value: var(--h-align-s)
-
label: Left
value: left
-
label: Right
value: right
-
label: Center
value: center
-
id: h2-bottom-border
title: Bottom Border
type: class-toggle
default: false
-
id: h3-heading
title: Heading 3
type: heading
level: 3
collapsed: true
-
id: h3-size
title: Font Size
type: variable-text
default: 1.17em
-
id: h3-font
title: Font family
type: variable-select
default: var(--h-font-s)
options:
-
label: Heading Font
value: var(--h-font-s)
-
label: Default Font
value: var(--font-text)
-
label: Secondary Font
value: var(--font-secondary)
-
label: Monospace Font
value: var(--font-monospace)
-
id: h3-style
title: Style
type: variable-select
default: Normal
options:
- Normal
- Italic
-
id: h3-variant
title: Variant
type: variable-select
default: Normal
options:
- Normal
- Small-caps
- All-small-caps
-
id: h3-weight
title: Weight
type: variable-select
default: var(--h-weight-s)
options:
-
label: Default Heading Weight
value: var(--h-weight-s)
-
label: Black
value: 900
-
label: Extra Bold
value: 800
-
label: Bold
value: 700
-
label: Semi Bold
value: 600
-
label: Medium
value: 500
-
label: Normal
value: 400
-
label: Light
value: 300
-
id: h3-align
title: Alignment
default: var(--h-align-s)
type: variable-select
options:
-
label: Default
value: var(--h-align-s)
-
label: Left
value: left
-
label: Right
value: right
-
label: Center
value: center
-
id: h3-bottom-border
title: Bottom Border
type: class-toggle
default: false
-
id: h4-heading
title: Heading 4
type: heading
level: 3
collapsed: true
-
id: h4-size
title: Font Size
type: variable-text
default: 1.1em
-
id: h4-font
title: Font family
type: variable-select
default: var(--h-font-s)
options:
-
label: Heading Font
value: var(--h-font-s)
-
label: Default Font
value: var(--font-text)
-
label: Secondary Font
value: var(--font-secondary)
-
label: Monospace Font
value: var(--font-monospace)
-
id: h4-style
title: Style
type: variable-select
default: Normal
options:
- Normal
- Italic
-
id: h4-variant
title: Variant
type: variable-select
default: Normal
options:
- Normal
- Small-caps
- All-small-caps
-
id: h4-weight
title: Weight
type: variable-select
default: var(--h-weight-s)
options:
-
label: Default Heading Weight
value: var(--h-weight-s)
-
label: Black
value: 900
-
label: Extra Bold
value: 800
-
label: Bold
value: 700
-
label: Semi Bold
value: 600
-
label: Medium
value: 500
-
label: Normal
value: 400
-
label: Light
value: 300
-
id: h4-align
title: Alignment
default: var(--h-align-s)
type: variable-select
options:
-
label: Default
value: var(--h-align-s)
-
label: Left
value: left
-
label: Right
value: right
-
label: Center
value: center
-
id: h4-bottom-border
title: Bottom Border
type: class-toggle
default: false
-
id: h5-heading
title: Heading 5
type: heading
level: 3
collapsed: true
-
id: h5-size
title: Font Size
type: variable-text
default: 1.04em
-
id: h5-font
title: Font family
type: variable-select
default: var(--h-font-s)
options:
-
label: Heading Font
value: var(--h-font-s)
-
label: Default Font
value: var(--font-text)
-
label: Secondary Font
value: var(--font-secondary)
-
label: Monospace Font
value: var(--font-monospace)
-
id: h5-style
title: Style
type: variable-select
default: Normal
options:
- Normal
- Italic
-
id: h5-variant
title: Variant
type: variable-select
default: Normal
options:
- Normal
- Small-caps
- All-small-caps
-
id: h5-weight
title: Weight
type: variable-select
default: var(--h-weight-s)
options:
-
label: Default Heading Weight
value: var(--h-weight-s)
-
label: Black
value: 900
-
label: Extra Bold
value: 800
-
label: Bold
value: 700
-
label: Semi Bold
value: 600
-
label: Medium
value: 500
-
label: Normal
value: 400
-
label: Light
value: 300
-
id: h5-align
title: Alignment
default: var(--h-align-s)
type: variable-select
options:
-
label: Default
value: var(--h-align-s)
-
label: Left
value: left
-
label: Right
value: right
-
label: Center
value: center
-
id: h5-bottom-border
title: Bottom Border
type: class-toggle
default: false
-
id: h6-heading
title: Heading 6
type: heading
level: 3
collapsed: true
-
id: h6-size
title: Font Size
type: variable-text
default: 1em
-
id: h6-font
title: Font family
type: variable-select
default: var(--h-font-s)
options:
-
label: Heading Font
value: var(--h-font-s)
-
label: Default Font
value: var(--font-text)
-
label: Secondary Font
value: var(--font-secondary)
-
label: Monospace Font
value: var(--font-monospace)
-
id: h6-style
title: Style
type: variable-select
default: Italic
options:
- Normal
- Italic
-
id: h6-variant
title: Variant
type: variable-select
default: Normal
options:
- Normal
- Small-caps
- All-small-caps
-
id: h6-weight
title: Weight
type: variable-select
default: var(--h-weight-s)
options:
-
label: Default Heading Weight
value: var(--h-weight-s)
-
label: Black
value: 900
-
label: Extra Bold
value: 800
-
label: Bold
value: 700
-
label: Semi Bold
value: 600
-
label: Medium
value: 500
-
label: Normal
value: 400
-
label: Light
value: 300
-
id: h6-align
title: Alignment
default: var(--h-align-s)
type: variable-select
options:
-
label: Default
value: var(--h-align-s)
-
label: Left
value: left
-
label: Right
value: right
-
label: Center
value: center
-
id: h6-bottom-border
title: Bottom Border
type: class-toggle
default: false
-
id: inline-title-heading
title: Inline Title
type: heading
collapsed: true
level: 2
-
id: inline-title-size
title: Font Size
type: variable-select
default: calc(var(--h1-size) + 0.5em)
options:
-
label: Calculated
value: calc(var(--h1-size) + 0.5em)
-
label: Tiny
value: var(--font-text-size)
-
label: Small
value: 1.5em;
-
label: Medium
value: 1.8em
-
label: Big
value: 2.5em
-
label: Huge
value: 3.1em
-
id: inline-title-align
title: Text Align
type: variable-select
default: center
options:
- left
- center
- right
-
id: inline-title-style
title: Style
type: variable-select
default: Normal
options:
- Normal
- Italic
-
id: inline-title-variant
title: Variant
type: variable-select
default: Normal
options:
- Normal
- Small-caps
- All-small-caps
-
id: inline-title-weight
title: Font Weight
default: '700'
type: variable-text
-
id: links-heading
title: Links
type: heading
collapsed: true
level: 2
-
id: link-font
title: Link Font
type: variable-text
default: var(--font-secondary)
description: Secondary font by default. You can reference other fonts with var(--font-text), var(--font-monospace), 'Noto Sans', and so on and so forth.
-
id: link-glow-effect-in-dark-mode
title: Link Glow Effect in Dark Mode
type: class-select
default: active-only
options:
-
value: active-only
label: When Typing Links
-
value: active-line-link-glow
label: On Active Line/Sentence
-
value: link-glow
label: All Links
-
id: tags-heading
title: Tags
type: heading
level: 2
collapsed: true
-
id: tag-opacity
title: Tag Opacity
type: variable-text
default: '0.25'
-
id: tag-opacity-hover
title: Tag Opacity (hover)
type: variable-text
default: '0.2'
-
id: tag-radius
title: Tag Radius
type: variable-text
default: var(--radius-s)
-
id: images-heading
title: Images
type: heading
level: 2
collapsed: true
-
id: img-captions
type: class-toggle
title: Captions
description: Image alts appear as captions. Alts containing a hashtag (#) will remain hidden. NOTE - This only works for internal images.
-
id: embeds-heading
title: Embeds
type: heading
level: 2
collapsed: true
-
id: embeds-style
title: Embed Style
type: class-select
default: embed-normal
options:
-
label: Default
value: embed-normal
-
label: Card
value: card-embed
-
id: hide-embed-title
title: Hide Embed Title
type: class-toggle
default: false
-
id: hide-embed-icon
title: Hide Embed Link Icon
type: class-toggle
default: false
-
id: embed-max-height
title: Max Embed Height
description: The height limit for an embed. When an embed reaches this limit, scrolling is required to view the rest of it.
type: variable-text
default: 4000px
-
id: checkboxes-heading
title: Checkboxes
type: heading
level: 2
collapsed: true
-
id: checkbox-radius
title: Checkbox Radius
type: variable-text
default: 60px
-
id: speech-bubbles-heading
title: Speech Bubbles
description: Credit - AnuPpuccin Theme by Anubis
type: heading
collapsed: true
level: 3
-
id: speech-align
title: Alternate Speechbox Alignment
type: class-toggle
default: true
-
id: speech-opacity
title: Speech Bubble Opacity
type: variable-text
default: '0.5'
-
id: speech-color
title: Speech Bubble Color
type: variable-select
default: var(--text-normal)
options:
-
label: Inverted
value: var(--background-primary)
-
label: Normal
value: var(--text-normal)
-
id: tables-heading
title: Tables
type: heading
level: 2
collapsed: true
-
id: table-white-space
title: White Space
type: variable-select
default: normal
options:
- normal
- pre
-
id: table-column-max-width
title: Max Column Width
type: variable-text
default: none
-
id: alternate-table-rows
title: Alternating Table Row Colors
type: class-toggle
default: false
-
id: alternate-table-columns
title: Alternating Table Column Colors
type: class-toggle
default: false
-
id: table-row-num
title: Row Numbers
type: class-toggle
default: false
-
id: dataview-tables-heading
title: Dataview Tables
type: heading
level: 3
collapsed: true
-
id: dv-table-text-align
title: Dataview Table Text Alignment
type: variable-select
default: left
options:
- left
- center
- right
- justified
-
id: dv-table-white-space
title: Dataview Table White Space
type: variable-select
default: normal
options:
- normal
- pre
-
id: dv-alternate-table-rows
title: Dataview Alternating Row Colors
type: class-toggle
default: false
-
id: dv-alternate-table-columns
title: Dataview Alternating Column Colors
type: class-toggle
default: false
-
id: dv-table-borders
title: Dataview Table Borders
type: class-toggle
default: false
-
id: dv-table-header
title: Dataview Normal Table Header
type: class-toggle
default: false
-
id: backlinks-heading
title: Backlinks
type: heading
level: 2
collapsed: true
-
id: simple-backlinks
title: Simplified Backlinks
description: Shimmering Focus inspired backlinks pane that shows backlinks as a simple list.
type: class-toggle
default: true
-
id: focus-mode-settings-heading
title: Focus Mode Settings
description: control behaviours intended to promote focus, such as inactive lines and panes fading out.
type: heading
level: 2
collapsed: true
-
id: active-line-heading
title: Active Line
type: heading
level: 3
collapsed: true
-
id: active-line-highlight
title: Fade out Inactive Lines in Edit Mode
description: Have the current line fully visible when writing. Everything else will be faded out.
type: class-toggle
default: true
-
id: line-effect-select
title: Show Active Line Effects In...
type: class-select
default: none
options:
-
label: Both Source and Live Preview modes
value: none
-
label: Live Preview only
value: source-line-effect
-
label: Source Mode only
value: preview-line-effect
-
id: inactive-line-opacity
title: Inactive Line Opacity
description: control the opacity of inactive lines in edit mode (enable the setting above to see effect).
type: variable-text
default: '0.4'
-
id: inactive-line-blur
title: Inactive Line Blur
type: variable-number-slider
default: 0
min: 0
max: 4
format: px
step: 0.5
-
id: active-line-size
title: Active Line Font Size
type: variable-text
default: inherit
description: Change the font size of the active line.
-
id: opacity-hover
title: Clarify Text on Hover
description: When this is enabled, hovering over text while in edit mode will remove the opacity and blur effects as if the text under the cursor were the active line.
type: class-toggle
default: false
-
id: active-panes-heading
title: Active Panes
type: heading
level: 3
collapsed: true
-
id: active-pane-highlight
title: Fade out Inactive Panes
description: Only the active pane will be at full opacity
default: true
type: class-toggle
-
id: inactive-pane-opacity
title: Inactive Pane Opacity
description: control the opacity of inactive panes
default: '0.55'
type: variable-text
-
id: inactive-pane-blur
title: Inactive Pane Blur
default: 0
format: px
type: variable-number-slider
min: 0
max: 4
step: 0.5
-
id: folders-and-files-heading
title: Folders and Files
type: heading
level: 3
collapsed: true
-
id: folder-focus
title: Folder Focus
description: (Experimental) Focus on the folder that holds the active file.
type: class-toggle
default: false
-
id: hidden-elements-heading
title: Hidden Elements
description: Hide or unhide other workspace elements until hovered over with the mouse.
type: heading
level: 3
collapsed: true
-
id: hide-ribbon
title: Hide Sidebar Ribbon
type: class-toggle
default: true
-
id: hide-file-tabs
title: Hide File Explorer Tabs
type: class-toggle
default: true
-
id: hide-file-buttons
title: Hide File Explorer Buttons
type: class-toggle
default: true
-
id: hide-tabs
title: Hide Workspace Tabs
type: class-toggle
default: true
-
id: hide-close-tab
title: Hide Close Tab Button
type: class-toggle
default: true
-
id: hide-titlebar-buttons
title: Hide Window Buttons
type: class-toggle
default: true
-
id: hide-view-header
title: Hide View Header
type: class-toggle
default: true
-
id: hide-backlinks
title: Hide Backlinks Pane in Edit Mode
type: class-toggle
default: true
-
id: hide-inline-title
title: Hide Inline Title (Reading Mode)
type: class-toggle
default: false
-
id: hide-inline-title-editing
title: Hide Inline Title (Edit Mode)
type: class-toggle
default: false
-
id: hide-frontmatter-s
title: Hide Frontmatter
type: class-toggle
default: false
-
id: animations-heading
title: Animations
type: heading
level: 3
collapsed: true
-
id: opacity-hide
title: Opacity Transitions Only
description: Animations that would typically move elements around (like hiding the tab bar) are reduced to opacity animations only. This means only the opacity will be affected; no actual movements.
type: class-toggle
default: false
-
id: serenity-mode-heading
title: Serenity Mode
type: heading
level: 3
collapsed: true
-
id: serenity-mode
title: Enable Serenity Mode
description: Hide EVERYTHING on screen except the note you're working on. WARNING - You will only be able to exit editing mode with the Edit/Reading mode toggle hotkey (CTRL + E).
type: class-toggle
default: false
-
id: serenity-mode-select
title: Only Use Serenity Mode in...
type: class-select
default: serenity-both
options:
-
label: Live Preview
value: serenity-lp
-
label: Source Mode
value: serenity-src
-
label: Live Preview AND Source Mode
value: serenity-both
-
id: serenity-mode-font-size
title: Font Size in Serenity Mode
description: To keep the font size dynamic and unchanged, type "var(--font-text-size)"
type: variable-text
default: '18px'
-
id: pure-serenity-light
title: Pure Serenity - Light Mode
description: Change the light mode colors to be a dim shade of grey in edit mode, ignoring the theme.
type: class-toggle
default: false
-
id: pure-serenity-dark
title: Pure Serenity - Dark Mode
description: Change the dark mode colors to be pure black and white in edit mode, ignoring the theme.
type: class-toggle
default: false
-
id: pure-serenity-invert-light
title: Invert Edit Mode Colors in Light Mode
type: class-toggle
default: false
-
id: pure-serenity-invert-dark
title: Invert Edit Mode Colors in Dark Mode
type: class-toggle
default: false
-
id: plugins-heading
title: Plug-Ins
type: heading
level: 2
collapsed: true
-
id: dataview-heading
title: Dataview
type: heading
level: 3
collapsed: true
-
id: font-inline-field
title: Standalone Inline Fields Font
description: The font used for inline fields with hidden keys (fields wrapped in parentheses).
type: variable-select
default: var(--font-text)
options:
-
label: Default
value: inherit
-
label: Secondary Font
value: var(--font-secondary)
-
label: Monospace Font
value: var(--font-monospace)
-
id: inline-field-size
title: Font Size for Standalone Inline Fields
type: variable-select
default: inherit
options:
-
label: Inherit
value: inherit
-
label: Small
value: var(--font-small)
-
label: Smaller
value: var(--font-smaller)
-
label: Smallest
value: var(--font-smallest)
-
id: icon-folder-heading
title: Icon Folder
type: heading
level: 3
collapsed: true
-
id: colorful-folder-icons
title: Use accent color for folder icons
type: class-toggle
default: false
-
id: ninja-cursor-heading
title: Ninja Cursor
type: heading
level: 3
collapsed: true
-
id: iA-cursor
title: Custom Cursor Styling
description: iA-Writer-esque cursor styling
type: class-toggle
default: true
-
id: cursor-tween
title: Tween Cursor Animation
description: Give the blinking cursor a smooth opacity transition.
type: class-toggle
default: false
-
id: cursor-glow
title: Glowing Cursor in Dark Mode
type: class-toggle
default: true
-
id: cursor-width
title: Cursor Thickness
description: Control the cursor thickness
type: variable-number-slider
default: 2.5
min: 0.5
max: 4
format: px
step: 0.5
-
id: cursor-color
title: Cursor Color
type: variable-select
default: var(--interactive-accent)
allowEmpty: false
options:
-
label: Interactive Accent
value: var(--interactive-accent)
-
label: Red
value: var(--color-red)
-
label: Orange
value: var(--color-orange)
-
label: Cyan
value: var(--color-cyan)
-
label: Blue
value: var(--color-blue)
-
label: Purple
value: var(--color-purple)
-
label: Pink
value: var(--color-pink)
-
label: Faint Text
value: var(--text-faint)
-
label: Muted Text
value: var(--text-muted)
-
label: Text
value: var(--text-normal)
-
id: MAKEmd-heading
title: MAKE.md
type: heading
level: 3
collapsed: true
-
id: hover-context
title: Hide Inline Contexts until Hover
type: class-toggle
default: true
-
id: 2hop-links-plus-heading
title: 2Hop Links Plus
type: heading
level: 3
collapsed: true
-
id: clean-twohop
title: Clean 2Hop Links
description: A more minimalistic view for 2Hop Links.
type: class-toggle
default: false
-
id: modals-heading
title: Modals
type: heading
level: 2
collapsed: true
-
id: compact-settings
title: Compact Settings
description: credit - therazam (https://github.com/Bluemoondragon07/Obsidian-Serenity/issues/1)
type: class-toggle
default: false
*/