pi-web-ui 0.91.0 → 0.93.0

package/themes/catppuccin.css

@@ -0,0 +1,144 @@
+/* theme-name: Catppuccin */
+/* theme-name-en: Catppuccin Mocha */
+/* theme-group: classic */
+:root {
+	color-scheme: dark;
+	--bg: #1e1e2e;
+	--bg-elev: #24273a;
+	--bg-elev2: #313244;
+	--border: #45475a;
+	--border-soft: #363a4f;
+	--text: #cdd6f4;
+	--text-dim: #a6adc8;
+	--text-faint: #6c7086;
+	--accent: #89b4fa;
+	--accent-soft: rgba(137, 180, 250, 0.14);
+	--green: #a6e3a1;
+	--green-soft: rgba(166, 227, 161, 0.12);
+	--red: #f38ba8;
+	--red-soft: rgba(243, 139, 168, 0.12);
+	--amber: #f9e2af;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
+	--term-bg: #181825;
+	--term-fg: #cdd6f4;
+	--term-cursor: #f5e0dc;
+	--term-cursor-accent: #181825;
+	--term-selection: rgba(88, 91, 112, 0.4);
+	--term-black: #45475a;
+	--term-red: #f38ba8;
+	--term-green: #a6e3a1;
+	--term-yellow: #f9e2af;
+	--term-blue: #89b4fa;
+	--term-magenta: #cba6f7;
+	--term-cyan: #89dceb;
+	--term-white: #bac2de;
+	--term-bright-black: #585b70;
+	--term-bright-red: #f38ba8;
+	--term-bright-green: #a6e3a1;
+	--term-bright-yellow: #f9e2af;
+	--term-bright-blue: #89b4fa;
+	--term-bright-magenta: #cba6f7;
+	--term-bright-cyan: #89dceb;
+	--term-bright-white: #a6adc8;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #313244;
+	--code-bg: #181825;
+	--code-text: #cdd6f4;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #f38ba8;
+	--red-text: #f38ba8;
+	--amber-text: #f9e2af;
+	--info-blue: #89dceb;
+	--link: #89b4fa;
+	--link-hover: #b4befe;
+	--link-soft: #89b4fa;
+	--md-strong: #cdd6f4;
+	--skill-blue: #89b4fa;
+	--plugin-purple: #b58cff;
+	--auth-green: #a6e3a1;
+	--scroll-thumb: #45475a;
+	--scroll-thumb-hover: #585b70;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #89b4fa;
+	--send-blue-hover: #b4befe;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
+	--brand-grad-a: #89b4fa;
+	--brand-grad-b: #cba6f7;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #a6adc8;
+	--control-bg: #313244;
+	--control-border: #45475a;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #24273a;
+	--statusbar-bg: #181825;
+	--panel-bg: #24273a;
+	--card-bg: #24273a;
+	--chip-bg: #313244;
+	--msgs-bg: #1e1e2e;
+	--inputbox-bg: #313244;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Catppuccin Mocha) ---- */
+.hljs {
+	color: #cdd6f4;
+	background: #181825;
+}
+.hljs-doctag,
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #cba6f7;
+}
+.hljs-title,
+.hljs-title.class_,
+.hljs-title.function_ {
+	color: #89b4fa;
+}
+.hljs-attr,
+.hljs-attribute,
+.hljs-literal,
+.hljs-number {
+	color: #fab387;
+}
+.hljs-string,
+.hljs-regexp {
+	color: #a6e3a1;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #f9e2af;
+}
+.hljs-comment,
+.hljs-code {
+	color: #6c7086;
+}
+.hljs-tag,
+.hljs-name {
+	color: #89dceb;
+}

package/themes/codex.css

