Sites modernos permitem que os usuários alternem entre os modos claro e escuro. Portanto, é importante que o chat ao vivo funcione com ambos os temas. Este guia ajuda você a configurar o modo escuro para o widget de chat ao vivo do Chatwoot em seu site.

Aqui está uma rápida demonstração de como o modo escuro funciona no widget de chat ao vivo:

![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBMWxWVHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--5d153c8a5f8b37f33f0dfaabb226c178f7ebb4b8/dark-mode-widget-chatwoot.gif)

Para ativar o modo escuro no widget do Chatwoot, utilize o parâmetro `darkMode` junto com o [chatwootSettings](https://www.chatwoot.com/docs/product/channels/live-chat/sdk/setup).

O parâmetro `darkMode` aceita dois valores:

1. `light` - Ativa apenas o modo claro. Este é o valor padrão.

2. `auto` - Ativa o modo escuro com base na preferência do sistema operacional.

```
window.chatwootSettings = {
  //... outras Configurações
  darkMode: "auto",
};
```

Nota: A opção `dark` somente não é suportada no momento. Adicionaremos este suporte em versões futuras.