/* ============================================================ ADRIENALIN — themes.css Switch themes by changing data-theme on in base.ejs. Current active theme: "mono" Available: "neon" | "mono" ============================================================ */ /* ── Neon (original dark-blue gaming aesthetic) ───────────── */ [data-theme="neon"] { --bg-base: #080c16; --bg-surface: #0c1220; --bg-raised: #111828; --bg-border: #1c2a42; --text-primary: #e8eeff; --text-muted: #7a8db0; --text-faint: #334466; --accent: #4facff; --accent-dim: #1a6fcc; --accent-glow: rgba(79, 172, 255, 0.15); --logo-shadow: 0 0 12px rgba(79, 172, 255, 0.7), 0 0 32px rgba(79, 172, 255, 0.35); --shadow-glow: 0 0 40px rgba(79, 172, 255, 0.12); /* raw RGB for use in rgba() */ --accent-rgb: 79, 172, 255; --bg-base-rgb: 8, 12, 22; --hero-glow-2-bg: rgba(15, 45, 90, 0.6); } /* ── Mono (black and white fitness aesthetic) ─────────────── */ [data-theme="mono"] { --bg-base: #0a0a0a; --bg-surface: #111111; --bg-raised: #1c1c1c; --bg-border: #2a2a2a; --text-primary: #f0f0f0; --text-muted: #888888; --text-faint: #444444; --accent: #ffffff; --accent-dim: #666666; --accent-glow: rgba(255, 255, 255, 0.08); --logo-shadow: 0 0 12px rgba(255, 255, 255, 0.5), 0 0 32px rgba(255, 255, 255, 0.2); --shadow-glow: 0 0 40px rgba(255, 255, 255, 0.06); /* raw RGB for use in rgba() */ --accent-rgb: 255, 255, 255; --bg-base-rgb: 10, 10, 10; --hero-glow-2-bg: rgba(30, 30, 30, 0.8); }