Cyberpunk design system theme constants with dark/light mode support.
Single source of truth for colors, breakpoints, and typography used across all dashboards.
Theme architecture:
– DARK_THEME_COLORS → Ingress-inspired neon palette (matches html[data-theme="dark"])
– LIGHT_THEME_COLORS → Professional green palette (matches html[data-theme="light"] / :root)
– getActiveThemeColors() → Runtime-resolved theme based on current data-theme attribute
Visual intelligence presentation standards — cyberpunk design system encoding
risk severity (CRITICAL red → LOW green), classification levels, and intelligence hierarchy
through consistent color semantics and typography.
Business
Brand identity infrastructure — the cyberpunk theme is a key differentiator
creating instant visual recognition. Design system consistency reduces development cost
for new features and ensures professional appearance across all 14 language versions.
Marketing
Brand consistency engine — ensures every screenshot, embed, and shared
visualization carries the distinctive Riksdagsmonitor visual identity. CSS custom
properties enable white-label customization for enterprise/B2G clients.
Description
Cyberpunk design system theme constants with dark/light mode support. Single source of truth for colors, breakpoints, and typography used across all dashboards.
Theme architecture: –
DARK_THEME_COLORS→ Ingress-inspired neon palette (matches html[data-theme="dark"]) –LIGHT_THEME_COLORS→ Professional green palette (matches html[data-theme="light"] / :root) –getActiveThemeColors()→ Runtime-resolved theme based on currentdata-themeattributeWCAG 2.1 AA compliance: Dark #001a1a / #f0f0f0 → 18.1:1 ✅ Cyan #00d9ff / #001a1a → 9.4:1 ✅ Light #f5f5f5 / #1a1a1a → 16.1:1 ✅ Cyan #0077b6 / #f5f5f5 → 5.2:1 ✅
Intelligence
Visual intelligence presentation standards — cyberpunk design system encoding risk severity (CRITICAL red → LOW green), classification levels, and intelligence hierarchy through consistent color semantics and typography.
Business
Brand identity infrastructure — the cyberpunk theme is a key differentiator creating instant visual recognition. Design system consistency reduces development cost for new features and ensures professional appearance across all 14 language versions.
Marketing
Brand consistency engine — ensures every screenshot, embed, and shared visualization carries the distinctive Riksdagsmonitor visual identity. CSS custom properties enable white-label customization for enterprise/B2G clients.