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 RockZap® em seu site.

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

![](https://app.rockzap.com.br/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBeHVrRFE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--84a1e38ecabe02334c38f93928fbd390a8e299bd/dark-mode-widget-chatwoot.gif)

Para ativar o modo escuro no widget do RockZap®, utilize o parâmetro **`darkMode`** junto com o **RockZap®** **Settings**.

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.