Gli amministratori scelgono la modalità chiara, scura o di sistema per l'intera organizzazione. Il colore del marchio guida pulsanti, elementi attivi della barra laterale, anelli di messa a fuoco e stati di hover — in entrambe le modalità — senza un singolo override CSS.
Il tuo cruscotto non è una console di amministrazione generica — è parte del tuo prodotto. Tematizzazione del cruscotto ti consente di scegliere la modalità chiara, scura o di sistema per l'intera organizzazione e di far fluire il colore del tuo marchio attraverso ogni accento utilizzato dall'interfaccia utente. Un pulsante Salva, due minuti di configurazione, nessuno sviluppatore.
Da Impostazioni → Branding, gli amministratori e i proprietari controllano tre cose che compongono un aspetto coerente:
L'intero cruscotto adotta la scelta istantaneamente per ogni membro dell'organizzazione. I membri non amministratori vedono il tema scelto; solo gli amministratori/proprietari possono cambiarlo.
I temi si sovrappongono in modo pulito perché ogni strato tocca un diverso insieme di variabili CSS:
--primary, --ring, --accent, più le varianti della barra laterale. Pulsanti, elementi di navigazione attivi, anelli di messa a fuoco e stati di hover adottano tutti il colore del marchio in entrambe le modalità.Poiché il colore del marchio dipinge solo gli accenti, non avrai mai testo illeggibile su uno sfondo di tono medio o un pulsante chiaro che scompare in modalità scura. Il sistema sceglie automaticamente il giusto colore del testo — testo nero su colori di marchio chiari, testo bianco su colori scuri — utilizzando la formula di luminanza WCAG. Puoi sovrascrivere quella scelta se il design lo richiede.
La maggior parte dei sistemi di tematizzazione si interrompe per i colori di marchio chiari. Un marchio giallo pallido su un pulsante Salva non dovrebbe produrre un accento quasi invisibile al passaggio del mouse. L'algoritmo di tonalità di accento controlla la luminosità del marchio: i marchi scuri e medi ottengono una tonalità *più chiara*, i marchi già chiari ottengono una *tonalità più scura*. In entrambi i casi, c'è un passo di contrasto significativo tra primario e accento — quindi gli stati di hover e di messa a fuoco sono sempre leggibili.
Quando un amministratore cambia il tema, un evento di trasmissione attiva ogni scheda del cruscotto aperta nello stesso browser per recuperare e riapplicare — nessun ricaricamento necessario. Su dispositivi e altri membri, il nuovo tema appare al successivo caricamento della pagina.
La tematizzazione si applica al cruscotto dell'organizzazione e al centro assistenza pubblico. Le pagine di marketing, i documenti e il login rimangono chiari per design — sono condivisi tra tutti i clienti e non dovrebbero seguire il marchio di un'unica organizzazione. Il framework impone la modalità chiara su quelle rotte, quindi la navigazione da un cruscotto scuro alla pagina di login si ripristina in modo pulito.
Un cruscotto che corrisponde al tuo marchio non è un dettaglio cosmetico. È il segnale che la piattaforma è *tua*, non uno strumento SaaS generico che stai affittando. Quando il tuo team di supporto e gli autori della tua base di conoscenza accedono a qualcosa che sembra il tuo prodotto, lo trattano come parte del loro lavoro — non come un pannello di amministrazione di terze parti che tollerano. E quando un cliente visita il tuo centro assistenza a marchio, l'esperienza rafforza chi sta ricevendo supporto, non chi ha costruito lo strumento sottostante.