Moderne Websites ermöglichen es Nutzern, zwischen hellem und dunklem Modus zu wechseln. Daher ist ein Live-Chat, der mit beiden Designs funktioniert, wichtig. Diese Anleitung hilft Ihnen, den Dunkelmodus für das Chatwoot Live-Chat-Widget auf Ihrer Website einzurichten.

Hier ist ein kurzer Einblick, wie der Dunkelmodus beim Live-Chat-Widget funktioniert:

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

Um den Dunkelmodus im Chatwoot-Widget zu aktivieren, verwenden Sie den Parameter `darkMode` zusammen mit den [chatwootSettings](https://www.chatwoot.com/hc/user-guide/articles/1784681457-wie-installiert-man-einen-live_chat-auf-einer-word_press_website).

Der Parameter `darkMode` unterstützt zwei Werte.

1. `light` – Nur den hellen Modus aktivieren. Dies ist der Standardwert.

2. `auto` – Den Dunkelmodus basierend auf der Betriebssystemeinstellung aktivieren.

```
window.chatwootSettings = {
  //... andere Einstellungen
  darkMode: "auto",
};
```

Hinweis: Nur `dark` wird derzeit nicht unterstützt. Wir werden die Unterstützung in zukünftigen Versionen hinzufügen.