Os administradores escolhem o modo claro, escuro ou de 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 administrativo genérico — é parte do seu produto. Personalização do painel permite que você escolha o modo claro, escuro ou do sistema para toda a organização e faça com que a cor da sua marca flua através de cada detalhe que a interface usa. Um botão de 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 alterá-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 os acentos, você nunca terá 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 personalização quebra para cores de marca claras. Uma marca amarelo pálido 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 o primário e o acento — portanto, os estados de hover e foco sempre são claramente legíveis.
Quando um administrador altera o tema, um evento de transmissão aciona cada aba de painel aberta no mesmo navegador para buscar novamente e reaplicar — sem necessidade de recarregar. Em dispositivos e outros membros, o novo tema aparece na próxima carga de página.
A personalizaçã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 específica. 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 os autores da sua base de conhecimento fazem login em algo que parece seu produto, eles tratam isso como parte do seu trabalho — não como um painel administrativo de terceiros que toleram. E quando um cliente visita seu centro de ajuda com a marca, a experiência reforça de quem eles estão recebendo suporte, não quem construiu a ferramenta subjacente.