/* ============================================================ comms — palette themes Six directions to explore. Each overrides the tokens declared in app.css. Apply via etc. ============================================================ */ /* A · PHOSPHOR — green CRT terminal */ [data-theme="phosphor"] { --bg-0: #050805; --bg-1: #0a120a; --bg-2: #0f1c0f; --bg-input: #060c06; --line: #1c3a1c; --line-strong: #2d5d2d; --accent-danger: #ff5f5f; /* identity / primary */ --accent-danger-hover: #ff7a7a; --accent-danger-pressed: #d94646; --accent-info: #7ce97c; /* phosphor green — links, sections */ --accent-info-hover: #a8f5a8; --accent-success: #00ff88; --accent-success-hover: #4dffa3; --accent-warning: #ffe66d; --accent-token: #c8ff5c; --text: #c8f0c8; --text-muted: #7ab47a; --text-dim: #4a7a4a; --tint-success: #061f0e; --tint-warning: #1f1a05; --tint-danger: #1f0808; --tint-info: #0a1f0a; } /* B · AMBER — wood-paneled VT220 */ [data-theme="amber"] { --bg-0: #0e0805; --bg-1: #15100a; --bg-2: #1f1810; --bg-input: #0a0604; --line: #3a2814; --line-strong: #5d3f1f; --accent-danger: #ff6b3d; --accent-danger-hover: #ff8557; --accent-danger-pressed: #d9532d; --accent-info: #ffb74d; /* warm amber */ --accent-info-hover: #ffcb7a; --accent-success: #c7d96b; /* yellow-green, period correct */ --accent-success-hover: #d8e98a; --accent-warning: #ffd54f; --accent-token: #ffe082; --text: #f0d9b5; --text-muted: #b89770; --text-dim: #7a5e3f; --tint-success: #1a1f08; --tint-warning: #1f1604; --tint-danger: #1f0a05; --tint-info: #1f1408; } /* C · HOT DOG STAND — SA forum self-aware ugliness, refined. The classic Win95 "Hot Dog Stand" theme as a love letter, not a parody. Dirty pink, off-yellow, deep maroon. Forum-ass. */ [data-theme="hotdog"] { --bg-0: #1a0a0a; --bg-1: #2a1218; --bg-2: #3a1a22; --bg-input: #100608; --line: #5a2a35; --line-strong: #7a3848; --accent-danger: #ff4860; --accent-danger-hover: #ff6680; --accent-danger-pressed: #cc3a4d; --accent-info: #ffd866; /* mustard yellow */ --accent-info-hover: #ffe599; --accent-success: #ff8c42; /* orange — yes, "success" is orange here */ --accent-success-hover: #ffa666; --accent-warning: #ffb84d; --accent-token: #ffe599; --text: #f5e6e0; --text-muted: #c89a90; --text-dim: #8a6058; --tint-success: #2a1408; --tint-warning: #2a1808; --tint-danger: #2a0a14; --tint-info: #2a1f08; } /* D · YOSPOS — green-on-black, SA's terminal-themed subforum. Spiritual cousin of phosphor but darker, denser, more aggressive. Yellow accents like a 1996 BBS welcome screen. */ [data-theme="yospos"] { --bg-0: #000000; --bg-1: #0a0a0a; --bg-2: #141414; --bg-input: #050505; --line: #1a3a1a; --line-strong: #2d5d2d; --accent-danger: #ff3030; --accent-danger-hover: #ff5050; --accent-danger-pressed: #cc2828; --accent-info: #00ff00; /* hard green */ --accent-info-hover: #4dff4d; --accent-success: #00cc44; --accent-success-hover: #33dd66; --accent-warning: #ffcc00; --accent-token: #ffff66; /* eye-searing yellow */ --text: #00dd00; --text-muted: #008800; --text-dim: #005500; --tint-success: #001a08; --tint-warning: #1f1a00; --tint-danger: #1f0505; --tint-info: #001a00; /* override font: this theme is mono ALL THE WAY */ --font-sans: var(--font-mono); } [data-theme="yospos"] body, [data-theme="yospos"] h1, [data-theme="yospos"] h2, [data-theme="yospos"] h3, [data-theme="yospos"] h4 { text-shadow: 0 0 1px currentColor; } /* E · COMMS — the original (no overrides; matches default tokens) */ /* F · BORDEAUX — deep wine + brass. Private salon, not terminal. */ [data-theme="bordeaux"] { --bg-0: #0c0608; --bg-1: #1a0e14; --bg-2: #2a1822; --bg-input: #08040a; --line: #3a1f30; --line-strong: #5d2d48; --accent-danger: #d4506e; /* dusty rose */ --accent-danger-hover: #e0708a; --accent-danger-pressed: #b03c5a; --accent-info: #d4a574; /* brushed brass */ --accent-info-hover: #e0bc94; --accent-success: #88b04b; --accent-success-hover: #a3c46d; --accent-warning: #e09f3e; --accent-token: #f0d77a; --text: #ede0d8; --text-muted: #b0928a; --text-dim: #786058; --tint-success: #14180a; --tint-warning: #1a1208; --tint-danger: #1f0a14; --tint-info: #1a140a; }