Muitos sites modernos permitem que os usuários alternem entre modo claro e escuro. Por isso, é essencial que o widget de chat ao vivo funcione bem em ambos os temas.
Este guia mostra como ativar o modo escuro no widget com base na preferência de sistema do visitante.
Como funciona o modo escuro no widget
O widget pode se adaptar automaticamente ao tema do sistema operacional do usuário (claro ou escuro), se configurado corretamente.
Exemplo de exibição do modo escuro
(Você pode incluir aqui uma captura de tela do widget em modo escuro, se desejar)
Como ativar o modo escuro
Para ativar o modo escuro no widget, você deve usar o parâmetro darkMode dentro da configuração Settings do script de instalação.
window.chatwootSettings = {
darkMode: "auto"
};
Valores suportados
O parâmetro darkMode aceita dois valores:
-
"light"– Ativa apenas o modo claro (padrão). -
"auto"– Ativa o modo claro ou escuro de acordo com a preferência do sistema operacional do usuário.
⚠️ Observação: O valor
"dark"(modo escuro fixo) ainda não é suportado. Essa funcionalidade será adicionada em versões futuras.
Com essa configuração, o widget se adapta dinamicamente ao tema do dispositivo do visitante, proporcionando uma experiência de atendimento mais consistente com o design do seu site.