/* ===================================================================== CyberForgiumWeb , adminCFW , THEME REGISTRY --------------------------------------------------------------------- This is the ONLY file that declares colours, glows, radii and fonts. Every other stylesheet consumes these custom properties and never hardcodes a colour. Swap the active theme at any moment by setting the data-theme attribute on (see assets/js/theme.js). Default theme ("forgium") isolates the graphic identity of the public CyberForgium website (teal on near-black, red neon accent), lifted from CyberForgiumWeb/style.css so the two stay visually in sync. To add a theme: copy a [data-theme="..."] block and register it in the THEMES array in assets/js/theme.js. ===================================================================== */ :root { /* ── Metrics shared by all themes ── */ --radius: 14px; --radius-sm: 8px; --radius-lg: 20px; --sidebar-w: 256px; --topbar-h: 60px; --ease: cubic-bezier(.16, .84, .44, 1); --font-mono: "Share Tech Mono", ui-monospace, "DejaVu Sans Mono", "SFMono-Regular", Menlo, Consolas, monospace; --font-sans: "DejaVu Sans", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* ── Default palette = "forgium" (from the public site) ── */ --bg: #06090A; --panel: #0A0E10; --panel-2: #0F181B; --field: #050809; --primary: #379FB2; /* teal */ --primary-bright:#6CD6E6; --primary-dim: #2A6A76; --accent: #ff2740; /* red neon , dominant highlight */ --accent-bright: #ff5d70; --accent-dim: #b3121f; --accent-deep: #3a0a10; --accent-glow: rgba(255, 39, 64, .55); --accent-glow-soft: rgba(255, 39, 64, .22); --secondary: #D6A53A; /* amber */ --alt: #B07CF0; /* purple */ --text: #F2F6F7; --text-soft: #AEC4C9; --muted: #6E8A90; --border: #17262B; --border-strong: #24373d; --ok: #35c98a; --warn: #D6A53A; --danger: #ff2740; --shadow: 0 18px 48px -24px rgba(0,0,0,.8); color-scheme: dark; } /* ===================================================================== Theme: forgium (explicit selector so it can be re-selected) ===================================================================== */ :root[data-theme="forgium"] { /* identical to defaults above; declared for completeness */ --bg:#06090A; --panel:#0A0E10; --panel-2:#0F181B; --field:#050809; --primary:#379FB2; --primary-bright:#6CD6E6; --primary-dim:#2A6A76; --accent:#ff2740; --accent-bright:#ff5d70; --accent-dim:#b3121f; --accent-deep:#3a0a10; --accent-glow:rgba(255,39,64,.55); --accent-glow-soft:rgba(255,39,64,.22); --secondary:#D6A53A; --alt:#B07CF0; --text:#F2F6F7; --text-soft:#AEC4C9; --muted:#6E8A90; --border:#17262B; --border-strong:#24373d; --ok:#35c98a; --warn:#D6A53A; --danger:#ff2740; color-scheme: dark; } /* ===================================================================== Theme: midnight , calm blue command deck ===================================================================== */ :root[data-theme="midnight"] { --bg:#080B14; --panel:#0D1220; --panel-2:#131B2E; --field:#070A12; --primary:#4F8CFF; --primary-bright:#8FB6FF; --primary-dim:#2C5AAE; --accent:#00E0C6; --accent-bright:#54F5E2; --accent-dim:#0A9E8C; --accent-deep:#052923; --accent-glow:rgba(0,224,198,.5); --accent-glow-soft:rgba(0,224,198,.2); --secondary:#FFC24B; --alt:#9B8CFF; --text:#EEF3FF; --text-soft:#AEBDDA; --muted:#6B7BA0; --border:#1B2540; --border-strong:#2A3860; --ok:#35c98a; --warn:#FFC24B; --danger:#ff5470; color-scheme: dark; } /* ===================================================================== Theme: matrix , green phosphor terminal ===================================================================== */ :root[data-theme="matrix"] { --bg:#02100A; --panel:#04160E; --panel-2:#082016; --field:#010C07; --primary:#00d97e; --primary-bright:#5cffb0; --primary-dim:#0a7a49; --accent:#39ff14; --accent-bright:#8dff6a; --accent-dim:#1f9e0a; --accent-deep:#0a2b05; --accent-glow:rgba(57,255,20,.5); --accent-glow-soft:rgba(57,255,20,.2); --secondary:#c8ff4b; --alt:#4bffd0; --text:#E6FFEA; --text-soft:#A6D9B4; --muted:#5f8f6f; --border:#0f2a1a; --border-strong:#1b4029; --ok:#39ff14; --warn:#c8ff4b; --danger:#ff5470; color-scheme: dark; } /* ===================================================================== Theme: daylight , light operations console ===================================================================== */ :root[data-theme="daylight"] { --bg:#EEF1F3; --panel:#FFFFFF; --panel-2:#F4F7F8; --field:#FFFFFF; --primary:#0E7C8C; --primary-bright:#12A0B4; --primary-dim:#0A5B67; --accent:#D6142B; --accent-bright:#F03248; --accent-dim:#A50F20; --accent-deep:#FBE2E5; --accent-glow:rgba(214,20,43,.28); --accent-glow-soft:rgba(214,20,43,.12); --secondary:#B7791F; --alt:#7C4DD6; --text:#0E1416; --text-soft:#3A4A50; --muted:#6E8288; --border:#D2DBDE; --border-strong:#B7C4C9; --ok:#1a9e63; --warn:#B7791F; --danger:#D6142B; --shadow: 0 18px 48px -28px rgba(20,40,50,.35); color-scheme: light; }