/* ========================================================================= MEKs runtime skin — EXAMPLE / TEMPLATE ========================================================================= Host this file anywhere (CDN, your own server, or this app's own BE at http://localhost:8081/override.example.css) and point the dashboard at it: Setting → Skin override → paste the URL → "Save & apply" Edit it on the server, then hit "Reload live" — the dashboard AND every OBS overlay re-fetch instantly, no app rebuild. It is loaded LAST in , so it overrides the bundled CSS via the cascade. Because the app is token-driven (see frontend/src/assets/css/theme.css), redefining a handful of design tokens reskins the whole app at once. The RGB-channel tokens (e.g. --brand-rgb) drive every translucent variant, so one line re-tints all the glows/borders built on that colour too. Everything below is a DEMO (a purple rebrand). Delete what you don't need. ========================================================================= */ :root, [data-theme="dark"] { /* Brand — flip the hero pink to violet. The channel re-tints every rgba(var(--brand-rgb), …) glow/border across the app in one shot. */ --brand: #8b5cf6; --brand-bright: #a78bfa; --brand-deep: #6d28d9; --brand-rgb: 139, 92, 246; --brand-bright-rgb: 167, 139, 250; /* Surfaces — darken / tint the canvas + cards. */ --app-bg: #0a0a16; --app-surface: #141026; /* Shape — rounder cards app-wide. */ --radius-lg: 22px; /* PK team identity is independent of --brand, so change it separately. */ /* --pk-attacker: #22d3ee; --pk-attacker-rgb: 34, 211, 238; */ } /* Light mode can be skinned too (dashboard only — OBS widgets stay dark). */ [data-theme="light"] { /* --app-bg: #f4f1fb; */ }