Beheerders kiezen licht, donker of systeemmodus voor de hele organisatie. De merk kleur stuurt knoppen, actieve zijbalkitems, focusringen en hover-staten — in beide modi — zonder een enkele CSS-override.
Je dashboard is geen generieke admin-console — het is onderdeel van je product. Dashboard-thema's stellen je in staat om licht, donker of systeemmodus voor de hele organisatie te kiezen en je merk kleur door elke accent die de UI gebruikt te laten stromen. Eén opslaan-knop, twee minuten instellen, geen ontwikkelaars.
Van Instellingen → Branding, beheerders en eigenaren controleren drie dingen die samenkomen in een enkele samenhangende look:
Het hele dashboard past de keuze onmiddellijk aan voor elk lid van de organisatie. Niet-beheerders zien het gekozen thema; alleen beheerders/eigenaren kunnen het wijzigen.
Thema's stapelen schoon omdat elke laag een andere set CSS-variabelen aanraakt:
--primary, --ring, --accent, plus de zijbalkvarianten. Knoppen, actieve navigatie-items, focusringen en hover-staten nemen allemaal de merk kleur aan in beide modi.Omdat de merk kleur alleen accenten schildert, krijg je nooit onleesbare tekst op een midden-tonen achtergrond of een lichte knop die verdwijnt in de donkere modus. Het systeem kiest ook automatisch de juiste tekstkleur — zwarte tekst op lichte merk kleuren, witte tekst op donkere — met behulp van de WCAG luminantieformule. Je kunt die keuze overschrijven als het ontwerp daarom vraagt.
De meeste themasystemen breken voor lichte merk kleuren. Een bleekgele merk op een opslaan-knop zou geen nauwelijks zichtbare accent op hover moeten produceren. Het accenttint-algoritme controleert de lichtheid van het merk: donkere en midden merken krijgen een *lichtere* tint, al lichte merken krijgen een *donkere*. Hoe dan ook, er is een betekenisvolle contraststap tussen primair en accent — zodat hover- en focusstaten altijd duidelijk leesbaar zijn.
Wanneer een beheerder het thema wijzigt, wordt een broadcast-evenement geactiveerd dat elke open dashboard-tab in dezelfde browser opnieuw ophaalt en opnieuw toepast — geen herlaad nodig. Over apparaten en andere leden verschijnt het nieuwe thema bij de volgende pagina-lading.
Thema's zijn van toepassing op het organisatie-dashboard en het publieke helpcentrum. Marketingpagina's, documenten en inloggen blijven licht van ontwerp — ze worden gedeeld tussen alle klanten en zouden niet het merk van één organisatie moeten volgen. Het framework dwingt de lichte modus af op die routes, zodat navigeren van een donker dashboard naar de inlogpagina schoon reset.