zaine/vault
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

clean
All checks were successful
Build Quartz Notes / build (push) Successful in 33s
Details

Browse Source
This commit is contained in:
Zaine
2026-06-02 14:26:45 +01:00
parent cfa8867ca1
commit 6e65fa187c
73 changed files with 1331 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
.obsidian/themes/Obsidian gruvbox/manifest.json vendored Normal file
View File

@@ -0,0 +1,7 @@
{
"name": "Obsidian gruvbox",
"version": "0.2.1",
"minAppVersion": "0.16.0",
"author": "insanum",
"authorUrl": "https://insanum.com"
}

579
.obsidian/themes/Obsidian gruvbox/theme.css vendored Normal file
View File

@@ -0,0 +1,579 @@
:root
{
--dark0-hard_x: 29,32,33; /* #1d2021 */
--dark0-hard: rgb(var(--dark0-hard_x));
--dark0_x: 40,40,40; /* #282828 */
--dark0: rgb(var(--dark0_x));
--dark0-soft_x: 50,48,47; /* #32302f */
--dark0-soft: rgb(var(--dark0-soft_x));
--dark1_x: 60,56,54; /* #3c3836 */
--dark1: rgb(var(--dark1_x));
--dark2_x: 80,73,69; /* #504945 */
--dark2: rgb(var(--dark2_x));
--dark3_x: 102,92,84; /* #665c54 */
--dark3: rgb(var(--dark3_x));
--dark4_x: 124,111,100; /* #7c6f64 */
--dark4: rgb(var(--dark4_x));
--gray_x: 146,131,116; /* #928374 */
--gray: rgb(var(--gray_x));
--light0-hard_x: 249,245,215; /* #f9f5d7 */
--light0-hard: rgb(var(--light0-hard_x));
--light0_x: 251,241,199; /* #fbf1c7 */
--light0: rgb(var(--light0_x));
--light0-soft_x: 242,229,188; /* #f2e5bc */
--light0-soft: rgb(var(--light0-soft_x));
--light1_x: 235,219,178; /* #ebdbb2 */
--light1: rgb(var(--light1_x));
--light2_x: 213,196,161; /* #d5c4a1 */
--light2: rgb(var(--light2_x));
--light3_x: 189,174,147; /* #bdae93 */
--light3: rgb(var(--light3_x));
--light4_x: 168,153,132; /* #a89984 */
--light4: rgb(var(--light4_x));
--bright-red_x: 251,73,52; /* #fb4934 */
--bright-red: rgb(var(--bright-red_x));
--bright-green_x: 184,187,38; /* #b8bb26 */
--bright-green: rgb(var(--bright-green_x));
--bright-yellow_x: 250,189,47; /* #fabd2f */
--bright-yellow: rgb(var(--bright-yellow_x));
--bright-blue_x: 131,165,152; /* #83a598 */
--bright-blue: rgb(var(--bright-blue_x));
--bright-purple_x: 211,134,155; /* #d3869b */
--bright-purple: rgb(var(--bright-purple_x));
--bright-aqua_x: 142,192,124; /* #8ec07c */
--bright-aqua: rgb(var(--bright-aqua_x));
--bright-orange_x: 254,128,25; /* #fe8019 */
--bright-orange: rgb(var(--bright-orange_x));
--neutral-red_x: 204,36,29; /* #cc241d */
--neutral-red: rgb(var(--neutral-red_x));
--neutral-green_x: 152,151,26; /* #98971a */
--neutral-green: rgb(var(--neutral-green_x));
--neutral-yellow_x: 215,153,33; /* #d79921 */
--neutral-yellow: rgb(var(--neutral-yellow_x));
--neutral-blue_x: 69,133,136; /* #458588 */
--neutral-blue: rgb(var(--neutral-blue_x));
--neutral-purple_x: 177,98,134; /* #b16286 */
--neutral-purple: rgb(var(--neutral-purple_x));
--neutral-aqua_x: 104,157,106; /* #689d6a */
--neutral-aqua: rgb(var(--neutral-aqua_x));
--neutral-orange_x: 214,93,14; /* #d65d0e */
--neutral-orange: rgb(var(--neutral-orange_x));
--faded-red_x: 157,0,6; /* #9d0006 */
--faded-red: rgb(var(--faded-red_x));
--faded-green_x: 121,116,14; /* #79740e */
--faded-green: rgb(var(--faded-green_x));
--faded-yellow_x: 181,118,20; /* #b57614 */
--faded-yellow: rgb(var(--faded-yellow_x));
--faded-blue_x: 7,102,120; /* #076678 */
--faded-blue: rgb(var(--faded-blue_x));
--faded-purple_x: 143,63,113; /* #8f3f71 */
--faded-purple: rgb(var(--faded-purple_x));
--faded-aqua_x: 66,123,88; /* #427b58 */
--faded-aqua: rgb(var(--faded-aqua_x));
--faded-orange_x: 175,58,3; /* #af3a03 */
--faded-orange: rgb(var(--faded-orange_x));
}
body
{
--accent-h: 12; /* --faded-red #9d0006 */
--accent-s: 107%;
--accent-l: 32%;
--link-decoration: none;
--link-decoration-hover: none;
--link-external-decoration: none;
--link-external-decoration-hover: none;
--tag-decoration: none;
--tag-decoration-hover: underline;
--tag-padding-x: .5em;
--tag-padding-y: .2em;
--tag-radius: .5em;
--tab-font-weight: 600;
--bold-weight: 600;
--checkbox-radius: 0;
/* --list-indent: 2em; */
--embed-border-left: 6px double var(--interactive-accent);
}
.theme-dark
{
--color-red-rgb: var(--neutral-red_x);
--color-red: var(--neutral-red);
--color-purple-rgb: var(--neutral-purple_x);
--color-purple: var(--neutral-purple);
--color-green-rgb: var(--neutral-green_x);
--color-green: var(--neutral-green);
--color-cyan-rgb: var(--neutral-blue_x);
--color-cyan: var(--neutral-blue);
--color-blue-rgb: var(--faded-blue_x);
--color-blue: var(--faded-blue);
--color-yellow-rgb: var(--neutral-yellow_x);
--color-yellow: var(--neutral-yellow);
--color-orange-rgb: var(--neutral-orange_x);
--color-orange: var(--neutral-orange);
--color-pink-rgb: var(--bright-purple_x);
--color-pink: var(--bright-purple);
--background-primary: var(--dark0);
--background-primary-alt: var(--dark0);
--background-secondary: var(--dark0-hard);
--background-secondary-alt: var(--dark1);
--background-modifier-border: var(--dark1);
--cursor-line-background: rgba(var(--dark1_x), 0.5);
--text-normal: var(--light0);
--text-faint: var(--light1);
--text-muted: var(--light2);
--link-url: var(--neutral-green);
--h1-color: var(--neutral-red);
--h2-color: var(--neutral-yellow);
--h3-color: var(--neutral-green);
--h4-color: var(--neutral-aqua);
--h5-color: var(--neutral-blue);
--h6-color: var(--neutral-purple);
--text-highlight-bg: var(--neutral-yellow);
--text-highlight-fg: var(--dark0-hard);
--text-accent: var(--neutral-orange);
--text-accent-hover: var(--bright-aqua);
--tag-color: var(--bright-aqua);
--tag-background: var(--dark2);
--tag-background-hover: var(--dark1);
--titlebar-text-color-focused: var(--bright-red);
--inline-title-color: var(--bright-yellow);
--bold-color: var(--neutral-yellow);
--italic-color: var(--neutral-yellow);
--checkbox-color: var(--light4);
--checkbox-color-hover: var(--light4);
--checkbox-border-color: var(--light4);
--checkbox-border-color-hover: var(--light4);
--checklist-done-color: rgba(var(--light2_x), 0.5);
--table-header-background: rgba(var(--dark0_x), 0.2);
--table-header-background-hover: var(--dark2);
--table-row-even-background: rgba(var(--dark2_x), 0.2);
--table-row-odd-background: rgba(var(--dark2_x), 0.4);
--table-row-background-hover: var(--dark2);
--text-selection: rgba(var(--neutral-red_x), 0.6);
--flashing-background: rgba(var(--neutral-red_x), 0.3);
--code-normal: var(--bright-blue);
--code-background: var(--dark1);
--mermaid-note: var(--neutral-blue);
--mermaid-actor: var(--dark2);
--mermaid-loopline: var(--neutral-blue);
--mermaid-exclude: var(--dark4);
--mermaid-seqnum: var(--dark0);
--icon-color-hover: var(--bright-red);
--icon-color-focused: var(--bright-blue);
--nav-item-color-hover: var(--bright-red);
--nav-item-color-active: var(--bright-aqua);
--nav-file-tag: rgba(var(--neutral-yellow_x), 0.9);
--graph-line: var(--dark2);
--graph-node: var(--light3);
--graph-node-tag: var(--neutral-red);
--graph-node-attachment: var(--neutral-green);
--calendar-hover: var(--bright-red);
--calendar-background-hover: var(--dark1);
--calendar-week: var(--neutral-orange);
--calendar-today: var(--neutral-orange);
--dataview-key: var(--text-faint);
--dataview-key-background: rgba(var(--faded-red_x), 0.5);
--dataview-value: var(--text-faint);
--dataview-value-background: rgba(var(--neutral-green_x), 0.3);
--tab-text-color-focused-active: var(--neutral-yellow);
--tab-text-color-focused-active-current: var(--bright-red);
}
.theme-light
{
--color-red-rgb: var(--neutral-red_x);
--color-red: var(--neutral-red);
--color-purple-rgb: var(--neutral-purple_x);
--color-purple: var(--neutral-purple);
--color-green-rgb: var(--neutral-green_x);
--color-green: var(--neutral-green);
--color-cyan-rgb: var(--neutral-blue_x);
--color-cyan: var(--neutral-blue);
--color-blue-rgb: var(--faded-blue_x);
--color-blue: var(--faded-blue);
--color-yellow-rgb: var(--neutral-yellow_x);
--color-yellow: var(--neutral-yellow);
--color-orange-rgb: var(--neutral-orange_x);
--color-orange: var(--neutral-orange);
--color-pink-rgb: var(--bright-purple_x);
--color-pink: var(--bright-purple);
--background-primary: var(--light0-hard);
--background-primary-alt: var(--light0-hard);
--background-secondary: var(--light1);
--background-secondary-alt: var(--light1);
--background-modifier-border: var(--light2);
--cursor-line-background: rgba(var(--light1_x), 0.5);
--text-normal: var(--dark0);
--text-faint: var(--dark3);
--text-muted: var(--dark2);
--link-url: var(--neutral-green);
--h1-color: var(--neutral-red);
--h2-color: var(--neutral-yellow);
--h3-color: var(--neutral-green);
--h4-color: var(--neutral-aqua);
--h5-color: var(--neutral-blue);
--h6-color: var(--neutral-purple);
--text-highlight-bg: var(--bright-yellow);
--text-highlight-fg: var(--dark0);
--text-accent: var(--neutral-orange);
--text-accent-hover: var(--bright-aqua);
--tag-color: var(--neutral-aqua);
--tag-background: var(--light1);
--tag-background-hover: rgba(var(--light1_x), 0.6);
--titlebar-text-color-focused: var(--bright-red);
--inline-title-color: var(--bright-yellow);
--bold-color: var(--neutral-yellow);
--italic-color: var(--neutral-yellow);
--checkbox-color: var(--light4);
--checkbox-color-hover: var(--light4);
--checkbox-border-color: var(--light4);
--checkbox-border-color-hover: var(--light4);
--checklist-done-color: rgba(var(--dark2_x), 0.4);
--table-header-background: rgba(var(--light3_x), 0.4);
--table-header-background-hover: var(--light2);
--table-row-even-background: rgba(var(--light1_x), 0.2);
--table-row-odd-background: rgba(var(--light1_x), 0.7);
--table-row-background-hover: var(--light2);
--text-selection: rgba(var(--neutral-red_x), 0.6);
--flashing-background: rgba(var(--neutral-red_x), 0.3);
--code-normal: var(--bright-blue);
--code-background: var(--light1);
--mermaid-note: var(--bright-blue);
--mermaid-actor: var(--light3);
--mermaid-loopline: var(--neutral-blue);
--mermaid-exclude: var(--light2);
--mermaid-seqnum: var(--light0);
--icon-color-hover: var(--bright-red);
--icon-color-focused: var(--bright-blue);
--nav-item-color-hover: var(--bright-red);
--nav-item-color-active: var(--neutral-blue);
--nav-file-tag: rgba(var(--neutral-blue_x), 0.9);
--graph-line: var(--light1);
--graph-node: var(--gray);
--graph-node-tag: var(--neutral-red);
--graph-node-attachment: var(--bright-green);
--calendar-hover: var(--bright-red);
--calendar-background-hover: var(--light1);
--calendar-week: var(--bright-red);
--calendar-today: var(--bright-red);
--dataview-key: var(--text-faint);
--dataview-key-background: rgba(var(--faded-red_x), 0.3);
--dataview-value: var(--text-faint);
--dataview-value-background: rgba(var(--neutral-green_x), 0.2);
--tab-text-color-focused-active: var(--neutral-yellow);
--tab-text-color-focused-active-current: var(--bright-red);
}
table
{
border: 1px solid var(--background-secondary) !important;
border-collapse: collapse;
}
thead
{
border-bottom: 2px solid var(--background-modifier-border) !important;
}
th
{
font-weight: 600 !important;
border: 1px solid var(--background-secondary) !important;
}
td
{
border-left: 1px solid var(--background-secondary) !important;
border-right: 1px solid var(--background-secondary) !important;
border-bottom: 1px solid var(--background-secondary) !important;
}
.markdown-rendered tbody tr:nth-child(even)
{
background-color: var(--table-row-even-background) !important;
}
.markdown-rendered tbody tr:nth-child(odd)
{
background-color: var(--table-row-odd-background) !important;
}
.markdown-rendered tbody tr:nth-child(even):hover,
.markdown-rendered tbody tr:nth-child(odd):hover
{
background-color: var(--table-row-background-hover) !important;
}
.markdown-rendered mark
{
background-color: var(--text-highlight-bg);
color: var(--text-highlight-fg);
}
.markdown-rendered mark a
{
color: var(--red) !important;
font-weight: 600;
}
.search-result-file-matched-text
{
color: var(--text-highlight-fg) !important;
}
.cm-hashtag-begin:hover, .cm-hashtag-end:hover
{
color: var(--text-accent);
/* background-color: var(--tag-background-hover); */
text-decoration: underline;
}
input[type=checkbox]
{
border: 1px solid var(--checkbox-color);
}
input[type=checkbox]:checked
{
background-color: var(--checkbox-color);
box-shadow: inset 0 0 0 2px var(--background-primary);
}
input[type=checkbox]:checked:after
{
display: none;
}
code[class*="language-"],
pre[class*="language-"]
{
line-height: var(--line-height-tight) !important;
}
.cm-url
{
color: var(--link-url) !important;
}
.cm-url:hover
{
color: var(--text-accent-color) !important;
}
/* Keep highlight/marks the same between viewer and editor. */
.cm-highlight
{
color: var(--text-highlight-fg) !important;
}
/* Keep inline code the same between viewer and editor. */
.cm-inline-code
{
border-radius: var(--radius-s);
font-size: var(--code-size);
padding: 0.1em 0.25em;
}
.cm-line .cm-strong
{
color: var(--bold-color) !important;
}
/*
* Keep list bullet padding the same between viewer and editor.
* This is annoying with the cursor in the editor as there is a gap.
*/
/*
.cm-formatting-list
{
padding-right: 4px !important;
}
*/
/*
* Keep sub-list indenting the same between viewer and editor.
* This assumes --list-indent is default at 2em.
*/
/*
.cm-indent
{
text-indent: 1em !important;
}
*/
.mermaid .note
{
fill: var(--mermaid-note) !important;
}
.mermaid .actor
{
fill: var(--mermaid-actor) !important;
}
.mermaid .loopLine
{
stroke: var(--mermaid-loopline) !important;
}
.mermaid .loopText>tspan,
.mermaid .entityLabel
{
fill: var(--neutral-red) !important;
}
.mermaid .exclude-range
{
fill: var(--mermaid-exclude) !important;
}
.mermaid .sequenceNumber
{
fill: var(--mermaid-seqnum) !important;
}
.calendar .week-num
{
color: var(--calendar-week) !important;
}
.calendar .today
{
color: var(--calendar-today) !important;
}
.calendar .week-num:hover,
.calendar .day:hover
{
color: var(--calendar-hover) !important;
background-color: var(--calendar-background-hover) !important;
}
.markdown-embed-title
{
color: var(--yellow);
font-weight: 600 !important;
}
.cm-active
{
background-color: var(--cursor-line-background) !important;
}
.nav-file-tag
{
color: var(--nav-file-tag) !important;
}
.is-flashing
{
background-color: var(--flashing-background) !important;
}
.dataview.inline-field-key
{
border-top-left-radius: var(--radius-s);
border-bottom-left-radius: var(--radius-s);
padding-left: 4px;
font-family: var(--font-monospace);
font-size: var(--font-smaller);
color: var(--dataview-key) !important;
background-color: var(--dataview-key-background) !important;
}
.dataview.inline-field-value
{
border-top-right-radius: var(--radius-s);
border-bottom-right-radius: var(--radius-s);
padding-right: 4px;
font-family: var(--font-monospace);
font-size: var(--font-smaller);
color: var(--dataview-value) !important;
background-color: var(--dataview-value-background) !important;
}
.suggestion-highlight
{
color: var(--bright-red);
}
body {
--callout-border-width: 1px;
--callout-border-opacity: 0.4;
/* Order as defined in app.css */
--callout-default: var(--neutral-blue_x);
--callout-note: var(--neutral-blue_x);
--callout-summary: var(--neutral-aqua_x);
--callout-info: var(--neutral-blue_x);
--callout-todo: var(--neutral-blue_x);
--callout-important: var(--neutral-aqua_x);
--callout-tip: var(--neutral-aqua_x);
--callout-success: var(--neutral-green_x);
--callout-question: var(--neutral-yellow_x);
--callout-warning: var(--neutral-orange_x);
--callout-fail: var(--neutral-red_x);
--callout-error: var(--neutral-red_x);
--callout-bug: var(--neutral-red_x);
--callout-example: var(--neutral-purple_x);
--callout-quote: var(--gray_x);
}
.callout {
background-color: rgba(var(--callout-color), 0.2);
}

