/* ═══════════════════════════════════════════════════════ THEME SYSTEM — CSS Custom Properties Switch themes via data-theme attribute on ═══════════════════════════════════════════════════════ */ /* Green Theme (Default) — Classic terminal */ :root, [data-theme="green"] { --text-primary: #33ff33; --text-dim: #1a9a1a; --text-bright: #80ff80; --bg-primary: #0a0a0a; --bg-secondary: #0d120d; --glow-color: rgba(51, 255, 51, 0.35); --glow-strong: rgba(51, 255, 51, 0.55); --link-color: #66ff66; --link-hover: #aaffaa; --prompt-color: #33cc33; --error-color: #ff4444; --selection-bg: rgba(51, 255, 51, 0.25); --scrollbar-thumb: rgba(51, 255, 51, 0.25); --scanline-color: rgba(0, 0, 0, 0.12); --boot-glow: #33ff33; } /* Amber Theme — Warm retro phosphor */ [data-theme="amber"] { --text-primary: #ffb000; --text-dim: #996a00; --text-bright: #ffd466; --bg-primary: #0a0800; --bg-secondary: #100e04; --glow-color: rgba(255, 176, 0, 0.35); --glow-strong: rgba(255, 176, 0, 0.55); --link-color: #ffc533; --link-hover: #ffe080; --prompt-color: #cc8c00; --error-color: #ff6644; --selection-bg: rgba(255, 176, 0, 0.25); --scrollbar-thumb: rgba(255, 176, 0, 0.25); --scanline-color: rgba(0, 0, 0, 0.12); --boot-glow: #ffb000; } /* Blue Theme — Modern cool terminal */ [data-theme="blue"] { --text-primary: #00d4ff; --text-dim: #007a99; --text-bright: #66e5ff; --bg-primary: #04080c; --bg-secondary: #080e14; --glow-color: rgba(0, 212, 255, 0.35); --glow-strong: rgba(0, 212, 255, 0.55); --link-color: #33ddff; --link-hover: #80eaff; --prompt-color: #00aacc; --error-color: #ff5577; --selection-bg: rgba(0, 212, 255, 0.25); --scrollbar-thumb: rgba(0, 212, 255, 0.25); --scanline-color: rgba(0, 0, 0, 0.12); --boot-glow: #00d4ff; }