/* ───────────────────────────────────────────────────────────── nday.work — Theme System (web-console Layer B) Runtime themes: switch = set data-theme on . Only COLOR tokens change per theme; fonts/spacing/layout and the shared semantic status colors live in styles.css (theme-independent) so the Golden Test passes — swap the palette, still recognizably this product. Token contract mirrors the web-console skill. Four of the six (cyber / console-green / linear / vercel) use its real token values. ───────────────────────────────────────────────────────────── */ /* ── Signal — default, cool intelligence dark (crafted) ── */ :root, [data-theme="signal"] { --bg:#0b0e13; --surface:#12161d; --surface-2:#182029; --border:#26313f; --text:#e7ecf3; --text-muted:#9aa7ba; --text-subtle:#66748a; --primary:#d7a24b; --primary-hover:#e8b565; --on-primary:#1a1206; --success:#2ea6a0; --warning:#e0b341; --danger:#f2564b; --radius-sm:2px; --radius-md:5px; --radius-lg:8px; --scheme:dark; } /* ── Paper — cool editorial light (crafted, NOT warm-cream) ── */ [data-theme="paper"] { --bg:#eef0ee; --surface:#f7f8f6; --surface-2:#e7eae7; --border:#d3d8d4; --text:#171b1a; --text-muted:#4f5a58; --text-subtle:#7d8885; --primary:#9a6a1f; --primary-hover:#7d551a; --on-primary:#fffdf7; --success:#0f766e; --warning:#9a6a1f; --danger:#c0392b; --radius-sm:2px; --radius-md:5px; --radius-lg:8px; --scheme:light; } /* ── Cyber (web-console real tokens) ── */ [data-theme="cyber"] { --bg:#06060c; --surface:#0e0e1a; --surface-2:#12121f; --border:#1a2b3a; --text:#d6d6e4; --text-muted:#8a8aa0; --text-subtle:#5a5a6e; --primary:#00f0ff; --primary-hover:#5cf6ff; --on-primary:#06060c; --success:#00ff88; --warning:#ffcc00; --danger:#ff3366; --radius-sm:4px; --radius-md:8px; --radius-lg:10px; --scheme:dark; } /* ── Console Green (web-console real tokens — the previous nday.work look, as a theme) ── */ [data-theme="console-green"] { --bg:#101014; --surface:#18181c; --surface-2:#1f1f25; --border:#2a2a31; --text:#ffffff; --text-muted:#a3a3ad; --text-subtle:#6f6f78; --primary:#18a058; --primary-hover:#36ad6a; --on-primary:#ffffff; --success:#18a058; --warning:#f0a020; --danger:#d03050; --radius-sm:3px; --radius-md:6px; --radius-lg:10px; --scheme:dark; } /* ── Linear (web-console real tokens) ── */ [data-theme="linear"] { --bg:#010102; --surface:#0f1011; --surface-2:#141516; --border:#23252a; --text:#f7f8f8; --text-muted:#d0d6e0; --text-subtle:#8a8f98; --primary:#8f9bff; --primary-hover:#a7b0ff; --on-primary:#0a0a12; --success:#27a644; --warning:#d2952b; --danger:#e5484d; --radius-sm:6px; --radius-md:8px; --radius-lg:12px; --scheme:dark; } /* ── Vercel (web-console real tokens — light, mono-ink) ── */ [data-theme="vercel"] { --bg:#ffffff; --surface:#fafafa; --surface-2:#f1f1f1; --border:#e6e6e6; --text:#171717; --text-muted:#666666; --text-subtle:#999999; --primary:#171717; --primary-hover:#000000; --on-primary:#ffffff; --success:#0070f3; --warning:#f5a623; --danger:#ee0000; --radius-sm:6px; --radius-md:8px; --radius-lg:12px; --scheme:light; }