dsh-cool-theme 0.1.0 → 0.3.0

package/lib/client.js

@@ -35,1132 +35,1131 @@ window.__ModuleLoader__.load({
 		const THEME_STORAGE_KEY = "cool-theme-preset";
 		const THEME_STORAGE_KEY_LEGACY = "cooltea-theme-preset";
 		//#endregion
-		//#region src/client/presets.ts
+		//#region src/client/presets/_helpers.ts
 		/**
-		* Theme presets: 12 popular color schemes, each with a light and a dark palette.
-		* Pure data + shared types only; token projection lives in tokens.ts.
+		* Helpers for preset color scale generation.
+		* Uses the same linear RGB interpolation as scripts/interpolate-colors.ts
 		*/
-		const PRESETS = {
-			nord: {
-				label: "Nord",
-				light: {
-					base: "#ffffff",
-					l1: "#eceff4",
-					l2: "#e5e9f0",
-					l3: "#d8dee9",
-					overlay: "#e5e9f0",
-					b1: "#d8dee9",
-					b2: "#b8c4d8",
-					brand: "#5e81ac",
-					lp: "#2e3440",
-					ls: "#4c566a",
-					err: "#bf616a",
-					ok: "#a3be8c",
-					warn: "#ebcb8b",
-					side: "#eceff4"
-				},
-				dark: {
-					base: "#242933",
-					l1: "#2e3440",
-					l2: "#3b4252",
-					l3: "#434c5e",
-					overlay: "#3b4252",
-					b1: "#434c5e",
-					b2: "#4c566a",
-					brand: "#88c0d0",
-					lp: "#eceff4",
-					ls: "#d8dee9",
-					err: "#bf616a",
-					ok: "#a3be8c",
-					warn: "#ebcb8b",
-					side: "#242933"
-				}
+		const BLUISH_STEPS = [
+			0,
+			50,
+			60,
+			75,
+			100,
+			150,
+			200,
+			300,
+			400,
+			500,
+			600,
+			700,
+			750,
+			800,
+			850,
+			875,
+			900,
+			950,
+			1e3
+		];
+		const NEUTRAL_STEPS = [
+			0,
+			50,
+			100,
+			150,
+			200,
+			250,
+			300,
+			400,
+			500,
+			550,
+			600,
+			700,
+			800,
+			850,
+			900,
+			1e3
+		];
+		/** Semantic steps — kept identical to original hand-picked presets for compatibility */
+		const DEEPSEEK_STEPS = [
+			50,
+			100,
+			200,
+			300,
+			400,
+			450,
+			500,
+			600,
+			800,
+			900
+		];
+		const BLUE_STEPS = [
+			50,
+			100,
+			300,
+			400,
+			450,
+			500,
+			600,
+			800,
+			900
+		];
+		const BLUE_EXTRA_STEPS = [
+			"50p",
+			"75",
+			"950"
+		];
+		const GREEN_STEPS = [
+			100,
+			400,
+			500,
+			900
+		];
+		const AMBER_STEPS = [
+			100,
+			400,
+			500,
+			600,
+			900
+		];
+		const RED_STEPS = [
+			50,
+			100,
+			400,
+			500,
+			600,
+			900
+		];
+		function hexToRgb(hex) {
+			const clean = hex.replace(/^#/, "");
+			if (clean.length !== 6) throw new Error(`Invalid hex color: ${hex}`);
+			return [
+				parseInt(clean.substring(0, 2), 16),
+				parseInt(clean.substring(2, 4), 16),
+				parseInt(clean.substring(4, 6), 16)
+			];
+		}
+		function rgbToHex(rgb) {
+			const [r, g, b] = rgb.map((v) => Math.round(v).toString(16).padStart(2, "0").toUpperCase());
+			return `#${r}${g}${b}`;
+		}
+		/**
+		* Linearly interpolate between two colors (RGB space, same as scripts/interpolate-colors.ts)
+		* @param colorStart color at scale 0, e.g. "#FAFAFA"
+		* @param colorEnd   color at scale 1000, e.g. "#0D1017"
+		* @param steps      array of scales to compute
+		* @returns map of scale -> hex color
+		*/
+		function interpolateColors(colorStart, colorEnd, steps) {
+			const start = hexToRgb(colorStart);
+			const end = hexToRgb(colorEnd);
+			const diffR = end[0] - start[0];
+			const diffG = end[1] - start[1];
+			const diffB = end[2] - start[2];
+			const result = {};
+			for (const step of steps) {
+				const t = step / 1e3;
+				let r = Math.round(start[0] + diffR * t);
+				let g = Math.round(start[1] + diffG * t);
+				let b = Math.round(start[2] + diffB * t);
+				r = Math.max(0, Math.min(255, r));
+				g = Math.max(0, Math.min(255, g));
+				b = Math.max(0, Math.min(255, b));
+				result[step] = rgbToHex([
+					r,
+					g,
+					b
+				]);
+			}
+			return result;
+		}
+		/**
+		* Build CSS variable map for a neutral scale
+		* e.g. prefix '--dsw-static-neutral-bluish', start '#FAFAFA', end '#0D1017'
+		* -> { '--dsw-static-neutral-bluish-00': '#FAFAFA', '--dsw-static-neutral-bluish-50': '...' }
+		*/
+		function buildScale(prefix, start, end, steps) {
+			const colors = interpolateColors(start, end, steps);
+			const map = {};
+			for (const step of steps) {
+				const key = step === 0 ? `${prefix}-00` : `${prefix}-${step}`;
+				map[key] = colors[step];
+			}
+			return map;
+		}
+		/** Mix two colors linearly in RGB. weight 0 -> colorA, 1 -> colorB */
+		function mix(colorA, colorB, weight) {
+			const a = hexToRgb(colorA);
+			const b = hexToRgb(colorB);
+			const w = Math.max(0, Math.min(1, weight));
+			return rgbToHex([
+				a[0] * (1 - w) + b[0] * w,
+				a[1] * (1 - w) + b[1] * w,
+				a[2] * (1 - w) + b[2] * w
+			]);
+		}
+		/**
+		* Semantic weight maps — tuned to approximate the original hand-picked palettes
+		* while staying deterministic. Light steps (<500) are tints (white -> base),
+		* dark steps (>500) are shades (base -> black). Values are intentionally
+		* shared across all presets for consistency; per-preset drift vs. hand-picked
+		* is typically <= 8 per channel.
+		*/
+		const DEEPSEEK_WEIGHTS = {
+			50: .08,
+			100: .15,
+			200: .32,
+			300: .52,
+			400: .78,
+			450: .88,
+			500: 1,
+			600: .82,
+			800: .55,
+			900: .35
+		};
+		const BLUE_WEIGHTS = {
+			50: .08,
+			100: .15,
+			300: .52,
+			400: .78,
+			450: .88,
+			500: 1,
+			600: .82,
+			800: .55,
+			900: .35
+		};
+		const BLUE_EXTRA_WEIGHTS = {
+			"50p": .1,
+			"75": .12,
+			"950": .25
+		};
+		const GREEN_WEIGHTS = {
+			100: .15,
+			400: .78,
+			500: 1,
+			900: .35
+		};
+		const AMBER_WEIGHTS = {
+			100: .15,
+			400: .78,
+			500: 1,
+			600: .82,
+			900: .35
+		};
+		const RED_WEIGHTS = {
+			50: .08,
+			100: .15,
+			400: .78,
+			500: 1,
+			600: .82,
+			900: .35
+		};
+		function buildTintShadeScale(prefix, base, steps, weights) {
+			const map = {};
+			for (const step of steps) {
+				const w = weights[step];
+				if (w === void 0) continue;
+				const color = step === 500 || step === "500" ? base.toUpperCase() : typeof step === "number" && step > 500 || step === "950" ? mix("#000000", base, w) : mix("#FFFFFF", base, w);
+				map[`${prefix}-${step}`] = color;
+			}
+			return map;
+		}
+		function buildDeepseekScale(base) {
+			return buildTintShadeScale("--dsw-static-deepseek", base, DEEPSEEK_STEPS, DEEPSEEK_WEIGHTS);
+		}
+		function buildBlueScale(base) {
+			const main = buildTintShadeScale("--dsw-static-blue", base, BLUE_STEPS, BLUE_WEIGHTS);
+			const extra = buildTintShadeScale("--dsw-static-blue", base, BLUE_EXTRA_STEPS, BLUE_EXTRA_WEIGHTS);
+			return {
+				...main,
+				...extra
+			};
+		}
+		function buildGreenScale(base) {
+			return buildTintShadeScale("--dsw-static-green", base, GREEN_STEPS, GREEN_WEIGHTS);
+		}
+		function buildAmberScale(base) {
+			return buildTintShadeScale("--dsw-static-amber", base, AMBER_STEPS, AMBER_WEIGHTS);
+		}
+		function buildRedScale(base) {
+			return buildTintShadeScale("--dsw-static-red", base, RED_STEPS, RED_WEIGHTS);
+		}
+		/** Convenience: build all semantic scales from 5 base colors (500 values) */
+		function buildSemanticScales(opts) {
+			return {
+				...buildDeepseekScale(opts.deepseek),
+				...buildBlueScale(opts.blue),
+				...buildGreenScale(opts.green),
+				...buildAmberScale(opts.amber),
+				...buildRedScale(opts.red),
+				"--dsw-static-deepseek-700-delete": mix("#000000", opts.deepseek, .7)
+			};
+		}
+		//#endregion
+		//#region src/client/presets/ayu.ts
+		const bluish$12 = buildScale("--dsw-static-neutral-bluish", "#FAFAFA", "#0D1017", BLUISH_STEPS);
+		const neutral$12 = buildScale("--dsw-static-neutral", "#FAFAFA", "#0F1419", NEUTRAL_STEPS);
+		const lightSemantic$12 = buildSemanticScales({
+			deepseek: "#4AA8C8",
+			blue: "#4AA8C8",
+			green: "#5FB978",
+			amber: "#EA9F41",
+			red: "#E6656A"
+		});
+		const darkSemantic$12 = buildSemanticScales({
+			deepseek: "#3FB7E3",
+			blue: "#3FB7E3",
+			green: "#78D05C",
+			amber: "#E4A75C",
+			red: "#F58572"
+		});
+		const ayu = {
+			label: "Ayu",
+			light: {
+				...bluish$12,
+				...neutral$12,
+				...lightSemantic$12,
+				"--shiki-token-constant": "#A37ACC",
+				"--shiki-token-string": "#6F8F00",
+				"--shiki-token-comment": "#6E7681",
+				"--shiki-token-keyword": "#C76A1A",
+				"--shiki-token-parameter": "#B87500",
+				"--shiki-token-function": "#227FC0",
+				"--shiki-token-string-expression": "#6F8F00",
+				"--shiki-token-punctuation": "#4F5964",
+				"--shiki-token-link": "#2F86B7"
 			},
-			onedark: {
-				label: "One Dark",
-				light: {
-					base: "#ffffff",
-					l1: "#f8f9fb",
-					l2: "#eef1f5",
-					l3: "#e4e8ef",
-					overlay: "#ffffff",
-					b1: "#e4e8ef",
-					b2: "#d1d7e0",
-					brand: "#4078f2",
-					lp: "#383a42",
-					ls: "#6c7086",
-					err: "#e45649",
-					ok: "#50a14f",
-					warn: "#c18401",
-					side: "#f8f9fb"
-				},
-				dark: {
-					base: "#1e2127",
-					l1: "#282c34",
-					l2: "#2c313a",
-					l3: "#353b48",
-					overlay: "#1d2026",
-					b1: "#3e4451",
-					b2: "#4b5263",
-					brand: "#61afef",
-					lp: "#abb2bf",
-					ls: "#7f848e",
-					err: "#e06c75",
-					ok: "#98c379",
-					warn: "#e5c07b",
-					side: "#1e2127"
-				}
+			dark: {
+				...bluish$12,
+				...neutral$12,
+				...darkSemantic$12,
+				"--shiki-token-constant": "#D2A6FF",
+				"--shiki-token-string": "#AAD94C",
+				"--shiki-token-comment": "#5A6673",
+				"--shiki-token-keyword": "#FF8F40",
+				"--shiki-token-parameter": "#FFB454",
+				"--shiki-token-function": "#59C2FF",
+				"--shiki-token-string-expression": "#AAD94C",
+				"--shiki-token-punctuation": "#D6DAE0",
+				"--shiki-token-link": "#39BAE6"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/catppuccin.ts
+		const bluish$11 = buildScale("--dsw-static-neutral-bluish", "#eff1f5", "#1e1e2e", BLUISH_STEPS);
+		const neutral$11 = buildScale("--dsw-static-neutral", "#eff1f5", "#1e1e2e", NEUTRAL_STEPS);
+		const lightSemantic$11 = buildSemanticScales({
+			deepseek: "#7287FD",
+			blue: "#7287FD",
+			green: "#40A02B",
+			amber: "#DF8E1D",
+			red: "#D20F39"
+		});
+		const darkSemantic$11 = buildSemanticScales({
+			deepseek: "#B4BEFE",
+			blue: "#B4BEFE",
+			green: "#A6D189",
+			amber: "#F4B8E4",
+			red: "#F38BA8"
+		});
+		const catppuccin = {
+			label: "Catppuccin",
+			light: {
+				...bluish$11,
+				...neutral$11,
+				...lightSemantic$11,
+				"--shiki-token-constant": "#CA6702",
+				"--shiki-token-string": "#40A02B",
+				"--shiki-token-comment": "#6C7086",
+				"--shiki-token-keyword": "#8839EF",
+				"--shiki-token-parameter": "#1E66F5",
+				"--shiki-token-function": "#7287FD",
+				"--shiki-token-string-expression": "#40A02B",
+				"--shiki-token-punctuation": "#5C5F77",
+				"--shiki-token-link": "#04A5E5"
 			},
-			github: {
-				label: "GitHub",
-				light: {
-					base: "#ffffff",
-					l1: "#f6f8fa",
-					l2: "#eef1f4",
-					l3: "#e6eaf0",
-					overlay: "#ffffff",
-					b1: "#d0d7de",
-					b2: "#b7c0cc",
-					brand: "#0969da",
-					lp: "#24292f",
-					ls: "#656d76",
-					err: "#cf222e",
-					ok: "#1a7f37",
-					warn: "#9a6700",
-					side: "#f6f8fa"
-				},
-				dark: {
-					base: "#010409",
-					l1: "#0d1117",
-					l2: "#161b22",
-					l3: "#21262d",
-					overlay: "#161b22",
-					b1: "#30363d",
-					b2: "#3d444d",
-					brand: "#58a6ff",
-					lp: "#e6edf3",
-					ls: "#9198a1",
-					err: "#f85149",
-					ok: "#3fb950",
-					warn: "#d29922",
-					side: "#010409"
-				}
+			dark: {
+				...bluish$11,
+				...neutral$11,
+				...darkSemantic$11,
+				"--shiki-token-constant": "#FAB387",
+				"--shiki-token-string": "#A6D189",
+				"--shiki-token-comment": "#6C7086",
+				"--shiki-token-keyword": "#CBA6F7",
+				"--shiki-token-parameter": "#89B4FA",
+				"--shiki-token-function": "#B4BEFE",
+				"--shiki-token-string-expression": "#A6D189",
+				"--shiki-token-punctuation": "#CDD6F4",
+				"--shiki-token-link": "#89DCEB"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/dracula.ts
+		const bluish$10 = buildScale("--dsw-static-neutral-bluish", "#FAFAFA", "#282a36", BLUISH_STEPS);
+		const neutral$10 = buildScale("--dsw-static-neutral", "#FAFAFA", "#282a36", NEUTRAL_STEPS);
+		const lightSemantic$10 = buildSemanticScales({
+			deepseek: "#7C3AED",
+			blue: "#7C3AED",
+			green: "#2A9D4A",
+			amber: "#B78100",
+			red: "#E63C3C"
+		});
+		const darkSemantic$10 = buildSemanticScales({
+			deepseek: "#BD93F9",
+			blue: "#BD93F9",
+			green: "#50FA7B",
+			amber: "#F1FA8C",
+			red: "#FF5555"
+		});
+		const dracula = {
+			label: "Dracula",
+			light: {
+				...bluish$10,
+				...neutral$10,
+				...lightSemantic$10,
+				"--shiki-token-constant": "#6A3FB5",
+				"--shiki-token-string": "#1A7A3A",
+				"--shiki-token-comment": "#6D7A9E",
+				"--shiki-token-keyword": "#A21CAF",
+				"--shiki-token-parameter": "#B45309",
+				"--shiki-token-function": "#7C3AED",
+				"--shiki-token-string-expression": "#1A7A3A",
+				"--shiki-token-punctuation": "#44475A",
+				"--shiki-token-link": "#7C3AED"
 			},
-			catppuccin: {
-				label: "Catppuccin",
-				light: {
-					base: "#ffffff",
-					l1: "#eff1f5",
-					l2: "#e6e9ef",
-					l3: "#dce0e8",
-					overlay: "#eff1f5",
-					b1: "#ccd0da",
-					b2: "#bcc0cc",
-					brand: "#1e66f5",
-					lp: "#4c4f69",
-					ls: "#5c5f77",
-					err: "#d20f39",
-					ok: "#40a02b",
-					warn: "#df8e1d",
-					side: "#eff1f5"
-				},
-				dark: {
-					base: "#1e1e2e",
-					l1: "#313244",
-					l2: "#414558",
-					l3: "#45475a",
-					overlay: "#313244",
-					b1: "#45475a",
-					b2: "#585b70",
-					brand: "#89b4fa",
-					lp: "#cdd6f4",
-					ls: "#a6adc8",
-					err: "#f38ba8",
-					ok: "#a6e3a1",
-					warn: "#f9e2af",
-					side: "#1e1e2e"
-				}
+			dark: {
+				...bluish$10,
+				...neutral$10,
+				...darkSemantic$10,
+				"--shiki-token-constant": "#8BE9FD",
+				"--shiki-token-string": "#50FA7B",
+				"--shiki-token-comment": "#99A3C4",
+				"--shiki-token-keyword": "#FF79C6",
+				"--shiki-token-parameter": "#FFB86C",
+				"--shiki-token-function": "#BD93F9",
+				"--shiki-token-string-expression": "#50FA7B",
+				"--shiki-token-punctuation": "#F8F8F2",
+				"--shiki-token-link": "#BD93F9"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/dsh.ts
+		const bluish$9 = buildScale("--dsw-static-neutral-bluish", "#FFFFFF", "#0F1115", BLUISH_STEPS);
+		const neutral$9 = buildScale("--dsw-static-neutral", "#FFFFFF", "#000000", NEUTRAL_STEPS);
+		const lightSemantic$9 = buildSemanticScales({
+			deepseek: "#4176E6",
+			blue: "#3B82F6",
+			green: "#22C55E",
+			amber: "#F59E0B",
+			red: "#EF4444"
+		});
+		const darkSemantic$9 = buildSemanticScales({
+			deepseek: "#4176E6",
+			blue: "#3B82F6",
+			green: "#22C55E",
+			amber: "#F59E0B",
+			red: "#EF4444"
+		});
+		const dsh = {
+			label: "DSH",
+			light: {
+				...bluish$9,
+				...neutral$9,
+				...lightSemantic$9
 			},
-			dracula: {
-				label: "Dracula",
-				light: {
-					base: "#ffffff",
-					l1: "#f8f8f2",
-					l2: "#f1f2f8",
-					l3: "#e9eaf3",
-					overlay: "#ffffff",
-					b1: "#d0d3e6",
-					b2: "#b8bccc",
-					brand: "#7c3aed",
-					lp: "#282a36",
-					ls: "#6272a4",
-					err: "#e63c3c",
-					ok: "#2a9d4a",
-					warn: "#b78100",
-					side: "#f8f8f2"
-				},
-				dark: {
-					base: "#282a36",
-					l1: "#343746",
-					l2: "#44475a",
-					l3: "#52556c",
-					overlay: "#343746",
-					b1: "#6272a4",
-					b2: "#7a86b8",
-					brand: "#bd93f9",
-					lp: "#f8f8f2",
-					ls: "#bfc0d6",
-					err: "#ff5555",
-					ok: "#50fa7b",
-					warn: "#f1fa8c",
-					side: "#282a36"
-				}
+			dark: {
+				...bluish$9,
+				...neutral$9,
+				...darkSemantic$9
+			}
+		};
+		//#endregion
+		//#region src/client/presets/github.ts
+		const bluish$8 = buildScale("--dsw-static-neutral-bluish", "#ffffff", "#0d1117", BLUISH_STEPS);
+		const neutral$8 = buildScale("--dsw-static-neutral", "#ffffff", "#0d1117", NEUTRAL_STEPS);
+		const lightSemantic$8 = buildSemanticScales({
+			deepseek: "#0969da",
+			blue: "#0969da",
+			green: "#1A7F37",
+			amber: "#9A6700",
+			red: "#CF222E"
+		});
+		const darkSemantic$8 = buildSemanticScales({
+			deepseek: "#58A6FF",
+			blue: "#58A6FF",
+			green: "#3FB950",
+			amber: "#D29922",
+			red: "#F85149"
+		});
+		const github = {
+			label: "GitHub",
+			light: {
+				...bluish$8,
+				...neutral$8,
+				...lightSemantic$8,
+				"--shiki-token-constant": "#0550AE",
+				"--shiki-token-string": "#0A3069",
+				"--shiki-token-comment": "#6E7781",
+				"--shiki-token-keyword": "#CF222E",
+				"--shiki-token-parameter": "#953800",
+				"--shiki-token-function": "#8250DF",
+				"--shiki-token-string-expression": "#1A7F37",
+				"--shiki-token-punctuation": "#656D76",
+				"--shiki-token-link": "#0969DA"
 			},
-			tokyonight: {
-				label: "Tokyo Night",
-				light: {
-					base: "#ffffff",
-					l1: "#f7f8fb",
-					l2: "#e9eaf2",
-					l3: "#dfe2f0",
-					overlay: "#ffffff",
-					b1: "#cbd0e3",
-					b2: "#b4b9cc",
-					brand: "#34548a",
-					lp: "#1a1b26",
-					ls: "#5a638c",
-					err: "#c53b53",
-					ok: "#33635c",
-					warn: "#8f5e15",
-					side: "#f7f8fb"
-				},
-				dark: {
-					base: "#1a1b26",
-					l1: "#24283b",
-					l2: "#2f354e",
-					l3: "#414868",
-					overlay: "#24283b",
-					b1: "#414868",
-					b2: "#5a638c",
-					brand: "#7aa2f7",
-					lp: "#c0caf5",
-					ls: "#9aa1bf",
-					err: "#f7768e",
-					ok: "#9ece6a",
-					warn: "#e0af68",
-					side: "#1a1b26"
-				}
+			dark: {
+				...bluish$8,
+				...neutral$8,
+				...darkSemantic$8,
+				"--shiki-token-constant": "#79C0FF",
+				"--shiki-token-string": "#A5D6FF",
+				"--shiki-token-comment": "#8B949E",
+				"--shiki-token-keyword": "#FF7B72",
+				"--shiki-token-parameter": "#FFA657",
+				"--shiki-token-function": "#D2A8FF",
+				"--shiki-token-string-expression": "#7EE787",
+				"--shiki-token-punctuation": "#8B949E",
+				"--shiki-token-link": "#58A6FF"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/gruvbox.ts
+		const bluish$7 = buildScale("--dsw-static-neutral-bluish", "#fbf1c7", "#282828", BLUISH_STEPS);
+		const neutral$7 = buildScale("--dsw-static-neutral", "#fbf1c7", "#282828", NEUTRAL_STEPS);
+		const lightSemantic$7 = buildSemanticScales({
+			deepseek: "#076678",
+			blue: "#076678",
+			green: "#98971A",
+			amber: "#D79921",
+			red: "#CC241D"
+		});
+		const darkSemantic$7 = buildSemanticScales({
+			deepseek: "#83A598",
+			blue: "#83A598",
+			green: "#B8BB26",
+			amber: "#FABD2F",
+			red: "#FB4934"
+		});
+		const gruvbox = {
+			label: "Gruvbox",
+			light: {
+				...bluish$7,
+				...neutral$7,
+				...lightSemantic$7,
+				"--shiki-token-constant": "#076678",
+				"--shiki-token-string": "#79740E",
+				"--shiki-token-comment": "#928374",
+				"--shiki-token-keyword": "#9D0006",
+				"--shiki-token-parameter": "#AF3A03",
+				"--shiki-token-function": "#076678",
+				"--shiki-token-string-expression": "#79740E",
+				"--shiki-token-punctuation": "#504945",
+				"--shiki-token-link": "#076678"
 			},
-			solarized: {
-				label: "Solarized",
-				light: {
-					base: "#fdf6e3",
-					l1: "#eee8d5",
-					l2: "#e7dfc8",
-					l3: "#d9d2b8",
-					overlay: "#eee8d5",
-					b1: "#93a1a1",
-					b2: "#839496",
-					brand: "#268bd2",
-					lp: "#586e75",
-					ls: "#657b83",
-					err: "#dc322f",
-					ok: "#859900",
-					warn: "#b58900",
-					side: "#fdf6e3"
-				},
-				dark: {
-					base: "#002b36",
-					l1: "#073642",
-					l2: "#0e4654",
-					l3: "#204e5b",
-					overlay: "#073642",
-					b1: "#586e75",
-					b2: "#657b83",
-					brand: "#268bd2",
-					lp: "#fdf6e3",
-					ls: "#93a1a1",
-					err: "#dc322f",
-					ok: "#859900",
-					warn: "#b58900",
-					side: "#002b36"
-				}
+			dark: {
+				...bluish$7,
+				...neutral$7,
+				...darkSemantic$7,
+				"--shiki-token-constant": "#83A598",
+				"--shiki-token-string": "#B8BB26",
+				"--shiki-token-comment": "#B1A69B",
+				"--shiki-token-keyword": "#FB4934",
+				"--shiki-token-parameter": "#FE8019",
+				"--shiki-token-function": "#FABD2F",
+				"--shiki-token-string-expression": "#B8BB26",
+				"--shiki-token-punctuation": "#EBDBB2",
+				"--shiki-token-link": "#83A598"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/monokai.ts
+		const bluish$6 = buildScale("--dsw-static-neutral-bluish", "#fcfcfa", "#2d2a2e", BLUISH_STEPS);
+		const neutral$6 = buildScale("--dsw-static-neutral", "#fcfcfa", "#2d2a2e", NEUTRAL_STEPS);
+		const lightSemantic$6 = buildSemanticScales({
+			deepseek: "#6B42A0",
+			blue: "#6B42A0",
+			green: "#5A8A2A",
+			amber: "#B87A00",
+			red: "#FF6188"
+		});
+		const darkSemantic$6 = buildSemanticScales({
+			deepseek: "#AB9DF2",
+			blue: "#AB9DF2",
+			green: "#A9DC76",
+			amber: "#FFD866",
+			red: "#FF9DB5"
+		});
+		const monokai = {
+			label: "Monokai",
+			light: {
+				...bluish$6,
+				...neutral$6,
+				...lightSemantic$6,
+				"--shiki-token-constant": "#6B42A0",
+				"--shiki-token-string": "#2A7A2A",
+				"--shiki-token-comment": "#8A8A8A",
+				"--shiki-token-keyword": "#C4265E",
+				"--shiki-token-parameter": "#B45A00",
+				"--shiki-token-function": "#6B42A0",
+				"--shiki-token-string-expression": "#2A7A2A",
+				"--shiki-token-punctuation": "#5B5956",
+				"--shiki-token-link": "#6B42A0"
 			},
-			gruvbox: {
-				label: "Gruvbox",
-				light: {
-					base: "#fbf1c7",
-					l1: "#ebdbb2",
-					l2: "#d5c4a1",
-					l3: "#bdae93",
-					overlay: "#ebdbb2",
-					b1: "#a89984",
-					b2: "#928374",
-					brand: "#076678",
-					lp: "#3c3836",
-					ls: "#504945",
-					err: "#cc241d",
-					ok: "#98971a",
-					warn: "#d79921",
-					side: "#fbf1c7"
-				},
-				dark: {
-					base: "#282828",
-					l1: "#3c3836",
-					l2: "#504945",
-					l3: "#665c54",
-					overlay: "#3c3836",
-					b1: "#7c6f64",
-					b2: "#928374",
-					brand: "#83a598",
-					lp: "#ebdbb2",
-					ls: "#d5c4a1",
-					err: "#fb4934",
-					ok: "#b8bb26",
-					warn: "#fabd2f",
-					side: "#282828"
-				}
+			dark: {
+				...bluish$6,
+				...neutral$6,
+				...darkSemantic$6,
+				"--shiki-token-constant": "#AB9DF2",
+				"--shiki-token-string": "#A9DC76",
+				"--shiki-token-comment": "#A9A8A7",
+				"--shiki-token-keyword": "#FF6188",
+				"--shiki-token-parameter": "#FC9867",
+				"--shiki-token-function": "#78DCE8",
+				"--shiki-token-string-expression": "#A9DC76",
+				"--shiki-token-punctuation": "#FCFCFA",
+				"--shiki-token-link": "#AB9DF2"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/nord.ts
+		const bluish$5 = buildScale("--dsw-static-neutral-bluish", "#D8DEE9", "#2E3440", BLUISH_STEPS);
+		const neutral$5 = buildScale("--dsw-static-neutral", "#D8DEE9", "#2E3440", NEUTRAL_STEPS);
+		const lightSemantic$5 = buildSemanticScales({
+			deepseek: "#5E81AC",
+			blue: "#5E81AC",
+			green: "#A3BE8C",
+			amber: "#EBCB8B",
+			red: "#BF616A"
+		});
+		const darkSemantic$5 = buildSemanticScales({
+			deepseek: "#88C0D0",
+			blue: "#88C0D0",
+			green: "#C6D7B8",
+			amber: "#F3DFB7",
+			red: "#D79DA3"
+		});
+		const nord = {
+			label: "Nord",
+			light: {
+				...bluish$5,
+				...neutral$5,
+				...lightSemantic$5,
+				"--shiki-token-constant": "#2E6EA6",
+				"--shiki-token-string": "#3D7A1F",
+				"--shiki-token-comment": "#6C7A8E",
+				"--shiki-token-keyword": "#8B4A9A",
+				"--shiki-token-parameter": "#9A5D2E",
+				"--shiki-token-function": "#2F6F8A",
+				"--shiki-token-string-expression": "#3D7A1F",
+				"--shiki-token-punctuation": "#4C566A",
+				"--shiki-token-link": "#5E81AC"
 			},
-			monokai: {
-				label: "Monokai",
-				light: {
-					base: "#ffffff",
-					l1: "#f9f8f5",
-					l2: "#ebe8e3",
-					l3: "#ddd8d0",
-					overlay: "#f9f8f5",
-					b1: "#c7c0b3",
-					b2: "#a8a194",
-					brand: "#6b42a0",
-					lp: "#2d2a2e",
-					ls: "#5b5956",
-					err: "#ff6188",
-					ok: "#5a8a2a",
-					warn: "#b87a00",
-					side: "#f9f8f5"
-				},
-				dark: {
-					base: "#2d2a2e",
-					l1: "#403e41",
-					l2: "#5b5956",
-					l3: "#69676c",
-					overlay: "#403e41",
-					b1: "#7a7978",
-					b2: "#948d8a",
-					brand: "#ab9df2",
-					lp: "#fcfcfa",
-					ls: "#c1c0c0",
-					err: "#ff6188",
-					ok: "#a9dc76",
-					warn: "#ffd866",
-					side: "#2d2a2e"
-				}
+			dark: {
+				...bluish$5,
+				...neutral$5,
+				...darkSemantic$5,
+				"--shiki-token-constant": "#8BE9FD",
+				"--shiki-token-string": "#A3BE8C",
+				"--shiki-token-comment": "#99A3C4",
+				"--shiki-token-keyword": "#FF79C6",
+				"--shiki-token-parameter": "#D08770",
+				"--shiki-token-function": "#88C0D0",
+				"--shiki-token-string-expression": "#A3BE8C",
+				"--shiki-token-punctuation": "#8CA0B8",
+				"--shiki-token-link": "#88C0D0"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/onedark.ts
+		const bluish$4 = buildScale("--dsw-static-neutral-bluish", "#FAFAFA", "#383A42", BLUISH_STEPS);
+		const neutral$4 = buildScale("--dsw-static-neutral", "#FAFAFA", "#383A42", NEUTRAL_STEPS);
+		const lightSemantic$4 = buildSemanticScales({
+			deepseek: "#4078F2",
+			blue: "#4078F2",
+			green: "#50A14F",
+			amber: "#C18401",
+			red: "#E45649"
+		});
+		const darkSemantic$4 = buildSemanticScales({
+			deepseek: "#61AFEF",
+			blue: "#61AFEF",
+			green: "#98C379",
+			amber: "#E5C07B",
+			red: "#E06C75"
+		});
+		const onedark = {
+			label: "One Dark",
+			light: {
+				...bluish$4,
+				...neutral$4,
+				...lightSemantic$4,
+				"--shiki-token-constant": "#0B7EA4",
+				"--shiki-token-string": "#1F7A3A",
+				"--shiki-token-comment": "#76808F",
+				"--shiki-token-keyword": "#A626A4",
+				"--shiki-token-parameter": "#986801",
+				"--shiki-token-function": "#4078F2",
+				"--shiki-token-string-expression": "#1F7A3A",
+				"--shiki-token-punctuation": "#5C6370",
+				"--shiki-token-link": "#4078F2"
 			},
-			rosepine: {
-				label: "Rosé Pine",
-				light: {
-					base: "#faf4ed",
-					l1: "#fffaf3",
-					l2: "#f2e9e1",
-					l3: "#e8ddd3",
-					overlay: "#fffaf3",
-					b1: "#cecacd",
-					b2: "#9893a5",
-					brand: "#907aa9",
-					lp: "#575279",
-					ls: "#6e6a86",
-					err: "#b4637a",
-					ok: "#286983",
-					warn: "#ea9d34",
-					side: "#faf4ed"
-				},
-				dark: {
-					base: "#191724",
-					l1: "#1f1d2e",
-					l2: "#26233a",
-					l3: "#353142",
-					overlay: "#1f1d2e",
-					b1: "#6e6a86",
-					b2: "#908caa",
-					brand: "#c4a7e7",
-					lp: "#e0def4",
-					ls: "#908caa",
-					err: "#eb6f92",
-					ok: "#9ccfd8",
-					warn: "#f6c177",
-					side: "#191724"
-				}
+			dark: {
+				...bluish$4,
+				...neutral$4,
+				...darkSemantic$4,
+				"--shiki-token-constant": "#56B6C2",
+				"--shiki-token-string": "#98C379",
+				"--shiki-token-comment": "#A0A6B0",
+				"--shiki-token-keyword": "#C678DD",
+				"--shiki-token-parameter": "#D19A66",
+				"--shiki-token-function": "#61AFEF",
+				"--shiki-token-string-expression": "#98C379",
+				"--shiki-token-punctuation": "#ABB2BF",
+				"--shiki-token-link": "#61AFEF"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/rosepine.ts
+		const bluish$3 = buildScale("--dsw-static-neutral-bluish", "#faf4ed", "#191724", BLUISH_STEPS);
+		const neutral$3 = buildScale("--dsw-static-neutral", "#faf4ed", "#191724", NEUTRAL_STEPS);
+		const lightSemantic$3 = buildSemanticScales({
+			deepseek: "#907AA9",
+			blue: "#907AA9",
+			green: "#286983",
+			amber: "#EA9D34",
+			red: "#B4637A"
+		});
+		const darkSemantic$3 = buildSemanticScales({
+			deepseek: "#C4A7E7",
+			blue: "#C4A7E7",
+			green: "#9CCFD8",
+			amber: "#F6C177",
+			red: "#EB6F92"
+		});
+		const rosepine = {
+			label: "Rosé Pine",
+			light: {
+				...bluish$3,
+				...neutral$3,
+				...lightSemantic$3,
+				"--shiki-token-constant": "#56949F",
+				"--shiki-token-string": "#286983",
+				"--shiki-token-comment": "#9893A5",
+				"--shiki-token-keyword": "#907AA9",
+				"--shiki-token-parameter": "#B4637A",
+				"--shiki-token-function": "#907AA9",
+				"--shiki-token-string-expression": "#286983",
+				"--shiki-token-punctuation": "#575279",
+				"--shiki-token-link": "#907AA9"
 			},
-			ayu: {
-				label: "Ayu",
-				light: {
-					base: "#fafafa",
-					l1: "#f3f4f5",
-					l2: "#eaecee",
-					l3: "#e1e4e8",
-					overlay: "#f3f4f5",
-					b1: "#c4c9d0",
-					b2: "#a8b0bb",
-					brand: "#55b4d4",
-					lp: "#5c6773",
-					ls: "#5c6773",
-					err: "#e65050",
-					ok: "#86b300",
-					warn: "#fa8d3e",
-					side: "#fafafa"
-				},
-				dark: {
-					base: "#0a0e14",
-					l1: "#1f2430",
-					l2: "#242a38",
-					l3: "#3e4b5c",
-					overlay: "#1f2430",
-					b1: "#5c6773",
-					b2: "#7a8a9b",
-					brand: "#39bae6",
-					lp: "#c5cddb",
-					ls: "#95a0b0",
-					err: "#ff3333",
-					ok: "#7fd962",
-					warn: "#ffb454",
-					side: "#0a0e14"
-				}
+			dark: {
+				...bluish$3,
+				...neutral$3,
+				...darkSemantic$3,
+				"--shiki-token-constant": "#9CCFD8",
+				"--shiki-token-string": "#EBBCBA",
+				"--shiki-token-comment": "#A19EB0",
+				"--shiki-token-keyword": "#C4A7E7",
+				"--shiki-token-parameter": "#EB6F92",
+				"--shiki-token-function": "#E0DEF4",
+				"--shiki-token-string-expression": "#EBBCBA",
+				"--shiki-token-punctuation": "#E0DEF4",
+				"--shiki-token-link": "#C4A7E7"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/solarized.ts
+		const bluish$2 = buildScale("--dsw-static-neutral-bluish", "#fdf6e3", "#002b36", BLUISH_STEPS);
+		const neutral$2 = buildScale("--dsw-static-neutral", "#fdf6e3", "#002b36", NEUTRAL_STEPS);
+		const lightSemantic$2 = buildSemanticScales({
+			deepseek: "#268BD2",
+			blue: "#268BD2",
+			green: "#859900",
+			amber: "#B58900",
+			red: "#DC322F"
+		});
+		const darkSemantic$2 = buildSemanticScales({
+			deepseek: "#78B7E3",
+			blue: "#78B7E3",
+			green: "#B3C061",
+			amber: "#D1B661",
+			red: "#E9807E"
+		});
+		const solarized = {
+			label: "Solarized",
+			light: {
+				...bluish$2,
+				...neutral$2,
+				...lightSemantic$2,
+				"--shiki-token-constant": "#2AA198",
+				"--shiki-token-string": "#586E75",
+				"--shiki-token-comment": "#93A1A1",
+				"--shiki-token-keyword": "#859900",
+				"--shiki-token-parameter": "#CB4B16",
+				"--shiki-token-function": "#268BD2",
+				"--shiki-token-string-expression": "#2AA198",
+				"--shiki-token-punctuation": "#657B83",
+				"--shiki-token-link": "#268BD2"
 			},
+			dark: {
+				...bluish$2,
+				...neutral$2,
+				...darkSemantic$2,
+				"--shiki-token-constant": "#66BBB5",
+				"--shiki-token-string": "#859900",
+				"--shiki-token-comment": "#92A1A5",
+				"--shiki-token-keyword": "#268BD2",
+				"--shiki-token-parameter": "#DA7D57",
+				"--shiki-token-function": "#B58900",
+				"--shiki-token-string-expression": "#66BBB5",
+				"--shiki-token-punctuation": "#93A1A1",
+				"--shiki-token-link": "#63ABDF"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/tokyonight.ts
+		const bluish$1 = buildScale("--dsw-static-neutral-bluish", "#e6e7ed", "#1a1b26", BLUISH_STEPS);
+		const neutral$1 = buildScale("--dsw-static-neutral", "#e6e7ed", "#1a1b26", NEUTRAL_STEPS);
+		const lightSemantic$1 = buildSemanticScales({
+			deepseek: "#34548A",
+			blue: "#34548A",
+			green: "#33635C",
+			amber: "#8F5E15",
+			red: "#C53B53"
+		});
+		const darkSemantic$1 = buildSemanticScales({
+			deepseek: "#7AA2F7",
+			blue: "#7AA2F7",
+			green: "#9ECE6A",
+			amber: "#E0AF68",
+			red: "#F7768E"
+		});
+		const tokyonight = {
+			label: "Tokyo Night",
+			light: {
+				...bluish$1,
+				...neutral$1,
+				...lightSemantic$1,
+				"--shiki-token-constant": "#0F4B6E",
+				"--shiki-token-string": "#1A7A3A",
+				"--shiki-token-comment": "#6E7A9E",
+				"--shiki-token-keyword": "#8C4351",
+				"--shiki-token-parameter": "#965027",
+				"--shiki-token-function": "#34548A",
+				"--shiki-token-string-expression": "#1A7A3A",
+				"--shiki-token-punctuation": "#5A638C",
+				"--shiki-token-link": "#34548A"
+			},
+			dark: {
+				...bluish$1,
+				...neutral$1,
+				...darkSemantic$1,
+				"--shiki-token-constant": "#7DCFFF",
+				"--shiki-token-string": "#9ECE6A",
+				"--shiki-token-comment": "#9197B2",
+				"--shiki-token-keyword": "#BB9AF7",
+				"--shiki-token-parameter": "#FF9E64",
+				"--shiki-token-function": "#7AA2F7",
+				"--shiki-token-string-expression": "#9ECE6A",
+				"--shiki-token-punctuation": "#C0CAF5",
+				"--shiki-token-link": "#7AA2F7"
+			}
+		};
+		//#endregion
+		//#region src/client/presets/zenburn.ts
+		const bluish = buildScale("--dsw-static-neutral-bluish", "#FFFFEF", "#3f3f3f", BLUISH_STEPS);
+		const neutral = buildScale("--dsw-static-neutral", "#FFFFEF", "#3f3f3f", NEUTRAL_STEPS);
+		const lightSemantic = buildSemanticScales({
+			deepseek: "#2B6F6F",
+			blue: "#2B6F6F",
+			green: "#4A6F4A",
+			amber: "#8F7A3A",
+			red: "#8C3333"
+		});
+		const darkSemantic = buildSemanticScales({
+			deepseek: "#8CD0D3",
+			blue: "#8CD0D3",
+			green: "#7F9F7F",
+			amber: "#D0BF8F",
+			red: "#CC9393"
+		});
+		//#endregion
+		//#region src/client/presets.ts
+		const PRESETS = {
+			ayu,
+			catppuccin,
+			dracula,
+			dsh,
+			github,
+			gruvbox,
+			monokai,
+			nord,
+			onedark,
+			rosepine,
+			solarized,
+			tokyonight,
 			zenburn: {
 				label: "Zenburn",
 				light: {
-					base: "#ffffef",
-					l1: "#f6f1e1",
-					l2: "#ebe3c8",
-					l3: "#ddd6b8",
-					overlay: "#f6f1e1",
-					b1: "#c2b8a3",
-					b2: "#a8a090",
-					brand: "#2b6f6f",
-					lp: "#3f3f3f",
-					ls: "#5f6f5f",
-					err: "#8c3333",
-					ok: "#4a6f4a",
-					warn: "#8f7a3a",
-					side: "#ffffef"
+					...bluish,
+					...neutral,
+					...lightSemantic,
+					"--shiki-token-constant": "#2B6F6F",
+					"--shiki-token-string": "#8C3333",
+					"--shiki-token-comment": "#7A8A7A",
+					"--shiki-token-keyword": "#705040",
+					"--shiki-token-parameter": "#8F5A00",
+					"--shiki-token-function": "#2B6F6F",
+					"--shiki-token-string-expression": "#8C3333",
+					"--shiki-token-punctuation": "#5F6F5F",
+					"--shiki-token-link": "#2B6F6F"
 				},
 				dark: {
-					base: "#3f3f3f",
-					l1: "#4f4f4f",
-					l2: "#5f5f5f",
-					l3: "#6f6f6f",
-					overlay: "#4f4f4f",
-					b1: "#7f7f7f",
-					b2: "#9a9a9a",
-					brand: "#8cd0d3",
-					lp: "#dcdccc",
-					ls: "#9ab0a0",
-					err: "#cc9393",
-					ok: "#7f9f7f",
-					warn: "#d0bf8f",
-					side: "#3f3f3f"
+					...bluish,
+					...neutral,
+					...darkSemantic,
+					"--shiki-token-constant": "#8CD0D3",
+					"--shiki-token-string": "#CC9393",
+					"--shiki-token-comment": "#7F9F7F",
+					"--shiki-token-keyword": "#F0DFAF",
+					"--shiki-token-parameter": "#D0BF8F",
+					"--shiki-token-function": "#8CD0D3",
+					"--shiki-token-string-expression": "#CC9393",
+					"--shiki-token-punctuation": "#DCDCCC",
+					"--shiki-token-link": "#8CD0D3"
 				}
 			}
 		};
-		const presetOptions = [
-			{
-				value: "native",
-				label: "DeepSeek Harness"
-			},
-			{
-				value: "ayu",
-				label: "Ayu"
-			},
-			{
-				value: "catppuccin",
-				label: "Catppuccin"
-			},
-			{
-				value: "dracula",
-				label: "Dracula"
-			},
-			{
-				value: "github",
-				label: "GitHub"
-			},
-			{
-				value: "gruvbox",
-				label: "Gruvbox"
-			},
-			{
-				value: "monokai",
-				label: "Monokai"
-			},
-			{
-				value: "nord",
-				label: "Nord"
-			},
-			{
-				value: "onedark",
-				label: "One Dark"
-			},
-			{
-				value: "rosepine",
-				label: "Rosé Pine"
-			},
-			{
-				value: "solarized",
-				label: "Solarized"
-			},
-			{
-				value: "tokyonight",
-				label: "Tokyo Night"
-			},
-			{
-				value: "zenburn",
-				label: "Zenburn"
-			}
-		];
+		const presetOptions = [{
+			value: "dsh",
+			label: PRESETS.dsh.label
+		}, ...Object.keys(PRESETS).filter((id) => id !== "dsh").map((id) => ({
+			value: id,
+			label: PRESETS[id].label
+		}))];
 		//#endregion
-		//#region src/client/colors.ts
-		function hexLum(hex) {
-			const h = hex.replace("#", "");
-			const r = parseInt(h.slice(0, 2), 16);
-			const g = parseInt(h.slice(2, 4), 16);
-			const b = parseInt(h.slice(4, 6), 16);
-			return r * .299 + g * .587 + b * .114;
+		//#region src/client/css/primitives.ts
+		const PRIMITIVES_LIGHT = {
+			"--dsw-static-amber-100": "rgb(254, 245, 231)",
+			"--dsw-static-amber-400": "rgb(247, 173, 49)",
+			"--dsw-static-amber-500": "rgb(245, 158, 11)",
+			"--dsw-static-amber-600": "rgb(221, 134, 41)",
+			"--dsw-static-amber-900": "rgb(39, 36, 31)",
+			"--dsw-static-blue-100": "rgb(219, 234, 254)",
+			"--dsw-static-blue-300": "rgb(147, 197, 253)",
+			"--dsw-static-blue-400": "rgb(96, 165, 250)",
+			"--dsw-static-blue-450": "rgb(77, 147, 248)",
+			"--dsw-static-blue-500": "rgb(59, 130, 246)",
+			"--dsw-static-blue-50": "rgb(239, 246, 255)",
+			"--dsw-static-blue-50p": "rgb(234, 243, 255)",
+			"--dsw-static-blue-600": "rgb(37, 99, 235)",
+			"--dsw-static-blue-75": "rgb(229, 240, 255)",
+			"--dsw-static-blue-800": "rgb(30, 64, 175)",
+			"--dsw-static-blue-900": "rgb(14, 48, 116)",
+			"--dsw-static-blue-950": "rgb(23, 37, 84)",
+			"--dsw-static-deepseek-100": "rgb(228, 237, 253)",
+			"--dsw-static-deepseek-200": "rgb(211, 226, 255)",
+			"--dsw-static-deepseek-300": "rgb(183, 200, 254)",
+			"--dsw-static-deepseek-400": "rgb(103, 158, 254)",
+			"--dsw-static-deepseek-450": "rgb(86, 134, 254)",
+			"--dsw-static-deepseek-500": "rgb(65, 118, 230)",
+			"--dsw-static-deepseek-50": "rgb(237, 243, 254)",
+			"--dsw-static-deepseek-600": "rgb(72, 104, 178)",
+			"--dsw-static-deepseek-700-delete": "rgb(47, 76, 143)",
+			"--dsw-static-deepseek-800": "rgb(52, 65, 91)",
+			"--dsw-static-deepseek-900": "rgb(40, 49, 66)",
+			"--dsw-static-green-100": "rgb(230, 250, 237)",
+			"--dsw-static-green-400": "rgb(78, 209, 126)",
+			"--dsw-static-green-500": "rgb(34, 197, 94)",
+			"--dsw-static-green-900": "rgb(35, 60, 44)",
+			"--dsw-static-neutral-00": "rgb(255, 255, 255)",
+			"--dsw-static-neutral-1000": "rgb(0, 0, 0)",
+			"--dsw-static-neutral-100": "rgb(245, 245, 245)",
+			"--dsw-static-neutral-150": "rgb(237, 237, 237)",
+			"--dsw-static-neutral-200": "rgb(229, 229, 229)",
+			"--dsw-static-neutral-250": "rgb(220, 220, 220)",
+			"--dsw-static-neutral-300": "rgb(212, 212, 212)",
+			"--dsw-static-neutral-400": "rgb(162, 164, 166)",
+			"--dsw-static-neutral-500": "rgb(127, 130, 135)",
+			"--dsw-static-neutral-50": "rgb(250, 250, 250)",
+			"--dsw-static-neutral-550": "rgb(101, 103, 107)",
+			"--dsw-static-neutral-600": "rgb(84, 85, 87)",
+			"--dsw-static-neutral-700": "rgb(60, 60, 61)",
+			"--dsw-static-neutral-800": "rgb(41, 41, 41)",
+			"--dsw-static-neutral-850": "rgb(33, 33, 35)",
+			"--dsw-static-neutral-900": "rgb(15, 15, 15)",
+			"--dsw-static-neutral-bluish-00": "rgb(255, 255, 255)",
+			"--dsw-static-neutral-bluish-1000": "rgb(15, 17, 21)",
+			"--dsw-static-neutral-bluish-100": "rgb(235, 238, 242)",
+			"--dsw-static-neutral-bluish-150": "rgb(233, 236, 242)",
+			"--dsw-static-neutral-bluish-200": "rgb(225, 229, 238)",
+			"--dsw-static-neutral-bluish-300": "rgb(207, 211, 214)",
+			"--dsw-static-neutral-bluish-400": "rgb(173, 178, 184)",
+			"--dsw-static-neutral-bluish-500": "rgb(151, 157, 166)",
+			"--dsw-static-neutral-bluish-50": "rgb(249, 250, 251)",
+			"--dsw-static-neutral-bluish-600": "rgb(129, 133, 140)",
+			"--dsw-static-neutral-bluish-60": "rgb(245, 246, 247)",
+			"--dsw-static-neutral-bluish-700": "rgb(97, 102, 107)",
+			"--dsw-static-neutral-bluish-750": "rgb(67, 69, 74)",
+			"--dsw-static-neutral-bluish-75": "rgb(241, 243, 245)",
+			"--dsw-static-neutral-bluish-800": "rgb(53, 54, 56)",
+			"--dsw-static-neutral-bluish-850": "rgb(44, 44, 46)",
+			"--dsw-static-neutral-bluish-875": "rgb(35, 35, 36)",
+			"--dsw-static-neutral-bluish-900": "rgb(27, 27, 28)",
+			"--dsw-static-neutral-bluish-950": "rgb(21, 21, 23)",
+			"--dsw-static-red-100": "rgb(254, 226, 226)",
+			"--dsw-static-red-400": "rgb(242, 90, 90)",
+			"--dsw-static-red-500": "rgb(239, 68, 68)",
+			"--dsw-static-red-50": "rgb(254, 242, 242)",
+			"--dsw-static-red-600": "rgb(236, 19, 19)",
+			"--dsw-static-red-900": "rgb(87, 12, 12)"
+		};
+		const PRIMITIVES_DARK = {
+			...PRIMITIVES_LIGHT,
+			"--dsw-static-neutral-00": "rgb(21, 21, 23)",
+			"--dsw-static-neutral-1000": "rgb(255, 255, 255)",
+			"--dsw-static-neutral-100": "rgb(27, 27, 28)",
+			"--dsw-static-neutral-150": "rgb(35, 35, 36)",
+			"--dsw-static-neutral-200": "rgb(44, 44, 46)",
+			"--dsw-static-neutral-250": "rgb(53, 54, 56)",
+			"--dsw-static-neutral-300": "rgb(67, 69, 74)",
+			"--dsw-static-neutral-400": "rgb(97, 102, 107)",
+			"--dsw-static-neutral-500": "rgb(129, 133, 140)",
+			"--dsw-static-neutral-50": "rgb(33, 33, 35)",
+			"--dsw-static-neutral-550": "rgb(151, 157, 166)",
+			"--dsw-static-neutral-600": "rgb(173, 178, 184)",
+			"--dsw-static-neutral-700": "rgb(207, 211, 214)",
+			"--dsw-static-neutral-800": "rgb(225, 229, 238)",
+			"--dsw-static-neutral-850": "rgb(235, 238, 242)",
+			"--dsw-static-neutral-900": "rgb(241, 243, 245)",
+			"--dsw-static-neutral-bluish-00": "rgb(21, 21, 23)",
+			"--dsw-static-neutral-bluish-1000": "rgb(255, 255, 255)",
+			"--dsw-static-neutral-bluish-100": "rgb(53, 54, 56)",
+			"--dsw-static-neutral-bluish-150": "rgb(67, 69, 74)",
+			"--dsw-static-neutral-bluish-200": "rgb(97, 102, 107)",
+			"--dsw-static-neutral-bluish-300": "rgb(129, 133, 140)",
+			"--dsw-static-neutral-bluish-400": "rgb(151, 157, 166)",
+			"--dsw-static-neutral-bluish-50": "rgb(27, 27, 28)",
+			"--dsw-static-neutral-bluish-500": "rgb(173, 178, 184)",
+			"--dsw-static-neutral-bluish-600": "rgb(207, 211, 214)",
+			"--dsw-static-neutral-bluish-60": "rgb(35, 35, 36)",
+			"--dsw-static-neutral-bluish-700": "rgb(225, 229, 238)",
+			"--dsw-static-neutral-bluish-750": "rgb(233, 236, 242)",
+			"--dsw-static-neutral-bluish-75": "rgb(44, 44, 46)",
+			"--dsw-static-neutral-bluish-800": "rgb(235, 238, 242)",
+			"--dsw-static-neutral-bluish-850": "rgb(241, 243, 245)",
+			"--dsw-static-neutral-bluish-875": "rgb(245, 246, 247)",
+			"--dsw-static-neutral-bluish-900": "rgb(249, 250, 251)",
+			"--dsw-static-neutral-bluish-950": "rgb(255, 255, 255)"
+		};
+		function buildPrimitivesCss(light = PRIMITIVES_LIGHT, dark = PRIMITIVES_DARK) {
+			const toBlock = (selector, map) => `${selector} {\n${Object.entries(map).map(([k, v]) => `  ${k}: ${v};`).join("\n")}\n}`;
+			return `${toBlock(":root", light)}\n\n${toBlock("html[data-ds-dark-theme], body[data-ds-dark-theme]", dark)}`;
 		}
-		function pickCodeBlockColors(p) {
-			const page = p.base ?? p.l1;
-			const isLight = hexLum(page) > 128;
-			const brightest = (colors) => {
-				let best = colors[0];
-				let max = -1;
-				for (const c of colors) {
-					const l = hexLum(c);
-					if (l > max) {
-						max = l;
-						best = c;
-					}
-				}
-				return best;
-			};
-			if (isLight) {
-				const banner = brightest([
-					p.l1,
-					p.l2,
-					p.l3
-				].filter((c) => c !== page));
-				const bannerLum = hexLum(banner);
-				let block;
-				let bestL = -1;
-				for (const c of [
-					p.l2,
-					p.l3,
-					p.b1
-				]) {
-					if (c === page || c === banner) continue;
-					const l = hexLum(c);
-					if (l < bannerLum && l > bestL) {
-						bestL = l;
-						block = c;
-					}
-				}
-				const resolved = block ?? [
-					p.l2,
-					p.l3,
-					p.b1
-				].find((c) => c !== page && c !== banner) ?? p.l2;
-				if (hexLum(banner) < hexLum(resolved)) return {
-					banner: resolved,
-					block: banner
-				};
-				if (banner === resolved) return {
-					banner,
-					block: p.l3 !== banner ? p.l3 : p.b1
-				};
-				return {
-					banner,
-					block: resolved
-				};
-			}
-			const banner = brightest([
-				p.l3,
-				p.b1,
-				p.b2,
-				p.l2
-			].filter((c) => c !== page));
-			let block = [
-				p.l2,
-				p.l3,
-				p.b1,
-				p.b2
-			].find((c) => c !== page && c !== banner) ?? p.l2;
-			{
-				let min = Infinity;
-				for (const c of [
-					p.l2,
-					p.b1,
-					p.l3,
-					p.b2
-				]) {
-					if (c === page || c === banner) continue;
-					const l = hexLum(c);
-					if (l < min) {
-						min = l;
-						block = c;
-					}
-				}
-			}
-			if (hexLum(banner) < hexLum(block)) return {
-				banner: block,
-				block: banner
-			};
-			if (block === page) block = p.l2 !== banner ? p.l2 : p.b1;
-			if (banner === block) block = p.b2 !== banner ? p.b2 : p.b1;
-			return {
-				banner,
-				block
+		function primitiveOverrides(light, dark) {
+			const out = {};
+			const keys = /* @__PURE__ */ new Set([...Object.keys(light), ...Object.keys(dark)]);
+			for (const k of keys) out[k] = {
+				light: light[k] ?? dark[k],
+				dark: dark[k] ?? light[k]
 			};
+			return out;
 		}
 		//#endregion
-		//#region src/client/tokens.ts
+		//#region src/client/css/shiki.ts
 		/**
-		* Token projection: preset palette -> DSH theme-token overrides.
+		* Shiki token palette: values behind --shiki-* custom properties emitted by
+		* ui-primitives CodeBlock. Light values on :root, dark overrides on
+		* body[data-ds-dark-theme] — same cascade as every other token sheet.
+		*
+		* Background/foreground alias the markdown code-block tokens so highlighted
+		* and plain blocks agree.
+		* Dark selector covers both html and body for DSH compatibility.
 		*/
-		function brightest(...colors) {
-			let best = colors[0];
-			let max = -1;
-			for (const c of colors) {
-				const l = hexLum(c);
-				if (l > max) {
-					max = l;
-					best = c;
-				}
-			}
-			return best;
-		}
-		function aliasCss(p) {
-			const m = {};
-			const base = p.base ?? p.l1;
-			const isLight = hexLum(base) > 128;
-			m["--dsw-alias-bg-base"] = base;
-			m["--dsw-alias-bg-layer-1"] = p.l1;
-			m["--dsw-alias-bg-layer-2"] = p.l2;
-			m["--dsw-alias-bg-layer-3"] = p.l3;
-			m["--dsw-alias-bg-mask-1"] = base + "3d";
-			m["--dsw-alias-bg-mask-2"] = base + "1f";
-			m["--dsw-alias-bg-mask-3"] = base + "7a";
-			m["--dsw-alias-bg-mask-photo"] = "#000000e0";
-			m["--dsw-alias-bg-mask-drop"] = base + "b3";
-			m["--dsw-alias-bg-module-platform"] = isLight ? p.l1 : p.l3;
-			m["--dsw-alias-bg-multi-select"] = isLight ? p.l1 : p.l3;
-			m["--dsw-alias-bg-overlay"] = p.l2;
-			m["--dsw-alias-bg-skeleton"] = p.b1 + "0a";
-			m["--dsw-alias-border-inverted2"] = "#0000";
-			m["--dsw-alias-border-inverted"] = "#0000";
-			m["--dsw-alias-border-l1"] = p.b1;
-			m["--dsw-alias-border-l2-darkmode-thin"] = p.b2;
-			m["--dsw-alias-border-l2"] = p.b2;
-			m["--dsw-alias-border-l3"] = p.b2;
-			m["--dsw-alias-border-l4"] = p.b2;
-			m["--dsw-alias-brand-primary-invert"] = p.lp;
-			m["--dsw-alias-brand-primary-new-colorprimary-new-color"] = p.brand;
-			m["--dsw-alias-brand-primary"] = p.brand;
-			m["--dsw-alias-brand-text"] = p.brand;
-			m["--dsw-alias-button-contrast-fill"] = p.lp;
-			m["--dsw-alias-button-elevated-fill"] = isLight ? base : p.l2;
-			m["--dsw-alias-button-floating-fill"] = isLight ? base : p.l2;
-			m["--dsw-alias-button-floating-hover"] = isLight ? p.l2 : p.l3;
-			m["--dsw-alias-button-ghost-active-border"] = p.b1;
-			m["--dsw-alias-button-ghost-active-fill"] = p.l2;
-			m["--dsw-alias-button-ghost-active-hover"] = p.l3;
-			m["--dsw-alias-button-info-fill"] = p.brand;
-			m["--dsw-alias-button-info-hover"] = p.brand;
-			m["--dsw-alias-button-primary-dimmed"] = p.l2;
-			m["--dsw-alias-button-primary-fill"] = p.brand;
-			m["--dsw-alias-button-primary-hover"] = p.lp;
-			m["--dsw-alias-button-tool-bar-fill-invisible"] = p.l2 + "5c";
-			m["--dsw-alias-button-tool-bar-fill"] = p.b1 + "80";
-			m["--dsw-alias-button-tool-bar-hover"] = p.b1 + "99";
-			const interactiveHover = isLight ? p.l3 : p.b2;
-			m["--dsw-alias-interactive-bg-active"] = isLight ? p.b2 : p.l3;
-			m["--dsw-alias-interactive-bg-hover-accent"] = p.brand + "14";
-			m["--dsw-alias-interactive-bg-hover-danger"] = p.err + "14";
-			m["--dsw-alias-interactive-bg-hover-solid"] = interactiveHover;
-			m["--dsw-alias-interactive-bg-hover"] = interactiveHover;
-			m["--dsw-alias-label-caption"] = p.lp + "99";
-			m["--dsw-alias-label-dimmed"] = p.b1;
-			m["--dsw-alias-label-primary-bluish"] = p.brand;
-			m["--dsw-alias-label-primary-dimmed"] = p.lp;
-			m["--dsw-alias-label-primary-foreground"] = base;
-			m["--dsw-alias-label-primary-inverted"] = base;
-			m["--dsw-alias-label-primary"] = p.lp;
-			m["--dsw-alias-label-secondary"] = p.ls;
-			m["--dsw-alias-label-tertiary"] = p.ls;
-			m["--dsw-alias-markdown-citation"] = p.l3;
-			const code = pickCodeBlockColors(p);
-			m["--dsw-alias-markdown-code-block-banner"] = code.banner;
-			m["--dsw-alias-markdown-code-block"] = code.block;
-			m["--dsw-alias-markdown-code-segment-selected"] = p.l2;
-			m["--dsw-alias-markdown-code-segment-unselected"] = p.l3;
-			m["--dsw-alias-markdown-inline-code"] = p.l3;
-			m["--dsw-alias-markdown-placeholder"] = p.b1;
-			m["--dsw-alias-markdown-tag"] = p.l3;
-			m["--dsw-alias-scrollbar-bg-l1"] = p.b1;
-			m["--dsw-alias-scrollbar-bg-l2"] = p.b2;
-			m["--dsw-alias-scrollbar-hover-l1"] = p.b2;
-			m["--dsw-alias-scrollbar-hover-l2"] = p.b2;
-			m["--dsw-alias-state-business-primary"] = p.brand;
-			m["--dsw-alias-state-business-tertiary"] = p.brand + "20";
-			m["--dsw-alias-state-error-primary"] = p.err;
-			m["--dsw-alias-state-error-secondary"] = p.err;
-			m["--dsw-alias-state-success-primary"] = p.ok;
-			m["--dsw-alias-state-success-secondary"] = p.ok;
-			m["--dsw-alias-state-success-tertiary"] = p.ok + "20";
-			m["--dsw-alias-state-warn-label"] = p.warn;
-			m["--dsw-alias-state-warn-primary"] = p.warn;
-			m["--dsw-alias-state-warn-secondary"] = p.warn;
-			m["--dsw-alias-state-warn-tertiary"] = p.warn + "20";
-			m["--dsw-alias-toast-bg"] = isLight ? base : p.l3;
-			m["--dsw-cool-theme-toast-bg"] = isLight ? base : p.l3;
-			m["--dsw-cool-theme-toast-fg"] = p.lp;
-			m["--dsw-cool-theme-toast-border"] = p.b1;
-			m["--dsw-alias-tooltip-bg"] = isLight ? p.l3 : brightest(p.l3, p.b2);
-			m["--dsw-specific-bubble-highlight"] = p.brand + "30";
-			m["--dsw-specific-bubble"] = p.brand + "15";
-			m["--dsw-specific-input-major"] = isLight ? base : p.l1;
-			m["--dsw-specific-login-input"] = p.l1;
-			m["--dsw-specific-menu"] = p.l2;
-			m["--dsw-specific-selector"] = isLight ? p.l1 : p.l3;
-			m["--dsw-specific-sidebar-fill"] = p.l1;
-			m["--dsw-specific-sidebar-nav-item-hover"] = p.l3;
-			m["--dsw-specific-sidebar-nav-item-active"] = p.l3;
-			m["--dsw-specific-sidebar-nav-item-active-accent"] = p.brand + "20";
-			m["--dsw-specific-tip"] = p.l1;
-			return m;
-		}
-		function staticCss(p) {
-			const m = {};
-			const base = p.base ?? p.l1;
-			m["--dsw-static-neutral-bluish-00"] = p.lp;
-			m["--dsw-static-neutral-bluish-50"] = p.lp;
-			m["--dsw-static-neutral-bluish-60"] = p.l3;
-			m["--dsw-static-neutral-bluish-75"] = p.l3;
-			m["--dsw-static-neutral-bluish-100"] = p.ls;
-			m["--dsw-static-neutral-bluish-150"] = p.ls;
-			m["--dsw-static-neutral-bluish-200"] = p.b1;
-			m["--dsw-static-neutral-bluish-300"] = p.b1;
-			m["--dsw-static-neutral-bluish-400"] = p.b1;
-			m["--dsw-static-neutral-bluish-500"] = p.b2;
-			m["--dsw-static-neutral-bluish-600"] = p.b2;
-			m["--dsw-static-neutral-bluish-700"] = p.l2;
-			m["--dsw-static-neutral-bluish-750"] = p.l2;
-			m["--dsw-static-neutral-bluish-800"] = p.l2;
-			m["--dsw-static-neutral-bluish-850"] = p.l1;
-			m["--dsw-static-neutral-bluish-875"] = p.l1;
-			m["--dsw-static-neutral-bluish-900"] = p.l1;
-			m["--dsw-static-neutral-bluish-950"] = base;
-			m["--dsw-static-neutral-bluish-1000"] = base;
-			for (const k of [
-				"100",
-				"200",
-				"300",
-				"400",
-				"450",
-				"500",
-				"600",
-				"800",
-				"900"
-			]) {
-				m[`--dsw-static-deepseek-${k}`] = p.brand;
-				m[`--dsw-static-blue-${k}`] = p.brand;
-			}
-			m["--dsw-static-deepseek-50"] = p.brand + "15";
-			m["--dsw-static-blue-50"] = p.brand + "15";
-			m["--dsw-static-blue-50p"] = p.brand + "15";
-			m["--dsw-static-blue-75"] = p.brand + "20";
-			m["--dsw-static-green-100"] = p.ok + "20";
-			m["--dsw-static-green-400"] = p.ok;
-			m["--dsw-static-green-500"] = p.ok;
-			m["--dsw-static-green-900"] = p.ok + "30";
-			m["--dsw-static-amber-100"] = p.warn + "20";
-			m["--dsw-static-amber-400"] = p.warn;
-			m["--dsw-static-amber-500"] = p.warn;
-			m["--dsw-static-amber-600"] = p.warn;
-			m["--dsw-static-amber-900"] = p.warn + "30";
-			m["--dsw-static-red-50"] = p.err + "15";
-			m["--dsw-static-red-100"] = p.err + "20";
-			m["--dsw-static-red-400"] = p.err;
-			m["--dsw-static-red-500"] = p.err;
-			m["--dsw-static-red-600"] = p.err;
-			m["--dsw-static-red-900"] = p.err + "30";
-			m["--dsw-static-neutral-00"] = p.lp;
-			m["--dsw-static-neutral-50"] = p.lp;
-			m["--dsw-static-neutral-100"] = p.ls;
-			m["--dsw-static-neutral-150"] = p.ls;
-			m["--dsw-static-neutral-200"] = p.b1;
-			m["--dsw-static-neutral-250"] = p.b1;
-			m["--dsw-static-neutral-300"] = p.b1;
-			m["--dsw-static-neutral-400"] = p.b1;
-			m["--dsw-static-neutral-500"] = p.b2;
-			m["--dsw-static-neutral-550"] = p.b2;
-			m["--dsw-static-neutral-600"] = p.b2;
-			m["--dsw-static-neutral-700"] = p.l2;
-			m["--dsw-static-neutral-800"] = p.l2;
-			m["--dsw-static-neutral-850"] = p.l1;
-			m["--dsw-static-neutral-900"] = base;
-			m["--dsw-static-neutral-1000"] = base;
-			return m;
-		}
-		const SHIKI_TABLE = /* @__PURE__ */ new Map([
-			[PRESETS.nord.light, {
-				constant: "#2e6ea6",
-				string: "#3d7a1f",
-				comment: "#6c7a8e",
-				keyword: "#8b4a9a",
-				parameter: "#9a5d2e",
-				function: "#2f6f8a",
-				stringExpression: "#3d7a1f",
-				punctuation: "#4c566a",
-				link: "#5e81ac"
-			}],
-			[PRESETS.nord.dark, {
-				constant: "#8be9fd",
-				string: "#a3be8c",
-				comment: "#6272a4",
-				keyword: "#ff79c6",
-				parameter: "#d08770",
-				function: "#88c0d0",
-				stringExpression: "#a3be8c",
-				punctuation: "#8ca0b8",
-				link: "#88c0d0"
-			}],
-			[PRESETS.onedark.light, {
-				constant: "#0b7ea4",
-				string: "#1f7a3a",
-				comment: "#76808f",
-				keyword: "#a626a4",
-				parameter: "#986801",
-				function: "#4078f2",
-				stringExpression: "#1f7a3a",
-				punctuation: "#5c6370",
-				link: "#4078f2"
-			}],
-			[PRESETS.onedark.dark, {
-				constant: "#56b6c2",
-				string: "#98c379",
-				comment: "#7f848e",
-				keyword: "#c678dd",
-				parameter: "#d19a66",
-				function: "#61afef",
-				stringExpression: "#98c379",
-				punctuation: "#abb2bf",
-				link: "#61afef"
-			}],
-			[PRESETS.github.light, {
-				constant: "#0550ae",
-				string: "#0a3069",
-				comment: "#6e7781",
-				keyword: "#cf222e",
-				parameter: "#953800",
-				function: "#8250df",
-				stringExpression: "#1a7f37",
-				punctuation: "#656d76",
-				link: "#0969da"
-			}],
-			[PRESETS.github.dark, {
-				constant: "#79c0ff",
-				string: "#a5d6ff",
-				comment: "#8b949e",
-				keyword: "#ff7b72",
-				parameter: "#ffa657",
-				function: "#d2a8ff",
-				stringExpression: "#7ee787",
-				punctuation: "#8b949e",
-				link: "#58a6ff"
-			}],
-			[PRESETS.catppuccin.light, {
-				constant: "#0b7ec8",
-				string: "#1a7a3a",
-				comment: "#7a7f8e",
-				keyword: "#8839ef",
-				parameter: "#fe640b",
-				function: "#1e66f5",
-				stringExpression: "#1a7a3a",
-				punctuation: "#5c5f77",
-				link: "#1e66f5"
-			}],
-			[PRESETS.catppuccin.dark, {
-				constant: "#89dceb",
-				string: "#a6e3a1",
-				comment: "#6c7086",
-				keyword: "#cba6f7",
-				parameter: "#fab387",
-				function: "#89b4fa",
-				stringExpression: "#a6e3a1",
-				punctuation: "#bac2de",
-				link: "#89b4fa"
-			}],
-			[PRESETS.dracula.light, {
-				constant: "#6a3fb5",
-				string: "#1a7a3a",
-				comment: "#6d7a9e",
-				keyword: "#a21caf",
-				parameter: "#b45309",
-				function: "#7c3aed",
-				stringExpression: "#1a7a3a",
-				punctuation: "#44475a",
-				link: "#7c3aed"
-			}],
-			[PRESETS.dracula.dark, {
-				constant: "#8be9fd",
-				string: "#50fa7b",
-				comment: "#6272a4",
-				keyword: "#ff79c6",
-				parameter: "#ffb86c",
-				function: "#bd93f9",
-				stringExpression: "#50fa7b",
-				punctuation: "#f8f8f2",
-				link: "#bd93f9"
-			}],
-			[PRESETS.tokyonight.light, {
-				constant: "#0f4b6e",
-				string: "#1a7a3a",
-				comment: "#6e7a9e",
-				keyword: "#8c4351",
-				parameter: "#965027",
-				function: "#34548a",
-				stringExpression: "#1a7a3a",
-				punctuation: "#5a638c",
-				link: "#34548a"
-			}],
-			[PRESETS.tokyonight.dark, {
-				constant: "#7dcfff",
-				string: "#9ece6a",
-				comment: "#565f89",
-				keyword: "#bb9af7",
-				parameter: "#ff9e64",
-				function: "#7aa2f7",
-				stringExpression: "#9ece6a",
-				punctuation: "#c0caf5",
-				link: "#7aa2f7"
-			}],
-			[PRESETS.solarized.light, {
-				constant: "#2aa198",
-				string: "#586e75",
-				comment: "#93a1a1",
-				keyword: "#859900",
-				parameter: "#cb4b16",
-				function: "#268bd2",
-				stringExpression: "#2aa198",
-				punctuation: "#657b83",
-				link: "#268bd2"
-			}],
-			[PRESETS.solarized.dark, {
-				constant: "#2aa198",
-				string: "#859900",
-				comment: "#586e75",
-				keyword: "#268bd2",
-				parameter: "#cb4b16",
-				function: "#b58900",
-				stringExpression: "#2aa198",
-				punctuation: "#93a1a1",
-				link: "#268bd2"
-			}],
-			[PRESETS.gruvbox.light, {
-				constant: "#076678",
-				string: "#79740e",
-				comment: "#928374",
-				keyword: "#9d0006",
-				parameter: "#af3a03",
-				function: "#076678",
-				stringExpression: "#79740e",
-				punctuation: "#504945",
-				link: "#076678"
-			}],
-			[PRESETS.gruvbox.dark, {
-				constant: "#83a598",
-				string: "#b8bb26",
-				comment: "#928374",
-				keyword: "#fb4934",
-				parameter: "#fe8019",
-				function: "#fabd2f",
-				stringExpression: "#b8bb26",
-				punctuation: "#ebdbb2",
-				link: "#83a598"
-			}],
-			[PRESETS.monokai.light, {
-				constant: "#6b42a0",
-				string: "#2a7a2a",
-				comment: "#8a8a8a",
-				keyword: "#c4265e",
-				parameter: "#b45a00",
-				function: "#6b42a0",
-				stringExpression: "#2a7a2a",
-				punctuation: "#5b5956",
-				link: "#6b42a0"
-			}],
-			[PRESETS.monokai.dark, {
-				constant: "#ab9df2",
-				string: "#a9dc76",
-				comment: "#7a7978",
-				keyword: "#ff6188",
-				parameter: "#fc9867",
-				function: "#78dce8",
-				stringExpression: "#a9dc76",
-				punctuation: "#fcfcfa",
-				link: "#ab9df2"
-			}],
-			[PRESETS.rosepine.light, {
-				constant: "#56949f",
-				string: "#286983",
-				comment: "#9893a5",
-				keyword: "#907aa9",
-				parameter: "#b4637a",
-				function: "#907aa9",
-				stringExpression: "#286983",
-				punctuation: "#575279",
-				link: "#907aa9"
-			}],
-			[PRESETS.rosepine.dark, {
-				constant: "#9ccfd8",
-				string: "#ebbcba",
-				comment: "#6e6a86",
-				keyword: "#c4a7e7",
-				parameter: "#eb6f92",
-				function: "#e0def4",
-				stringExpression: "#ebbcba",
-				punctuation: "#e0def4",
-				link: "#c4a7e7"
-			}],
-			[PRESETS.ayu.light, {
-				constant: "#55b4d4",
-				string: "#86b300",
-				comment: "#a8b0bb",
-				keyword: "#fa8d3e",
-				parameter: "#f07171",
-				function: "#55b4d4",
-				stringExpression: "#86b300",
-				punctuation: "#5c6773",
-				link: "#55b4d4"
-			}],
-			[PRESETS.ayu.dark, {
-				constant: "#39bae6",
-				string: "#7fd962",
-				comment: "#5c6773",
-				keyword: "#ffb454",
-				parameter: "#ff8f40",
-				function: "#59e1ff",
-				stringExpression: "#7fd962",
-				punctuation: "#c5cddb",
-				link: "#39bae6"
-			}],
-			[PRESETS.zenburn.light, {
-				constant: "#2b6f6f",
-				string: "#8c3333",
-				comment: "#7a8a7a",
-				keyword: "#705040",
-				parameter: "#8f5a00",
-				function: "#2b6f6f",
-				stringExpression: "#8c3333",
-				punctuation: "#5f6f5f",
-				link: "#2b6f6f"
-			}],
-			[PRESETS.zenburn.dark, {
-				constant: "#8cd0d3",
-				string: "#cc9393",
-				comment: "#7f9f7f",
-				keyword: "#f0dfaf",
-				parameter: "#d0bf8f",
-				function: "#8cd0d3",
-				stringExpression: "#cc9393",
-				punctuation: "#dcdccc",
-				link: "#8cd0d3"
-			}]
-		]);
-		const SHIKI_FALLBACK = {
-			constant: "#0550ae",
-			string: "#1a7f37",
-			comment: "#6e7781",
-			keyword: "#cf222e",
-			parameter: "#953800",
-			function: "#8250df",
-			stringExpression: "#1a7f37",
-			punctuation: "#656d76",
-			link: "#0969da"
-		};
-		function shikiCss(p) {
-			const m = {};
-			m["--shiki-foreground"] = p.lp;
-			m["--shiki-background"] = pickCodeBlockColors(p).block;
-			const t = SHIKI_TABLE.get(p) ?? SHIKI_FALLBACK;
-			m["--shiki-token-constant"] = t.constant;
-			m["--shiki-token-string"] = t.string;
-			m["--shiki-token-comment"] = t.comment;
-			m["--shiki-token-keyword"] = t.keyword;
-			m["--shiki-token-parameter"] = t.parameter;
-			m["--shiki-token-function"] = t.function;
-			m["--shiki-token-string-expression"] = t.stringExpression;
-			m["--shiki-token-punctuation"] = t.punctuation;
-			m["--shiki-token-link"] = t.link;
-			return m;
+		const SHIKI_CSS = `
+:root {
+  --shiki-foreground: var(--dsw-alias-label-primary);
+  --shiki-background: var(--dsw-alias-markdown-code-block);
+  --shiki-token-constant: #1c7ed6;
+  --shiki-token-string: #2f9e44;
+  --shiki-token-comment: #868e96;
+  --shiki-token-keyword: #d6336c;
+  --shiki-token-parameter: #e8590c;
+  --shiki-token-function: #6741d9;
+  --shiki-token-string-expression: #2b8a3e;
+  --shiki-token-punctuation: #495057;
+  --shiki-token-link: #1971c2;
+}
+
+html[data-ds-dark-theme], body[data-ds-dark-theme] {
+  --shiki-token-constant: #4dabf7;
+  --shiki-token-string: #69db7c;
+  --shiki-token-comment: #adb5bd;
+  --shiki-token-keyword: #faa2c1;
+  --shiki-token-parameter: #ffa94d;
+  --shiki-token-function: #b197fc;
+  --shiki-token-string-expression: #8ce99a;
+  --shiki-token-punctuation: #ced4da;
+  --shiki-token-link: #74c0fc;
+}
+`;
+		//#endregion
+		//#region src/client/tokens.ts
+		function buildBaseCss() {
+			return `${buildPrimitivesCss()}\n\n${SHIKI_CSS}`;
 		}
-		function getTokenMaps(id) {
+		const NOOP_PRESETS = /* @__PURE__ */ new Set(["native", "dsh"]);
+		function resolvePreset(id) {
+			if (NOOP_PRESETS.has(id)) return null;
 			const preset = PRESETS[id];
+			if (!preset) return null;
 			return {
-				lightAlias: aliasCss(preset.light),
-				darkAlias: aliasCss(preset.dark),
-				lightStat: staticCss(preset.light),
-				darkStat: staticCss(preset.dark),
-				lightShiki: shikiCss(preset.light),
-				darkShiki: shikiCss(preset.dark)
+				light: {
+					...PRIMITIVES_LIGHT,
+					...preset.light
+				},
+				dark: {
+					...PRIMITIVES_DARK,
+					...preset.dark
+				}
 			};
 		}
 		function buildOverrides(id) {
-			if (id === "native") return {};
-			const { lightAlias, darkAlias, lightStat, darkStat, lightShiki, darkShiki } = getTokenMaps(id);
-			const overrides = {};
-			const add = (a, b) => {
-				for (const k of /* @__PURE__ */ new Set([...Object.keys(a), ...Object.keys(b)])) overrides[k] = {
-					light: a[k] ?? b[k],
-					dark: b[k] ?? a[k]
-				};
-			};
-			add(lightAlias, darkAlias);
-			add(lightStat, darkStat);
-			add(lightShiki, darkShiki);
-			return overrides;
+			const resolved = resolvePreset(id);
+			if (!resolved) return {};
+			return primitiveOverrides(resolved.light, resolved.dark);
 		}
 		function buildFullCssFallback(id) {
-			if (id === "native") return "";
-			const { lightAlias, darkAlias, lightStat, darkStat, lightShiki, darkShiki } = getTokenMaps(id);
-			const block = (map) => Object.entries(map).map(([k, v]) => `  ${k}: ${v};`).join("\n");
-			return `:root{\n${block(lightStat)}\n${block(lightAlias)}\n${block(lightShiki)}\n}\nbody[data-ds-dark-theme]{\n${block(darkStat)}\n${block(darkAlias)}\n${block(darkShiki)}\n}`;
+			const resolved = resolvePreset(id);
+			if (!resolved) return "";
+			const toBlock = (m) => Object.entries(m).map(([k, v]) => `  ${k}: ${v};`).join("\n");
+			return `:root{\n${toBlock(resolved.light)}\n}\nhtml[data-ds-dark-theme], body[data-ds-dark-theme]{\n${toBlock(resolved.dark)}\n}`;
 		}
 		//#endregion
 		//#region src/client/style-injector.ts
 		function createStyleInjector() {
 			const disposers = /* @__PURE__ */ new Set();
+			function track(dispose) {
+				const wrapped = () => {
+					try {
+						dispose();
+					} catch {}
+					disposers.delete(wrapped);
+				};
+				disposers.add(wrapped);
+				return wrapped;
+			}
 			function insert(css) {
 				try {
 					if (typeof styles !== "undefined" && typeof styles.insert === "function") {
 						const dispose = styles.insert(css);
-						const wrapped = () => {
-							try {
-								dispose?.();
-							} catch {}
-							disposers.delete(wrapped);
-						};
-						disposers.add(wrapped);
-						return wrapped;
+						if (typeof dispose === "function") return track(dispose);
 					}
 				} catch {}
 				const tag = document.createElement("style");
 				tag.dataset.plugin = "dsh-cool-theme";
 				tag.textContent = css;
 				document.head.appendChild(tag);
-				const wrapped = () => {
-					tag.remove();
-					disposers.delete(wrapped);
-				};
-				disposers.add(wrapped);
-				return wrapped;
+				return track(() => tag.remove());
 			}
 			function disposeAll() {
 				for (const d of [...disposers]) try {
@@ -1332,7 +1331,10 @@ window.__ModuleLoader__.load({
 			"presets.desc": "一键套用主流配色方案",
 			"scheme.light": "浅色",
 			"scheme.dark": "深色",
-			"scheme.system": "跟随系统"
+			"scheme.system": "跟随系统",
+			"command.desc": "打开主题设置",
+			"command.open": "打开主题设置",
+			"command.detail": "快速打开主题面板"
 		};
 		/** English dictionary, checked complete against the zh key set. */
 		const en = {
@@ -1343,36 +1345,35 @@ window.__ModuleLoader__.load({
 			"presets.desc": "Apply popular color schemes in one click",
 			"scheme.light": "Light",
 			"scheme.dark": "Dark",
-			"scheme.system": "System"
+			"scheme.system": "System",
+			"command.desc": "Open theme settings",
+			"command.open": "Open theme settings",
+			"command.detail": "Quickly open theme panel"
 		};
 		//#endregion
 		//#region src/client/theme.tsx
-		/**
-		* Client theme module — registers settings.section id=cool-theme.
-		*/
-		const PALETTE_ICON_PATH = "M12 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z";
-		const PALETTE_ICON_DOTS = [
-			{
-				cx: "13.5",
-				cy: "6.5",
-				r: "1.4"
-			},
-			{
-				cx: "17.5",
-				cy: "10.5",
-				r: "1.4"
-			},
-			{
-				cx: "6.5",
-				cy: "12.5",
-				r: "1.4"
-			},
-			{
-				cx: "8.5",
-				cy: "7.5",
-				r: "1.4"
-			}
-		];
+		const BASE_CSS = [
+			".ct-select{box-sizing:border-box;display:inline-flex;align-items:center;gap:12px;height:36px;padding:0 14px;border:none;border-radius:18px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);cursor:pointer;font:inherit;font-size:14px;line-height:22px;white-space:nowrap;width:auto;min-width:0;max-width:100%;}",
+			".ct-select:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);}",
+			".ct-select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--dsw-alias-border-l3);}",
+			".ct-select-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}",
+			".ct-select-chevron{flex:none;color:var(--dsw-alias-label-tertiary);display:inline-flex;transition:transform 120ms ease;}",
+			".ct-select[aria-expanded=\"true\"] .ct-select-chevron{transform:rotate(180deg);}",
+			".ct-menu-list{box-sizing:border-box;padding:4px;display:flex;flex-direction:column;gap:0;border:1px solid var(--dsw-alias-border-inverted);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3);min-width:218px;max-width:360px;}",
+			".ct-menu-item{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 10px;border:none;border-radius:10px;background:transparent;cursor:pointer;font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary);text-align:left;font-family:inherit;}",
+			".ct-menu-item:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);}",
+			".ct-menu-check{flex:none;color:var(--dsw-alias-label-primary);display:inline-flex;margin-left:auto;}",
+			".ct-menu-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}",
+			".ct-row{border-bottom:1px solid var(--dsw-alias-border-l2);padding:16px 2px;display:flex;align-items:center;gap:16px;}",
+			".ct-row:last-child{border-bottom:none;}",
+			".ct-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-right:48px;}",
+			".ct-row-title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px;}",
+			".ct-row-desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px;}"
+		].join("\n");
+		const NOOP = /* @__PURE__ */ new Set(["native", "dsh"]);
+		function isValidPreset(v) {
+			return !!v && (NOOP.has(v) || v in PRESETS);
+		}
 		function registerTheme(ctx) {
 			const slots = ctx.get("slots");
 			const theme = ctx.get("theme");
@@ -1387,71 +1388,48 @@ window.__ModuleLoader__.load({
 				}), "dsh-cool-theme: theme dictionaries");
 				t = locale.bind(NS);
 			}
-			const baseCss = [
-				".ct-select{box-sizing:border-box;display:inline-flex;align-items:center;gap:12px;height:36px;padding:0 14px;border:none;border-radius:18px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-primary);cursor:pointer;font:inherit;font-size:14px;line-height:22px;white-space:nowrap;width:auto;min-width:0;max-width:100%;}",
-				".ct-select:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);}",
-				".ct-select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--dsw-alias-border-l3);}",
-				".ct-select-label{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}",
-				".ct-select-chevron{flex:none;color:var(--dsw-alias-label-tertiary);display:inline-flex;transition:transform 120ms ease;}",
-				".ct-select[aria-expanded=\"true\"] .ct-select-chevron{transform:rotate(180deg);}",
-				".ct-menu-list{box-sizing:border-box;padding:4px;display:flex;flex-direction:column;gap:0;border:1px solid var(--dsw-alias-border-inverted);border-radius:12px;background:var(--dsw-specific-menu);box-shadow:var(--dsw-shadow-lv3);min-width:218px;max-width:360px;}",
-				".ct-menu-item{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:8px 10px;border:none;border-radius:10px;background:transparent;cursor:pointer;font-size:14px;line-height:22px;color:var(--dsw-alias-label-primary);text-align:left;font-family:inherit;}",
-				".ct-menu-item:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover);}",
-				".ct-menu-check{flex:none;color:var(--dsw-alias-label-primary);display:inline-flex;margin-left:auto;}",
-				".ct-menu-item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}",
-				".ct-row{border-bottom:1px solid var(--dsw-alias-border-l2);padding:16px 2px;display:flex;align-items:center;gap:16px;}",
-				".ct-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-right:48px;}",
-				".ct-row-title{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:400;line-height:22px;}",
-				".ct-row-desc{color:var(--dsw-alias-label-tertiary);font-size:12px;font-weight:400;line-height:18px;}",
-				"[class*=\"navCell\"]:hover{background:var(--dsw-specific-sidebar-nav-item-hover) !important;}",
-				"[class*=\"navCell\"].active,[class*=\"navCell\"][aria-current=\"true\"]{background:var(--dsw-specific-sidebar-nav-item-active) !important;font-weight:500;}",
-				"[class*=\"navCell\"].active [class*=\"navIcon\"],[class*=\"navCell\"][aria-current=\"true\"] [class*=\"navIcon\"]{color:var(--dsw-alias-brand-primary) !important;}",
-				".ct-select:hover,.ct-select[aria-expanded=\"true\"]{background:var(--dsw-alias-interactive-bg-hover) !important;}",
-				".ct-menu-item:hover{background:var(--dsw-alias-interactive-bg-hover) !important;}",
-				".ct-menu-item:active{background:var(--dsw-alias-interactive-bg-active) !important;}",
-				"[class*=\"AppearanceRow_group\"]{display:none !important;}",
-				":root{--dsw-cool-theme-toast-bg:#ffffff;--dsw-cool-theme-toast-fg:#2e3440;--dsw-cool-theme-toast-border:#e5e9f0;}",
-				"body[data-ds-dark-theme]{--dsw-cool-theme-toast-bg:#3b4252;--dsw-cool-theme-toast-fg:#eceff4;--dsw-cool-theme-toast-border:#4c566a;}",
-				"[class*=\"Toast_toast\"],[class*=\"toast\"],[role=\"alert\"],[data-sonner-toast]{background:var(--dsw-cool-theme-toast-bg) !important;color:var(--dsw-cool-theme-toast-fg) !important;border:1px solid var(--dsw-cool-theme-toast-border, var(--dsw-alias-border-l1)) !important;box-shadow:var(--dsw-shadow-lv3, 0 8px 24px rgba(0,0,0,.12)) !important;}",
-				"body:not([data-ds-dark-theme]) [class*=\"toast\"], body:not([data-ds-dark-theme]) [class*=\"Toast_toast\"], body:not([data-ds-dark-theme]) [data-sonner-toast]{background:#ffffff !important;color:#2e3440 !important;border-color:#e5e9f0 !important;}",
-				"body[data-ds-dark-theme] [class*=\"toast\"], body[data-ds-dark-theme] [class*=\"Toast_toast\"], body[data-ds-dark-theme] [data-sonner-toast]{background:#3b4252 !important;color:#eceff4 !important;border-color:#4c566a !important;}",
-				"[data-sonner-toast]{--normal-bg:var(--dsw-cool-theme-toast-bg) !important;--normal-border:var(--dsw-cool-theme-toast-border) !important;--normal-text:var(--dsw-cool-theme-toast-fg) !important;}",
-				"button[class*=\"Button_primary\"]:hover,button[class*=\"primary\"]:hover{background:var(--dsw-alias-button-primary-hover) !important;color:var(--dsw-alias-label-primary-foreground) !important;}",
-				"button[class*=\"Button_outline\"]:hover{color:var(--dsw-alias-label-primary) !important;}"
-			].join("\n");
 			const injector = createStyleInjector();
-			const baseDisposer = injector.insert(baseCss);
+			const pluginCssDisposer = injector.insert(BASE_CSS);
+			let baselineDisposer = null;
 			let overrideDispose = null;
 			let fallbackDispose = null;
-			function isValidPreset(v) {
-				return !!v && (v === "native" || v in PRESETS);
+			const release = (fn) => {
+				if (!fn) return null;
+				try {
+					fn();
+				} catch {}
+				return null;
+			};
+			function ensureBaseline(active) {
+				if (active) {
+					if (!baselineDisposer) baselineDisposer = injector.insert(buildBaseCss());
+				} else if (baselineDisposer) baselineDisposer = release(baselineDisposer);
 			}
 			function getPreset() {
-				try {
-					const cur = localStorage.getItem(THEME_STORAGE_KEY);
-					if (isValidPreset(cur)) return cur;
-					const legacy = localStorage.getItem(THEME_STORAGE_KEY_LEGACY);
-					if (isValidPreset(legacy)) {
-						try {
-							localStorage.setItem(THEME_STORAGE_KEY, legacy);
-						} catch {}
-						return legacy;
-					}
+				for (const key of [THEME_STORAGE_KEY, THEME_STORAGE_KEY_LEGACY]) try {
+					const cur = localStorage.getItem(key);
+					if (!isValidPreset(cur)) continue;
+					const normalized = cur === "native" ? "dsh" : cur;
+					if (cur !== normalized) try {
+						localStorage.setItem(THEME_STORAGE_KEY, normalized);
+					} catch {}
+					else if (key === "cooltea-theme-preset") try {
+						localStorage.setItem(THEME_STORAGE_KEY, cur);
+					} catch {}
+					return normalized;
 				} catch {}
-				return "native";
+				return "dsh";
 			}
 			function applyPreset(id) {
-				try {
-					overrideDispose?.();
-				} catch {}
-				overrideDispose = null;
-				try {
-					fallbackDispose?.();
-				} catch {}
-				fallbackDispose = null;
-				if (id === "native") return;
+				overrideDispose = release(overrideDispose);
+				fallbackDispose = release(fallbackDispose);
+				if (NOOP.has(id)) {
+					ensureBaseline(false);
+					return;
+				}
+				ensureBaseline(true);
 				const overrides = buildOverrides(id);
-				if (theme && typeof theme.overrideTokens === "function") try {
+				if (theme?.overrideTokens) try {
 					overrideDispose = theme.overrideTokens("dsh-cool-theme", overrides);
 					return;
 				} catch {}
@@ -1463,88 +1441,13 @@ window.__ModuleLoader__.load({
 				} catch {}
 				applyPreset(id);
 			}
-			try {
-				const init = getPreset();
-				if (init !== "native") applyPreset(init);
-			} catch {}
-			function hideGeneralAppearance() {
-				try {
-					const titles = document.querySelectorAll("[class*=\"AppearanceRow_title\"], [class*=\"title\"]");
-					for (const el of Array.from(titles)) {
-						const txt = (el.textContent || "").trim();
-						if (txt === "外观" || txt === "Appearance" || txt.toLowerCase() === "appearance") {
-							const group = el.closest("[class*=\"AppearanceRow_group\"]") || el.closest("[class*=\"group\"]") || el.parentElement;
-							if (group && group.querySelector("[class*=\"themeCube\"]")) group.style.display = "none";
-						}
-					}
-					const groups = document.querySelectorAll("[class*=\"AppearanceRow_group\"]");
-					for (const g of Array.from(groups)) if (g.querySelector("[class*=\"themeCube\"]")) g.style.display = "none";
-				} catch {}
-			}
-			function fixThemeNavIcon() {
-				try {
-					const cells = document.querySelectorAll("[class*=\"navCell\"]");
-					for (const cell of Array.from(cells)) {
-						const label = cell.querySelector("[class*=\"navLabel\"]");
-						if (!label) continue;
-						const txt = (label.textContent || "").trim();
-						if (txt !== "主题" && txt !== "Theme") continue;
-						const icon = cell.querySelector("svg");
-						if (!icon || icon.dataset.ctPalette === "1") continue;
-						const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-						svg.setAttribute("class", icon.getAttribute("class") || "");
-						svg.setAttribute("width", "16");
-						svg.setAttribute("height", "16");
-						svg.setAttribute("viewBox", "0 0 24 24");
-						svg.setAttribute("fill", "none");
-						svg.setAttribute("data-ct-palette", "1");
-						const body = document.createElementNS("http://www.w3.org/2000/svg", "path");
-						body.setAttribute("fill", "none");
-						body.setAttribute("stroke", "currentColor");
-						body.setAttribute("stroke-width", "2");
-						body.setAttribute("stroke-linecap", "round");
-						body.setAttribute("stroke-linejoin", "round");
-						body.setAttribute("d", PALETTE_ICON_PATH);
-						svg.appendChild(body);
-						for (const dot of PALETTE_ICON_DOTS) {
-							const circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-							circle.setAttribute("fill", "currentColor");
-							circle.setAttribute("stroke", "none");
-							circle.setAttribute("cx", dot.cx);
-							circle.setAttribute("cy", dot.cy);
-							circle.setAttribute("r", dot.r);
-							svg.appendChild(circle);
-						}
-						icon.replaceWith(svg);
-					}
-				} catch {}
-			}
-			hideGeneralAppearance();
-			fixThemeNavIcon();
-			try {
-				const obs = new MutationObserver(() => {
-					hideGeneralAppearance();
-					fixThemeNavIcon();
-				});
-				obs.observe(document.body, {
-					childList: true,
-					subtree: true
-				});
-				ctx.effect(() => () => obs.disconnect());
-			} catch {}
+			applyPreset(getPreset());
 			ctx.effect(() => () => {
-				try {
-					baseDisposer();
-				} catch {}
-				try {
-					overrideDispose?.();
-				} catch {}
-				try {
-					fallbackDispose?.();
-				} catch {}
-				try {
-					injector.disposeAll();
-				} catch {}
+				release(pluginCssDisposer);
+				baselineDisposer = release(baselineDisposer);
+				overrideDispose = release(overrideDispose);
+				fallbackDispose = release(fallbackDispose);
+				injector.disposeAll();
 			});
 			slots.inject("settings.section", () => {
 				const options = {
@@ -1561,6 +1464,300 @@ window.__ModuleLoader__.load({
 					setPreset
 				}));
 			});
+			const PALETTE_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M0 0h24v24H0z\" fill=\"none\"/><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M12 22a1 1 0 0 1 0-20a10 9 0 0 1 10 9a5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z\"/><circle cx=\"13.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"17.5\" cy=\"10.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"6.5\" cy=\"12.5\" r=\".5\" fill=\"currentColor\"/><circle cx=\"8.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"/></g></svg>";
+			let paletteObs = null;
+			function patchThemeNavIcon() {
+				if (typeof document === "undefined") return;
+				let currentLabel = "";
+				try {
+					currentLabel = t("nav");
+				} catch {}
+				const candidates = new Set([
+					currentLabel,
+					zh.nav,
+					en.nav
+				].filter(Boolean));
+				const cells = document.querySelectorAll("[class*=\"navCell\"], button[class*=\"navCell\"]");
+				const toPatch = [];
+				if (cells.length > 0) cells.forEach((c) => toPatch.push(c));
+				else document.querySelectorAll("[class*=\"nav\"] button").forEach((b) => toPatch.push(b));
+				for (const cell of toPatch) {
+					const text = ((cell.querySelector("[class*=\"navLabel\"]") || cell)?.textContent || cell.textContent || "").trim();
+					if (!Array.from(candidates).some((lbl) => text === lbl || text.includes(lbl))) continue;
+					if (cell.querySelector("[data-palette-icon]")) continue;
+					const svg = cell.querySelector("svg");
+					if (!svg) continue;
+					svg.style.display = "none";
+					svg.setAttribute("data-palette-hidden", "1");
+					const holder = document.createElement("span");
+					holder.setAttribute("data-palette-icon", "1");
+					holder.style.display = "inline-flex";
+					holder.style.flex = "none";
+					holder.setAttribute("aria-hidden", "true");
+					holder.innerHTML = PALETTE_SVG;
+					svg.parentNode?.insertBefore(holder, svg.nextSibling);
+				}
+			}
+			if (typeof document !== "undefined" && typeof MutationObserver !== "undefined") {
+				try {
+					patchThemeNavIcon();
+				} catch {}
+				try {
+					paletteObs = new MutationObserver(() => {
+						try {
+							patchThemeNavIcon();
+						} catch {}
+					});
+					paletteObs.observe(document.body, {
+						childList: true,
+						subtree: true,
+						characterData: true
+					});
+				} catch {}
+				ctx.effect(() => () => {
+					if (paletteObs) {
+						try {
+							paletteObs.disconnect();
+						} catch {}
+						paletteObs = null;
+					}
+					if (typeof document !== "undefined") {
+						document.querySelectorAll("svg[data-palette-hidden=\"1\"]").forEach((el) => {
+							el.style.display = "";
+							el.removeAttribute("data-palette-hidden");
+						});
+						document.querySelectorAll("[data-palette-icon]").forEach((el) => el.remove());
+					}
+				});
+			}
+			const HIDE_APPEARANCE_CSS = ".OVFIkW_section [data-slot=\"settings.general.item\"] .D7wrZG_group{display:none !important;}";
+			let hideCssDisposer = null;
+			let apObs = null;
+			function isAppearanceNode(el) {
+				const text = el.textContent || "";
+				const hasTitle = text.includes("外观") || text.includes("Appearance");
+				const hasCubes = el.querySelector("[class*=\"themeCube\"]") !== null || el.querySelector("[class*=\"D7wrZG\"]") !== null;
+				return hasTitle && hasCubes;
+			}
+			function hideAppearanceInGeneral() {
+				if (typeof document === "undefined") return;
+				const container = document.querySelector(".OVFIkW_section [data-slot=\"settings.general.item\"]");
+				if (!container) return;
+				for (const child of Array.from(container.children)) if (isAppearanceNode(child)) child.style.display = "none";
+			}
+			slots.inject("settings.general.item", () => {
+				try {
+					hideCssDisposer = injector.insert(HIDE_APPEARANCE_CSS);
+				} catch {}
+				let disposeShadow = null;
+				try {
+					disposeShadow = slots.register({
+						name: "settings.general.item",
+						id: "appearance",
+						priority: -1
+					}, () => null);
+				} catch {}
+				if (typeof MutationObserver !== "undefined" && typeof document !== "undefined") {
+					hideAppearanceInGeneral();
+					try {
+						apObs = new MutationObserver(hideAppearanceInGeneral);
+						const target = document.body;
+						apObs.observe(target, {
+							childList: true,
+							subtree: true
+						});
+					} catch {}
+				}
+				return () => {
+					if (disposeShadow) {
+						try {
+							disposeShadow();
+						} catch {}
+						disposeShadow = null;
+					}
+					if (hideCssDisposer) {
+						try {
+							hideCssDisposer();
+						} catch {}
+						hideCssDisposer = null;
+					}
+					if (apObs) {
+						try {
+							apObs.disconnect();
+						} catch {}
+						apObs = null;
+					}
+					if (typeof document !== "undefined") {
+						const container = document.querySelector(".OVFIkW_section [data-slot=\"settings.general.item\"]");
+						if (container) for (const child of Array.from(container.children)) {
+							const el = child;
+							if (el.style.display === "none") el.style.display = "";
+						}
+					}
+				};
+			});
+			function collectThemeLabels() {
+				const s = /* @__PURE__ */ new Set();
+				try {
+					const cur = t("nav");
+					if (cur) s.add(cur);
+				} catch {}
+				if (zh.nav) s.add(zh.nav);
+				if (en.nav) s.add(en.nav);
+				return s;
+			}
+			function isSettingsPanelOpen() {
+				if (typeof document === "undefined") return false;
+				return document.querySelector("[role=\"dialog\"][aria-modal=\"true\"]") !== null;
+			}
+			function findSettingsTrigger() {
+				if (typeof document === "undefined") return null;
+				const btn = document.querySelector("button[aria-haspopup=\"dialog\"]");
+				if (btn) return btn;
+				for (const b of Array.from(document.querySelectorAll("button"))) {
+					const txt = (b.textContent || "").trim();
+					if (txt.includes("设置") || txt.toLowerCase().includes("settings")) {
+						if (b.getAttribute("aria-haspopup") === "dialog" || b.getAttribute("aria-expanded") !== null) return b;
+					}
+				}
+				return null;
+			}
+			function findThemeNavCell(labels) {
+				if (typeof document === "undefined") return null;
+				const cells = document.querySelectorAll("[class*=\"navCell\"]");
+				if (cells.length > 0) for (const c of Array.from(cells)) {
+					const text = ((c.querySelector("[class*=\"navLabel\"]") || c).textContent || c.textContent || "").trim();
+					for (const lbl of labels) if (text === lbl || text.includes(lbl)) return c;
+				}
+				const navButtons = document.querySelectorAll("[class*=\"nav\"] button, nav button");
+				for (const b of Array.from(navButtons)) {
+					const text = (b.textContent || "").trim();
+					for (const lbl of labels) if (text === lbl || text.includes(lbl)) return b;
+				}
+				return null;
+			}
+			function openCoolThemeSettings() {
+				if (typeof document === "undefined") return false;
+				const labels = collectThemeLabels();
+				if (isSettingsPanelOpen()) {
+					const cell = findThemeNavCell(labels);
+					if (cell) {
+						try {
+							cell.click();
+						} catch {}
+						return true;
+					}
+					return false;
+				}
+				const trigger = findSettingsTrigger();
+				if (!trigger) return false;
+				try {
+					trigger.click();
+				} catch {
+					return false;
+				}
+				let attempts = 0;
+				const maxAttempts = 40;
+				const timer = setInterval(() => {
+					attempts++;
+					try {
+						patchThemeNavIcon();
+					} catch {}
+					const cell = findThemeNavCell(labels);
+					if (cell) {
+						clearInterval(timer);
+						setTimeout(() => {
+							try {
+								cell.click();
+							} catch {}
+						}, 30);
+						return;
+					}
+					if (attempts >= maxAttempts) clearInterval(timer);
+				}, 50);
+				setTimeout(() => {
+					try {
+						patchThemeNavIcon();
+					} catch {}
+				}, 120);
+				return true;
+			}
+			try {
+				ctx.inject(["commandUi", "locale"], (scope) => {
+					const commandUi = scope.get("commandUi");
+					const loc = scope.get("locale");
+					if (!commandUi || !loc) return;
+					let dispose = null;
+					const sync = () => {
+						if (dispose) {
+							try {
+								dispose();
+							} catch {}
+							dispose = null;
+						}
+						try {
+							dispose = commandUi.register({
+								name: "cool-theme",
+								description: t("command.desc"),
+								available: () => true,
+								ui: {
+									kind: "popupSelect",
+									options: async () => [{
+										id: "open",
+										label: t("command.open"),
+										detail: t("command.detail")
+									}],
+									onSelect: async () => {
+										openCoolThemeSettings();
+									}
+								}
+							});
+						} catch {}
+					};
+					sync();
+					let off = null;
+					try {
+						off = loc.subscribe(sync);
+					} catch {}
+					scope.effect(() => () => {
+						if (off) {
+							try {
+								off();
+							} catch {}
+							off = null;
+						}
+						if (dispose) {
+							try {
+								dispose();
+							} catch {}
+							dispose = null;
+						}
+					}, "dsh-cool-theme: /cool-theme contribution");
+				});
+			} catch {}
+			if (typeof document !== "undefined") {
+				const onKey = (e) => {
+					if (!(e.ctrlKey || e.metaKey) || !e.shiftKey) return;
+					if (e.key.toLowerCase() !== "t") return;
+					const target = e.target;
+					if (target) {
+						const tag = target.tagName?.toLowerCase();
+						if (tag === "input" || tag === "textarea" || target.isContentEditable) return;
+					}
+					e.preventDefault();
+					try {
+						openCoolThemeSettings();
+					} catch {}
+				};
+				try {
+					document.addEventListener("keydown", onKey);
+					ctx.effect(() => () => {
+						try {
+							document.removeEventListener("keydown", onKey);
+						} catch {}
+					});
+				} catch {}
+			}
 		}
 		//#endregion
 		//#region src/client/index.ts