/** * Splash color schemes. Default (no attribute) matches dark-blue. * Set on : data-theme="dark-red" | "light-blue" | … */ html[data-theme="dark-red"] { --bg-deep: #0f0608; --bg-mid: #1a0c10; --accent: #f0667a; --accent-soft: rgba(240, 102, 122, 0.2); --accent-glow-a: rgba(240, 102, 122, 0.16); --accent-glow-b: rgba(255, 140, 120, 0.07); --text: #f4e8ea; --text-muted: rgba(244, 232, 234, 0.58); --edge: rgba(255, 255, 255, 0.06); --grid-line: rgba(255, 255, 255, 0.075); --note-muted: rgba(244, 232, 234, 0.42); --footnote-muted: rgba(244, 232, 234, 0.3); --domain-muted: rgba(240, 102, 122, 0.55); --horizon-tint: rgba(26, 12, 16, 0.55); --logo-shadow: rgba(0, 0, 0, 0.5); --theme-color: #0f0608; } html[data-theme="dark-green"] { --bg-deep: #060d0a; --bg-mid: #0c1812; --accent: #3ecf8e; --accent-soft: rgba(62, 207, 142, 0.2); --accent-glow-a: rgba(62, 207, 142, 0.14); --accent-glow-b: rgba(120, 220, 180, 0.07); --text: #e8f4ee; --text-muted: rgba(232, 244, 238, 0.58); --edge: rgba(255, 255, 255, 0.06); --grid-line: rgba(255, 255, 255, 0.075); --note-muted: rgba(232, 244, 238, 0.42); --footnote-muted: rgba(232, 244, 238, 0.3); --domain-muted: rgba(62, 207, 142, 0.55); --horizon-tint: rgba(12, 24, 18, 0.55); --logo-shadow: rgba(0, 0, 0, 0.45); --theme-color: #060d0a; } html[data-theme="dark-brown"] { --bg-deep: #0a0806; --bg-mid: #14100c; --accent: #d4a574; --accent-soft: rgba(212, 165, 116, 0.2); --accent-glow-a: rgba(212, 165, 116, 0.14); --accent-glow-b: rgba(180, 130, 90, 0.08); --text: #f2ebe4; --text-muted: rgba(242, 235, 228, 0.58); --edge: rgba(255, 255, 255, 0.06); --grid-line: rgba(255, 255, 255, 0.075); --note-muted: rgba(242, 235, 228, 0.42); --footnote-muted: rgba(242, 235, 228, 0.3); --domain-muted: rgba(212, 165, 116, 0.58); --horizon-tint: rgba(20, 16, 12, 0.55); --logo-shadow: rgba(0, 0, 0, 0.5); --theme-color: #0a0806; } html[data-theme="light-blue"] { --bg-deep: #f0f4fb; --bg-mid: #e2eaf6; --accent: #1d63d8; --accent-soft: rgba(29, 99, 216, 0.12); --accent-glow-a: rgba(29, 99, 216, 0.12); --accent-glow-b: rgba(100, 150, 230, 0.08); --text: #121820; --text-muted: rgba(18, 24, 32, 0.62); --edge: rgba(0, 0, 0, 0.07); --grid-line: rgba(0, 0, 0, 0.055); --note-muted: rgba(18, 24, 32, 0.45); --footnote-muted: rgba(18, 24, 32, 0.38); --domain-muted: rgba(29, 99, 216, 0.75); --horizon-tint: rgba(226, 234, 246, 0.85); --logo-shadow: rgba(15, 30, 60, 0.12); --theme-color: #f0f4fb; } html[data-theme="light-red"] { --bg-deep: #faf4f3; --bg-mid: #f0e4e4; --accent: #b4232c; --accent-soft: rgba(180, 35, 44, 0.12); --accent-glow-a: rgba(180, 35, 44, 0.1); --accent-glow-b: rgba(220, 120, 110, 0.08); --text: #1c1010; --text-muted: rgba(28, 16, 16, 0.62); --edge: rgba(0, 0, 0, 0.07); --grid-line: rgba(0, 0, 0, 0.054); --note-muted: rgba(28, 16, 16, 0.45); --footnote-muted: rgba(28, 16, 16, 0.38); --domain-muted: rgba(180, 35, 44, 0.72); --horizon-tint: rgba(240, 228, 228, 0.88); --logo-shadow: rgba(60, 20, 20, 0.1); --theme-color: #faf4f3; } html[data-theme="light-green"] { --bg-deep: #f2faf5; --bg-mid: #e4f0ea; --accent: #157a4a; --accent-soft: rgba(21, 122, 74, 0.12); --accent-glow-a: rgba(21, 122, 74, 0.1); --accent-glow-b: rgba(90, 190, 130, 0.08); --text: #0f1814; --text-muted: rgba(15, 24, 20, 0.62); --edge: rgba(0, 0, 0, 0.07); --grid-line: rgba(0, 0, 0, 0.054); --note-muted: rgba(15, 24, 20, 0.45); --footnote-muted: rgba(15, 24, 20, 0.38); --domain-muted: rgba(21, 122, 74, 0.75); --horizon-tint: rgba(228, 240, 234, 0.88); --logo-shadow: rgba(10, 40, 25, 0.1); --theme-color: #f2faf5; } html[data-theme="light-brown"] { --bg-deep: #faf6f0; --bg-mid: #efe6dc; --accent: #8b5a2b; --accent-soft: rgba(139, 90, 43, 0.14); --accent-glow-a: rgba(139, 90, 43, 0.1); --accent-glow-b: rgba(200, 160, 110, 0.1); --text: #1a1410; --text-muted: rgba(26, 20, 16, 0.62); --edge: rgba(0, 0, 0, 0.07); --grid-line: rgba(0, 0, 0, 0.052); --note-muted: rgba(26, 20, 16, 0.45); --footnote-muted: rgba(26, 20, 16, 0.38); --domain-muted: rgba(139, 90, 43, 0.78); --horizon-tint: rgba(239, 230, 220, 0.9); --logo-shadow: rgba(50, 35, 20, 0.1); --theme-color: #faf6f0; }