7
.obsidian/themes/Wasp/manifest.json vendored Normal file
View File

@@ -0,0 +1,7 @@
{
"name": "Wasp",
"version": "1.0.7",
"minAppVersion": "1.0.0",
"author": "Santi Younger",
"authorUrl": "https://santiyounger.com/"
}

414
.obsidian/themes/Wasp/theme.css vendored Normal file
View File

@@ -0,0 +1,414 @@
/* Wasp — Obsidian theme by Santi Younger */
/* Shared (both color schemes) — per Obsidian "Build a theme" guidance */
body {
--font-monospace: "Source Code Pro", monospace;
/* Heading scale (reading + live preview) — matches Obsidian defaults */
--h1-size: 1.802em;
--h2-size: 1.556em;
--h3-size: 1.344em;
--h4-size: 1.167em;
--h5-size: 1.067em;
--h6-size: 1em;
--h1-weight: 700;
--h2-weight: 600;
--h3-weight: 600;
--h4-weight: 600;
--h5-weight: 600;
--h6-weight: 600;
}
/* ── Dark palette ─────────────────────────────────────────────────────────── */
.theme-dark {
/* Base scale — required for community palette contrast checks (WCAG 4.5:1 on base-10) */
--color-base-00: #191919;
--color-base-05: #1f1f1f;
--color-base-10: #242424;
--color-base-20: #2a2a2a;
--color-base-25: #323232;
--color-base-30: #3d3d3d;
--color-base-35: #4a4a44;
--color-base-40: #5c5c54;
--color-base-50: #9a9284;
--color-base-60: #bdae93;
--color-base-70: #d4c9a8;
--color-base-100: #faf2d6;
--background-primary: var(--color-base-10);
--background-primary-alt: var(--color-base-10);
--background-secondary: var(--color-base-00);
--background-secondary-alt: var(--color-base-30);
--background-modifier-border: #f8c537;
--background-modifier-hover: rgba(255, 255, 255, 0.06);
--text-normal: #faf2d6;
--text-faint: #bdae93;
--text-muted: #bdae93;
--h1-color: #f8c537;
--h2-color: #E8D49A;
--h3-color: #D49335;
--h4-color: #E0E0E0;
--h5-color: #C9BEA8;
--h6-color: #bdae93;
--text-title-h1: var(--h1-color);
--text-title-h2: var(--h2-color);
--text-title-h3: var(--h3-color);
--text-title-h4: var(--h4-color);
--text-title-h5: var(--h5-color);
--text-title-h6: var(--h6-color);
--text-highlight-bg: #640211;
--text-link: #83a598;
--text-a: #f8c537;
--text-a-hover: #83a598;
--text-accent: #f8c537;
--text-accent-hover: #D49335;
--text-on-accent: #1A2023;
--text-selection: #f8c537;
--inline-code: #83a598;
--code-block: #83a598;
--pre-code: #3D3D3D;
--interactive-accent: #f8c537;
--interactive-accent-rgb: 248, 197, 55;
--interactive-before: #9a9284;
--vim-cursor: #f8c537;
/* Graph view */
--graph-node: rgb(var(--interactive-accent-rgb));
--graph-line: rgb(var(--interactive-accent-rgb));
--graph-node-focused: rgb(var(--interactive-accent-rgb));
--graph-text: var(--text-normal);
--callout-title-color: var(--text-normal);
/* File tree — hover subtle; active = darker amber + white text (not bright gold) */
--wasp-nav-active-background: #7A5C14;
--nav-item-background-hover: var(--background-modifier-hover);
--nav-item-background-active: var(--wasp-nav-active-background);
--nav-item-color-hover: var(--text-normal);
--nav-item-color-active: #ffffff;
--nav-collapse-icon-color: var(--text-faint);
--nav-collapse-icon-color-collapsed: var(--text-faint);
/* Wasp-specific UI (settings buttons, etc.) */
--button-bg-color: #D49335;
--button-text-color: #242424;
--button-hover-bg-color: #DAA520;
--button-hover-text-color: #1A2023;
--text-sub-accent: var(--text-accent);
}
/* ── Light palette ────────────────────────────────────────────────────────── */
.theme-light {
/* Base scale — required for community palette contrast checks (WCAG 4.5:1 on base-10) */
--color-base-00: #faf6f0;
--color-base-05: #fffcf7;
--color-base-10: #faf6f0;
--color-base-20: #e8dfd0;
--color-base-25: #ddd4c4;
--color-base-30: #c9b8a8;
--color-base-35: #b0a090;
--color-base-40: #968878;
--color-base-50: #7a6f5f;
--color-base-60: #6b5e4f;
--color-base-70: #5c5044;
--color-base-100: #2c2419;
--background-primary: var(--color-base-10);
--background-primary-alt: var(--color-base-05);
--background-secondary: var(--color-base-20);
--background-secondary-alt: var(--color-base-30);
--background-modifier-border: #C87628;
--background-modifier-hover: rgba(120, 72, 24, 0.08);
--text-normal: #2C2419;
--text-faint: #6B5E4F;
--text-muted: #5C5044;
--h1-color: #9A4E12;
--h2-color: #924e14;
--h3-color: #8f5514;
--h4-color: #8F4F14;
--h5-color: #7A4310;
--h6-color: #6B3A0E;
--text-title-h1: var(--h1-color);
--text-title-h2: var(--h2-color);
--text-title-h3: var(--h3-color);
--text-title-h4: var(--h4-color);
--text-title-h5: var(--h5-color);
--text-title-h6: var(--h6-color);
--text-link: #9b4218;
--text-a: #9B3A1A;
--text-a-hover: #9b4218;
--text-accent: #9B3A1A;
--text-accent-hover: #9b4218;
--text-on-accent: #1F1A14;
--text-selection: #E4C07A;
--text-highlight-bg: #F0E0B8;
--text-white: #FFFCF7;
--inline-code: #3D6B5C;
--pre-code: #EDE6DA;
--interactive-accent: #D4922A;
--interactive-accent-rgb: 212, 146, 42;
--interactive-before: #6b5e4f;
--vim-cursor: #9B3A1A;
--graph-node: rgb(var(--interactive-accent-rgb));
--graph-line: rgb(var(--interactive-accent-rgb));
--graph-node-focused: rgb(var(--interactive-accent-rgb));
--graph-text: var(--text-normal);
--callout-title-color: var(--text-normal);
--nav-item-background-hover: var(--background-modifier-hover);
--nav-item-background-active: var(--background-modifier-border);
--nav-item-color-hover: var(--text-normal);
--nav-item-color-active: var(--text-on-accent);
/* Workspace tabs — clear bar vs active pane */
--tab-container-background: #E8DFD0;
--tab-background-active: var(--background-primary);
--tab-text-color: #5C5044;
--tab-text-color-active: #1F1A14;
--tab-text-color-focused: #5C5044;
--tab-text-color-focused-active: #1F1A14;
--tab-text-color-focused-highlighted: #1F1A14;
--tab-text-color-focused-active-current: #1F1A14;
--tab-divider-color: #C9B8A8;
--tab-outline-color: #C87628;
--tab-font-weight: 500;
--tab-font-weight-active: 600;
--list-marker-color: var(--text-muted);
--indentation-guide-color: #6b5e4f;
--button-bg-color: #C87628;
--button-text-color: #1F1A14;
--button-hover-bg-color: #A85C18;
--button-hover-text-color: #FFFCF7;
--text-sub-accent: var(--text-accent);
}
/* Dark: active file row — ensure white label/icons on darker amber bar */
.theme-dark .tree-item-self.nav-file-title.is-active,
.theme-dark .tree-item-self.nav-folder-title.is-active {
--icon-color: var(--nav-item-color-active);
}
.theme-dark .tree-item-self.nav-file-title.is-active .tree-item-inner,
.theme-dark .tree-item-self.nav-folder-title.is-active .tree-item-inner,
.theme-dark .tree-item-self.nav-file-title.is-active .nav-file-title-content,
.theme-dark .tree-item-self.nav-folder-title.is-active .nav-folder-title-content,
.theme-dark .tree-item-self.nav-file-title.is-active .svg-icon,
.theme-dark .tree-item-self.nav-folder-title.is-active .svg-icon,
.theme-dark .tree-item-self.nav-file-title.is-active svg,
.theme-dark .tree-item-self.nav-folder-title.is-active svg {
color: var(--nav-item-color-active);
stroke: var(--nav-item-color-active);
}
/* ── Dark: selection & search (gold highlight needs dark foreground) ───── */
.theme-dark .cm-s-obsidian span.obsidian-search-match-highlight {
color: var(--text-normal);
background-color: #483699;
}
.theme-dark ::selection,
.theme-dark .markdown-preview-view ::selection,
.theme-dark .markdown-rendered ::selection,
.theme-dark .markdown-source-view.mod-cm6 .cm-editor .cm-line ::selection,
.theme-dark .cm-editor .cm-line ::selection {
background-color: var(--text-selection);
color: var(--text-on-accent);
}
.theme-dark .markdown-source-view.mod-cm6 .cm-editor .cm-selectionBackground,
.theme-dark .markdown-source-view.mod-cm6 .cm-editor .cm-selectionMatchBackground,
.theme-dark .cm-editor .cm-selectionBackground,
.theme-dark .cm-editor .cm-selectionMatchBackground {
background-color: var(--text-selection);
}
.theme-dark .cm-editor .cm-selection {
color: var(--text-on-accent);
}
/* ── Light: selection, tabs, editor syntax ──────────────────────────────── */
.theme-light ::selection,
.theme-light .markdown-preview-view ::selection,
.theme-light .markdown-rendered ::selection,
.theme-light .markdown-source-view.mod-cm6 .cm-editor .cm-line ::selection,
.theme-light .cm-editor .cm-line ::selection {
background-color: var(--text-selection);
color: var(--text-on-accent);
}
.theme-light .markdown-source-view.mod-cm6 .cm-editor .cm-selectionBackground,
.theme-light .markdown-source-view.mod-cm6 .cm-editor .cm-selectionMatchBackground,
.theme-light .cm-editor .cm-selectionBackground,
.theme-light .cm-editor .cm-selectionMatchBackground {
background-color: var(--text-selection);
}
.theme-light .cm-editor .cm-selection {
color: var(--text-on-accent);
}
/* Light: workspace tab chrome (icons + titles follow tab variables) */
.theme-light .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-title,
.theme-light .workspace-tab-header:not(.is-active) .workspace-tab-header-inner-icon {
color: var(--tab-text-color);
opacity: 1;
}
.theme-light .workspace-tab-header.is-active .workspace-tab-header-inner-title,
.theme-light .workspace-tab-header.is-active .workspace-tab-header-inner-icon,
.theme-light .workspace-tab-header.is-active .workspace-tab-header-status-icon {
color: var(--tab-text-color-focused-active);
}
.theme-light .workspace-tab-header.is-active .svg-icon,
.theme-light .workspace-tab-header.is-active svg {
color: var(--tab-text-color-focused-active);
stroke: var(--tab-text-color-focused-active);
}
/* Light: faint editor markers — quotes/callouts only (not bold/italic) */
.theme-light .cm-s-obsidian span.cm-formatting-quote,
.theme-light .cm-s-obsidian span.cm-hmd-callout,
.theme-light .cm-s-obsidian span.cm-quote,
.theme-light .cm-s-obsidian .cm-line:not(.cm-active) span.cm-formatting-quote,
.theme-light .cm-s-obsidian .cm-line:not(.cm-active) span.cm-hmd-callout,
.theme-light .cm-s-obsidian .cm-line:not(.cm-active) span.cm-quote {
color: var(--text-muted);
opacity: 1;
}
/* Headings: sizes/weights on body, colors on .theme-* — Obsidian applies them in reading + edit (#10) */
/* Graph view highlights (WebGL bridge) */
.theme-dark .graph-view.color-circle,
.theme-dark .graph-view.color-fill-highlight,
.theme-dark .graph-view.color-line-highlight,
.theme-light .graph-view.color-circle,
.theme-light .graph-view.color-fill-highlight,
.theme-light .graph-view.color-line-highlight {
color: rgb(var(--interactive-accent-rgb));
}
/* ── Misc editor / UI ───────────────────────────────────────────────────── */
.cm-s-obsidian span.cm-formatting-link {
color: var(--text-normal);
}
body .markdown-source-view .CodeMirror-guttermarker-subtle {
color: var(--text-normal);
}
.theme-light .vertical-tab-header-group-title {
color: var(--text-white);
}
/*-----------------------------------------*/
/* End of main theme, extra functionality can be added below */
.markdown-source-view {
font-family: var(--font-monospace);
}
body .cm-fat-cursor .CodeMirror-cursor {
background-color: var(--vim-cursor);
opacity: 0.8;
width: 9px;
visibility: visible;
}
button.mod-cta {
background-color: var(--button-bg-color);
color: var(--button-text-color);
font-weight: 600;
}
button.mod-cta:hover,
button.mod-cta:focus {
background-color: var(--button-hover-bg-color);
color: var(--button-text-color);
font-weight: 600;
}
.vertical-tab-nav-item.is-active {
background-color: var(--button-bg-color);
color: var(--button-text-color);
font-weight: 600;
}
.vertical-tab-nav-item.is-active:hover,
.vertical-tab-nav-item.is-active:focus {
background-color: var(--button-hover-bg-color);
color: var(--button-text-color);
font-weight: 600;
}
body:not(.is-phone) .vertical-tab-nav-item.is-active {
--background-modifier-hover: var(--button-hover-bg-color);
--icon-color: var(--button-text-color);
background-color: var(--button-bg-color);
color: var(--button-text-color);
font-weight: 600;
}
body:not(.is-phone) .vertical-tab-nav-item.is-active:hover,
body:not(.is-phone) .vertical-tab-nav-item.is-active:focus {
background-color: var(--button-hover-bg-color);
color: var(--button-text-color);
font-weight: 600;
}
.checkbox-container.is-enabled {
background-color: var(--button-bg-color);
color: var(--button-text-color);
}
.checkbox-container.is-enabled:hover,
.checkbox-container.is-enabled:focus {
background-color: var(--button-hover-bg-color);
color: var(--button-text-color);
}
.flair.mod-pop {
background-color: var(--button-bg-color);
color: var(--button-text-color);
}
.flair.mod-pop:hover,
.flair.mod-pop:focus {
background-color: var(--button-hover-bg-color);
color: var(--button-text-color);
}
/** hr styles — PREVIEW MODE */
.cm-line hr,
.markdown-preview-view hr {
margin-block-start: 4em;
margin-block-end: 4em;
border: none;
height: 0;
border-bottom: 1px solid;
border-image-slice: 1;
border-width: 1px;
border-image-source: linear-gradient(to right, transparent, var(--text-accent), transparent);
}
.cm-line hr::after,
.markdown-preview-view hr::after {
display: inline-block;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
transform-origin: 50% 50%;
padding: 0.5rem;
color: var(--text-sub-accent);
background-color: var(--background-primary);
}