Los sitios web modernos permiten a los usuarios cambiar entre los modos claro y oscuro. Por lo tanto, es importante que un chat en vivo funcione con ambos temas. Esta guía te ayuda a configurar el modo oscuro para el widget de chat en vivo de Chatwoot en tu sitio web.

Aquí tienes un vistazo rápido de cómo funciona el modo oscuro en el widget de chat en vivo:

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

Para activar el modo oscuro en el widget de Chatwoot, utiliza el parámetro `darkMode` junto con [chatwootSettings](https://www.chatwoot.com/docs/product/channels/live-chat/sdk/setup).

El parámetro `darkMode` admite dos valores.

1. `light` - Habilita solo el modo claro. Este es el valor predeterminado.

2. `auto` - Habilita el modo oscuro según la preferencia del sistema operativo.

```
window.chatwootSettings = {
  //... other Settings
  darkMode: "auto",
};
```

Nota: Por ahora, `dark` únicamente no es compatible. Agregaremos el soporte en futuras versiones.