Les sites web modernes permettent aux utilisateurs de basculer entre les modes clair et sombre. Par conséquent, il est important de disposer d’un chat en direct qui fonctionne avec les deux thèmes. Ce guide vous aide à configurer le mode sombre pour le widget de chat en direct Chatwoot sur votre site web.

Voici un aperçu rapide du fonctionnement du mode sombre sur le widget de chat en direct :

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

Pour activer le mode sombre sur le widget Chatwoot, utilisez le paramètre `darkMode` avec les [chatwootSettings](https://www.chatwoot.com/docs/product/channels/live-chat/sdk/setup).

Le paramètre `darkMode` accepte deux valeurs.

1. `light` - Active uniquement le mode clair. Il s'agit de la valeur par défaut.

2. `auto` - Active le mode sombre selon la préférence du système d'exploitation.

```
window.chatwootSettings = {
  //... autres paramètres
  darkMode: "auto",
};
```

Remarque : Le mode `dark` seul n'est pas encore pris en charge. Nous ajouterons cette fonctionnalité dans de futures versions.