Administratörer väljer ljus, mörk eller systemläge för hela organisationen. Varumärkesfärgen driver knappar, aktiva sidofältsposter, fokusringar och hover-stater — i båda lägena — utan en enda CSS-överskrivning.
Din instrumentpanel är inte en generisk administratörskonsol — det är en del av din produkt. Instrumentpanelstema låter dig välja ljus, mörk eller systemläge för hela organisationen och låta din varumärkesfärg flöda genom varje accent som UI:n använder. En Spara-knapp, två minuters inställning, inga utvecklare.
Från Inställningar → Varumärke, kontrollerar administratörer och ägare tre saker som sammansätter en enhetlig look:
Hela instrumentpanelen antar valet omedelbart för varje medlem av organisationen. Icke-administrativa teammedlemmar ser det valda temat; endast administratörer/ägare kan ändra det.
Teman staplas rent eftersom varje lager berör en annan uppsättning CSS-variabler:
--primary, --ring, --accent, plus sidofältvarianterna. Knappar, aktiva navigeringsobjekt, fokusringar och hover-stater antar alla varumärkesfärgen i båda lägena.Eftersom varumärkesfärgen endast målar accenter får du aldrig oläslig text på en medeltonad bakgrund eller en ljus knapp som försvinner i mörkt läge. Systemet väljer också rätt textfärg automatiskt — svart text på ljusa varumärkesfärger, vit text på mörka — med hjälp av WCAG-luminansformeln. Du kan överskrida det valet om designen kräver det.
De flesta tematiska system bryter för ljusa varumärkesfärger. En blek gul varumärke på en Spara-knapp bör inte producera en knappt synlig accent vid hover. Accentnyansalgoritmen kontrollerar varumärkets ljushet: mörka och medelvarumärken får en *ljusare* nyans, redan-ljusa varumärken får en *mörkare*. Oavsett vilket finns det ett meningsfullt kontraststeg mellan primär och accent — så hover- och fokusstater läses alltid klart.
När en administratör ändrar temat, utlöses en sändningsevent som får varje öppen instrumentpanelflik i samma webbläsare att hämta och tillämpa på nytt — ingen omladdning behövs. Över enheter och andra medlemmar visas det nya temat vid nästa sidladdning.
Tematisering tillämpas på organisationsinstrumentpanelen och den offentliga hjälpcentret. Marknadsföringssidor, dokument och inloggning förblir ljusa av design — de delas över alla kunder och bör inte följa något enskilt organisations varumärke. Ramverket tvingar ljus läge på dessa rutter, så navigering från en mörk instrumentpanel till inloggningssidan återställs rent.
En instrumentpanel som matchar ditt varumärke är inte en kosmetisk detalj. Det är signalen att plattformen är *din*, inte ett generiskt SaaS-verktyg du hyr. När ditt supportteam och dina kunskapsbasförfattare loggar in på något som ser ut som din produkt, behandlar de det som en del av deras arbete — inte en tredjepartsadministrationspanel de tolererar. Och när en kund besöker ditt varumärkes hjälpcenter, förstärker upplevelsen vem de får stöd från, inte vem som byggde det underliggande verktyget.