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 - den är en del av din produkt. Tematisering av instrumentpanelen 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 användargränssnittet använder. En Spara-knapp, två minuter av inställningar, 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 i organisationen. Icke-administratörsmedarbetare 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-tillstånd 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 mellantonad 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 tematiseringssystem 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 mellanfärger 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 fokus-tillstånd läses alltid tydligt.
När en administratör ändrar temat, utlöses ett sändningsevenemang som får varje öppen instrumentpanelflik i samma webbläsare att hämta och återanvända - ingen omladdning behövs. Över enheter och andra medlemmar visas det nya temat vid nästa sidladdning.
Tematisering tillämpas på organisationsinstrumentpanelen och offentliga hjälpcentrum. 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 ljusläge på dessa rutter, så att navigera från en mörk instrumentpanel till inloggningssidan återställer 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 sitt arbete - inte en tredjeparts administratörspanel de tolererar. Och när en kund besöker ditt varumärkes hjälpcentrum, förstärker upplevelsen vem de får stöd från, inte vem som byggde det underliggande verktyget.