/* ============================================================ V9 display themes. A theme is a swap of the accent set + the obsidian ladder, applied via . Every V9 surface reads these tokens (tokens.css), so theming is pure CSS — no markup changes. Model: ACCENT + CANVAS TINT (Donovan, 2026-06-13). The ladder shifts a whisper toward the accent hue but stays matte + dark — the "Obsidian Terminal" identity holds; only the highlight color (and a faint canvas warmth/coolness) changes. Semantic colors + type are NOT themed. accent-ink is dark on every accent (AA on the button), matching the law's "dark text on the one bright color". Loaded AFTER tokens.css so it wins. :root in tokens.css keeps the Voltage values as the no-attribute fallback. ============================================================ */ /* Voltage — logo yellow, neutral obsidian. The default. */ [data-v9-theme="voltage"] { --v9-accent: #FFCC03; --v9-accent-press: #E3B602; --v9-accent-ink: #131204; --v9-focus-glow: 0 0 0 3px rgba(255, 204, 3, 0.22); --v9-bg: #060608; --v9-surface: #101014; --v9-raised: #15151A; --v9-hover: #1B1B21; --v9-line: #232329; --v9-line-strong: #34343C; } /* Ember — fire red-orange, warm-black canvas. */ [data-v9-theme="ember"] { --v9-accent: #FF5A3C; --v9-accent-press: #E8462A; --v9-accent-ink: #1E0A05; --v9-focus-glow: 0 0 0 3px rgba(255, 90, 60, 0.22); --v9-bg: #0A0605; --v9-surface: #16100D; --v9-raised: #1B140F; --v9-hover: #221714; --v9-line: #2F2622; --v9-line-strong: #40342D; } /* Tide — water blue, cool blue-black canvas. */ [data-v9-theme="tide"] { --v9-accent: #46A6FF; --v9-accent-press: #2E92F0; --v9-accent-ink: #04101F; --v9-focus-glow: 0 0 0 3px rgba(70, 166, 255, 0.22); --v9-bg: #05070C; --v9-surface: #0E1119; --v9-raised: #12161F; --v9-hover: #181D28; --v9-line: #232838; --v9-line-strong: #333B4E; } /* Verdant — grass green, green-black canvas. */ [data-v9-theme="verdant"] { --v9-accent: #4FD06E; --v9-accent-press: #3DBA5B; --v9-accent-ink: #04140A; --v9-focus-glow: 0 0 0 3px rgba(79, 208, 110, 0.22); --v9-bg: #050806; --v9-surface: #0E140F; --v9-raised: #121A14; --v9-hover: #17221A; --v9-line: #222E26; --v9-line-strong: #313F35; } /* Psybeam — psychic violet, violet-black canvas. */ [data-v9-theme="psybeam"] { --v9-accent: #B07BFF; --v9-accent-press: #9C63F5; --v9-accent-ink: #120628; --v9-focus-glow: 0 0 0 3px rgba(176, 123, 255, 0.22); --v9-bg: #08060C; --v9-surface: #131017; --v9-raised: #181320; --v9-hover: #1E1829; --v9-line: #2A2438; --v9-line-strong: #38314E; } /* Frost — ice teal, teal-black canvas. */ [data-v9-theme="frost"] { --v9-accent: #3FD6CE; --v9-accent-press: #2EC2BB; --v9-accent-ink: #04140F; --v9-focus-glow: 0 0 0 3px rgba(63, 214, 206, 0.22); --v9-bg: #05090A; --v9-surface: #0E1517; --v9-raised: #12191B; --v9-hover: #172123; --v9-line: #222E30; --v9-line-strong: #313F42; } /* Rose — fairy pink, rose-black canvas. */ [data-v9-theme="rose"] { --v9-accent: #FF7AB0; --v9-accent-press: #F060A0; --v9-accent-ink: #1F0814; --v9-focus-glow: 0 0 0 3px rgba(255, 122, 176, 0.22); --v9-bg: #0A0609; --v9-surface: #161014; --v9-raised: #1B1419; --v9-hover: #221720; --v9-line: #2E2630; --v9-line-strong: #3E3340; }