@@ -0,0 +1,136 @@
+/* theme-name: Codex 清白 */
+/* theme-name-en: Codex Pure */
+/* theme-group: classic */
+:root {
+	color-scheme: light;
+	--bg: #ffffff;
+	--bg-elev: #f7f7f8;
+	--bg-elev2: #f0f0f2;
+	--border: #e5e5e5;
+	--border-soft: #ececf1;
+	--text: #0d0d0d;
+	--text-dim: #5d5d5d;
+	--text-faint: #6b6b7b;
+	--accent: #10a37f;
+	--accent-soft: rgba(16, 163, 127, 0.12);
+	--green: #10a37f;
+	--green-soft: rgba(16, 163, 127, 0.12);
+	--red: #ef4444;
+	--red-soft: rgba(239, 68, 68, 0.1);
+	--amber: #f59e0b;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
+	--term-bg: #f9f9fb;
+	--term-fg: #0d0d0d;
+	--term-cursor: #10a37f;
+	--term-cursor-accent: #ffffff;
+	--term-selection: rgba(16, 163, 127, 0.22);
+	--term-black: #0d0d0d;
+	--term-red: #ef4444;
+	--term-green: #10a37f;
+	--term-yellow: #f59e0b;
+	--term-blue: #2563eb;
+	--term-magenta: #8b5cf6;
+	--term-cyan: #06b6d4;
+	--term-white: #f7f7f8;
+	--term-bright-black: #5d5d5d;
+	--term-bright-red: #dc2626;
+	--term-bright-green: #059669;
+	--term-bright-yellow: #d97706;
+	--term-bright-blue: #1d4ed8;
+	--term-bright-magenta: #7c3aed;
+	--term-bright-cyan: #0891b2;
+	--term-bright-white: #ffffff;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #ffffff;
+	--code-bg: #f4f4f5;
+	--code-text: #18181b;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #ef4444;
+	--red-text: #ef4444;
+	--amber-text: #d97706;
+	--info-blue: #2563eb;
+	--link: #10a37f;
+	--link-hover: #0e8c6d;
+	--link-soft: #10a37f;
+	--md-strong: #000000;
+	--skill-blue: #10a37f;
+	--plugin-purple: #b58cff;
+	--auth-green: #10a37f;
+	--scroll-thumb: #d4d4d8;
+	--scroll-thumb-hover: #a1a1aa;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #10a37f;
+	--send-blue-hover: #0e8c6d;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
+	--brand-grad-a: #10a37f;
+	--brand-grad-b: #1a7f64;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #52525b;
+	--control-bg: #f4f4f5;
+	--control-border: #e4e4e7;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #ffffff;
+	--statusbar-bg: #f7f7f8;
+	--panel-bg: #ffffff;
+	--card-bg: #ffffff;
+	--chip-bg: #f4f4f5;
+	--msgs-bg: #ffffff;
+	--inputbox-bg: #f4f4f5;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Codex Light) ---- */
+.hljs {
+	color: #18181b;
+	background: #f4f4f5;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #cf222e;
+	font-weight: 600;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #8250df;
+}
+.hljs-number,
+.hljs-literal {
+	color: #0550ae;
+}
+.hljs-string {
+	color: #0a3069;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #953800;
+}
+.hljs-comment {
+	color: #6e7781;
+	font-style: italic;
+}

package/themes/cyberpunk.css

@@ -17,6 +17,8 @@
 	--red: #ff006e;
 	--red-soft: rgba(255, 0, 110, 0.12);
 	--amber: #ffd700;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
 	--term-bg: #0a0a0f;
 	--term-fg: #e6e6ff;
 	--term-cursor: #00d4ff;
@@ -67,6 +69,8 @@
 	--notice-info-border: #3b82f6;
 	--send-blue: #00d4ff;
 	--send-blue-hover: #00b8d4;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
 	--brand-grad-a: #00d4ff;
 	--brand-grad-b: #ff006e;
 	--on-amber: #1a1a1a;

package/themes/dazzle.css

@@ -17,6 +17,8 @@
 	--red: #f43f5e;
 	--red-soft: rgba(244, 63, 94, 0.12);
 	--amber: #f59e0b;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
 	--term-bg: #0b0b14;
 	--term-fg: #e8e8f0;
 	--term-cursor: #818cf8;
@@ -67,6 +69,8 @@
 	--notice-info-border: #3b82f6;
 	--send-blue: #818cf8;
 	--send-blue-hover: #6366f1;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
 	--brand-grad-a: #818cf8;
 	--brand-grad-b: #c084fc;
 	--on-amber: #1a1a1a;

package/themes/everforest-light.css

@@ -0,0 +1,136 @@
+/* theme-name: 森野浅绿 */
+/* theme-name-en: Everforest Light */
+/* theme-group: classic */
+:root {
+	color-scheme: light;
+	--bg: #fdf6e3;
+	--bg-elev: #f4f0d9;
+	--bg-elev2: #efebd4;
+	--border: #e6e2cc;
+	--border-soft: #efebd4;
+	--text: #5c6a72;
+	--text-dim: #687361;
+	--text-faint: #6a7365;
+	--accent: #3a94c5;
+	--accent-soft: rgba(58, 148, 197, 0.14);
+	--green: #8da101;
+	--green-soft: rgba(141, 161, 1, 0.12);
+	--red: #f85552;
+	--red-soft: rgba(248, 85, 82, 0.1);
+	--amber: #dfa000;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
+	--term-bg: #fdf6e3;
+	--term-fg: #5c6a72;
+	--term-cursor: #3a94c5;
+	--term-cursor-accent: #fdf6e3;
+	--term-selection: rgba(58, 148, 197, 0.24);
+	--term-black: #5c6a72;
+	--term-red: #f85552;
+	--term-green: #8da101;
+	--term-yellow: #dfa000;
+	--term-blue: #3a94c5;
+	--term-magenta: #df69ba;
+	--term-cyan: #35a77c;
+	--term-white: #f4f0d9;
+	--term-bright-black: #7a8478;
+	--term-bright-red: #f85552;
+	--term-bright-green: #8da101;
+	--term-bright-yellow: #dfa000;
+	--term-bright-blue: #3a94c5;
+	--term-bright-magenta: #df69ba;
+	--term-bright-cyan: #35a77c;
+	--term-bright-white: #fdf6e3;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #f4f0d9;
+	--code-bg: #f4f0d9;
+	--code-text: #5c6a72;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #c14c45;
+	--red-text: #c14c45;
+	--amber-text: #a97b00;
+	--info-blue: #3a94c5;
+	--link: #3a94c5;
+	--link-hover: #2e7aa6;
+	--link-soft: #3a94c5;
+	--md-strong: #4a5940;
+	--skill-blue: #3a94c5;
+	--plugin-purple: #b58cff;
+	--auth-green: #8da101;
+	--scroll-thumb: #d8d3bd;
+	--scroll-thumb-hover: #bdc3af;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #3a94c5;
+	--send-blue-hover: #2e7aa6;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
+	--brand-grad-a: #8da101;
+	--brand-grad-b: #3a94c5;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #7a8478;
+	--control-bg: #f4f0d9;
+	--control-border: #e6e2cc;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #f4f0d9;
+	--statusbar-bg: #fdf6e3;
+	--panel-bg: #f4f0d9;
+	--card-bg: #f4f0d9;
+	--chip-bg: #efebd4;
+	--msgs-bg: #fdf6e3;
+	--inputbox-bg: #efebd4;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Everforest Light) ---- */
+.hljs {
+	color: #5c6a72;
+	background: #f4f0d9;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #c14c45;
+	font-weight: 600;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #3a94c5;
+}
+.hljs-number,
+.hljs-literal {
+	color: #df69ba;
+}
+.hljs-string {
+	color: #8da101;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #a97b00;
+}
+.hljs-comment {
+	color: #6d7768;
+	font-style: italic;
+}

package/themes/geist.css

@@ -0,0 +1,136 @@
+/* theme-name: 极客雪白 */
+/* theme-name-en: Geist Light */
+/* theme-group: classic */
+:root {
+	color-scheme: light;
+	--bg: #ffffff;
+	--bg-elev: #fafafa;
+	--bg-elev2: #f4f4f5;
+	--border: #eaeaea;
+	--border-soft: #f2f2f2;
+	--text: #000000;
+	--text-dim: #666666;
+	--text-faint: #767676;
+	--accent: #0070f3;
+	--accent-soft: rgba(0, 112, 243, 0.12);
+	--green: #059669;
+	--green-soft: rgba(5, 150, 105, 0.12);
+	--red: #ee0000;
+	--red-soft: rgba(238, 0, 0, 0.1);
+	--amber: #f5a623;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
+	--term-bg: #fafafa;
+	--term-fg: #000000;
+	--term-cursor: #000000;
+	--term-cursor-accent: #ffffff;
+	--term-selection: rgba(0, 112, 243, 0.2);
+	--term-black: #000000;
+	--term-red: #ee0000;
+	--term-green: #059669;
+	--term-yellow: #f5a623;
+	--term-blue: #0070f3;
+	--term-magenta: #7928ca;
+	--term-cyan: #50e3c2;
+	--term-white: #fafafa;
+	--term-bright-black: #666666;
+	--term-bright-red: #ff0000;
+	--term-bright-green: #047857;
+	--term-bright-yellow: #f5a623;
+	--term-bright-blue: #0070f3;
+	--term-bright-magenta: #7928ca;
+	--term-bright-cyan: #50e3c2;
+	--term-bright-white: #ffffff;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #ffffff;
+	--code-bg: #f7f7f8;
+	--code-text: #111111;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #ee0000;
+	--red-text: #ee0000;
+	--amber-text: #f5a623;
+	--info-blue: #0070f3;
+	--link: #0070f3;
+	--link-hover: #0051b3;
+	--link-soft: #0070f3;
+	--md-strong: #000000;
+	--skill-blue: #0070f3;
+	--plugin-purple: #b58cff;
+	--auth-green: #059669;
+	--scroll-thumb: #d4d4d4;
+	--scroll-thumb-hover: #a3a3a3;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #000000;
+	--send-blue-hover: #333333;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
+	--brand-grad-a: #000000;
+	--brand-grad-b: #0070f3;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #444444;
+	--control-bg: #fafafa;
+	--control-border: #eaeaea;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #ffffff;
+	--statusbar-bg: #fafafa;
+	--panel-bg: #ffffff;
+	--card-bg: #ffffff;
+	--chip-bg: #f4f4f5;
+	--msgs-bg: #ffffff;
+	--inputbox-bg: #f4f4f5;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Geist Light) ---- */
+.hljs {
+	color: #111111;
+	background: #f7f7f8;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #e00000;
+	font-weight: 600;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #0070f3;
+}
+.hljs-number,
+.hljs-literal {
+	color: #7928ca;
+}
+.hljs-string {
+	color: #0284c7;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #f5a623;
+}
+.hljs-comment {
+	color: #888888;
+	font-style: italic;
+}

package/themes/gruvbox-light.css

@@ -0,0 +1,136 @@
+/* theme-name: 格鲁夫沙 */
+/* theme-name-en: Gruvbox Light */
+/* theme-group: classic */
+:root {
+	color-scheme: light;
+	--bg: #fbf1c7;
+	--bg-elev: #ebdbb2;
+	--bg-elev2: #d5c4a1;
+	--border: #d5c4a1;
+	--border-soft: #ebdbb2;
+	--text: #3c3836;
+	--text-dim: #504945;
+	--text-faint: #665c54;
+	--accent: #af3a03;
+	--accent-soft: rgba(175, 58, 3, 0.14);
+	--green: #79740e;
+	--green-soft: rgba(121, 116, 14, 0.12);
+	--red: #9d0006;
+	--red-soft: rgba(157, 0, 6, 0.1);
+	--amber: #b57614;
+	--blue: #3b82f6;
+	--blue-soft: rgba(59, 130, 246, 0.12);
+	--term-bg: #fbf1c7;
+	--term-fg: #3c3836;
+	--term-cursor: #af3a03;
+	--term-cursor-accent: #fbf1c7;
+	--term-selection: rgba(175, 58, 3, 0.24);
+	--term-black: #3c3836;
+	--term-red: #9d0006;
+	--term-green: #79740e;
+	--term-yellow: #b57614;
+	--term-blue: #076678;
+	--term-magenta: #8f3f71;
+	--term-cyan: #427b58;
+	--term-white: #ebdbb2;
+	--term-bright-black: #665c54;
+	--term-bright-red: #9d0006;
+	--term-bright-green: #79740e;
+	--term-bright-yellow: #b57614;
+	--term-bright-blue: #076678;
+	--term-bright-magenta: #8f3f71;
+	--term-bright-cyan: #427b58;
+	--term-bright-white: #fbf1c7;
+	--mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+	--mermaid-font-size: 12px;
+	--tooltip-bg: #ebdbb2;
+	--code-bg: #ebdbb2;
+	--code-text: #3c3836;
+	--code-border: var(--border-soft);
+	--code-pad: 8px 10px;
+	--card-body-pad: 4px 14px 12px;
+	--err-text: #9d0006;
+	--red-text: #9d0006;
+	--amber-text: #b57614;
+	--info-blue: #076678;
+	--link: #076678;
+	--link-hover: #055a68;
+	--link-soft: #076678;
+	--md-strong: #282828;
+	--skill-blue: #076678;
+	--plugin-purple: #b58cff;
+	--auth-green: #79740e;
+	--scroll-thumb: #d5c4a1;
+	--scroll-thumb-hover: #bdae93;
+	--notice-err-bg: #401d23;
+	--notice-warn-bg: #38251f;
+	--notice-info-bg: #1b2544;
+	--notice-err-border: #ef4444;
+	--notice-warn-border: #f59e0b;
+	--notice-info-border: #3b82f6;
+	--send-blue: #9d0006;
+	--send-blue-hover: #af3a03;
+	--stop-red: #ef4444;
+	--stop-red-hover: #dc2626;
+	--brand-grad-a: #af3a03;
+	--brand-grad-b: #b57614;
+	--on-amber: #1a1a1a;
+	--search-active-fg: #1a1d26;
+	--switch-knob: #ffffff;
+	--bg-elev3: rgba(255, 255, 255, 0.06);
+	--sunken-bg: rgba(0, 0, 0, 0.15);
+	--glow-015: rgba(255, 255, 255, 0.015);
+	--glow-025: rgba(255, 255, 255, 0.025);
+	--glow-03: rgba(255, 255, 255, 0.03);
+	--glow-04: rgba(255, 255, 255, 0.04);
+	--glow-05: rgba(255, 255, 255, 0.05);
+	--glow-12: rgba(255, 255, 255, 0.12);
+	--glow-18: rgba(255, 255, 255, 0.18);
+	--glow-22: rgba(255, 255, 255, 0.22);
+	--glow-38: rgba(255, 255, 255, 0.38);
+	--control-fg: #504945;
+	--control-bg: #ebdbb2;
+	--control-border: #d5c4a1;
+	--bg-image: none;
+	--bg-image-dim: 0.78;
+	--bg-image-blur: 0px;
+	--wallpaper-panel-alpha: 100%;
+	--topbar-bg: #ebdbb2;
+	--statusbar-bg: #fbf1c7;
+	--panel-bg: #ebdbb2;
+	--card-bg: #ebdbb2;
+	--chip-bg: #d5c4a1;
+	--msgs-bg: #fbf1c7;
+	--inputbox-bg: #d5c4a1;
+	--menu-bg: var(--bg-elev2);
+}
+
+/* ---- syntax highlighting (Gruvbox Light) ---- */
+.hljs {
+	color: #3c3836;
+	background: #ebdbb2;
+}
+.hljs-keyword,
+.hljs-meta .hljs-keyword {
+	color: #9d0006;
+	font-weight: 600;
+}
+.hljs-title,
+.hljs-title.function_ {
+	color: #076678;
+}
+.hljs-number,
+.hljs-literal {
+	color: #8f3f71;
+}
+.hljs-string {
+	color: #79740e;
+}
+.hljs-built_in,
+.hljs-type {
+	color: #b57614;
+}
+.hljs-comment {
+	color: #7f7360;
+	font-style: italic;
+}