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 adminconsole - het is een onderdeel van je product. Dashboardthema'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 vloeien. Eén opslaan-knop, twee minuten instellen, geen ontwikkelaars.
Vanuit Instellingen Branding, beheerders en eigenaren controleren drie dingen die samen een enkele samenhangende uitstraling vormen:
Het hele dashboard past de keuze onmiddellijk toe 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-ton 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 bleke gele 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* tint. 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 paginalading.
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 over alle klanten en zouden niet de merk van een enkele organisatie moeten volgen. Het framework dwingt de lichte modus af op die routes, zodat navigeren van een donker dashboard naar de inlogpagina schoon wordt gereset.
Een dashboard dat overeenkomt met je merk is geen cosmetisch detail. Het is het signaal dat het platform *van jou* is, geen generieke SaaS-tool die je huurt. Wanneer je ondersteuningsteam en je auteurs van de kennisbasis inloggen op iets dat eruitziet als jouw product, behandelen ze het als onderdeel van hun werk - niet als een derde partij adminpaneel dat ze tolereren. En wanneer een klant je gebrandmerkte helpcentrum bezoekt, versterkt de ervaring wie ze ondersteuning krijgen, niet wie het onderliggende hulpmiddel heeft gebouwd.