Os administradores escolhem o modo claro, escuro ou do sistema para toda a organização. A cor da marca impulsiona botões, itens ativos da barra lateral, anéis de foco e estados de hover — em ambos os modos — sem uma única substituição de CSS.
Seu painel não é um console de administração genérico — é parte do seu produto. A tematização do painel permite que você escolha o modo claro, escuro ou do sistema para toda a organização e tenha a cor da sua marca fluindo através de cada acento que a interface usa. Um botão Salvar, dois minutos de configuração, sem desenvolvedores.
Em Configurações → Branding, administradores e proprietários controlam três coisas que compõem uma aparência coesa:
Todo o painel adota a escolha instantaneamente para cada membro da organização. Membros não administradores veem o tema escolhido; apenas administradores/proprietários podem mudá-lo.
Os temas se empilham de forma limpa porque cada camada toca um conjunto diferente de variáveis CSS:
--primary, --ring, --accent, além das variantes da barra lateral. Botões, itens de navegação ativos, anéis de foco e estados de hover adotam a cor da marca em ambos os modos.Como a cor da marca pinta apenas acentos, você nunca obtém texto ilegível em um fundo de tom médio ou um botão claro que desaparece no modo escuro. O sistema também escolhe automaticamente a cor do texto certa — texto preto em cores de marca claras, texto branco em escuras — usando a fórmula de luminância WCAG. Você pode substituir essa escolha se o design exigir.
A maioria dos sistemas de tematização falha para cores de marca claras. Uma marca amarela pálida em um botão Salvar não deve produzir um acento quase invisível ao passar o mouse. O algoritmo de tom de acento verifica a clareza da marca: marcas escuras e médias recebem um tom *mais claro*, marcas já claras recebem um tom *mais escuro*. De qualquer forma, há um passo de contraste significativo entre primário e acento — então os estados de hover e foco sempre são claramente legíveis.
Quando um administrador muda o tema, um evento de transmissão aciona cada aba de painel aberta no mesmo navegador para buscar e reaplicar — sem recarregar necessário. Em dispositivos e outros membros, o novo tema aparece na próxima carga de página.
A tematização se aplica ao painel da organização e ao centro de ajuda público. Páginas de marketing, documentos e login permanecem claros por design — são compartilhados entre todos os clientes e não devem seguir a marca de nenhuma organização. A estrutura força o modo claro nessas rotas, então navegar de um painel escuro para a página de login redefine de forma limpa.
Um painel que combina com sua marca não é um detalhe cosmético. É o sinal de que a plataforma é *sua*, não uma ferramenta SaaS genérica que você está alugando. Quando sua equipe de suporte e seus autores de base de conhecimento fazem login em algo que parece seu produto, eles o tratam como parte de seu trabalho — não como um painel de administração de terceiros que toleram. E quando um cliente visita seu centro de ajuda marcado, a experiência reforça de quem eles estão recebendo suporte, não quem construiu a ferramenta subjacente.