---
title: How to enable dark mode in the online chat widget?
description: Modern websites allow users to switch between light and dark modes. Therefore, it is important that the online chat works with both themes.
---

[Skip to content](https://help.brandwizard.io/knowledge/how-to-enable-dark-mode-in-the-online-chat-widget#main-content)

English

Show submenu for translations

![logo2.png\]](https://help.brandwizard.io/hs-fs/hubfs/logo2.png?height=40&name=logo2.png)

Open main navigation

Close main navigation

- English
  
  Show submenu for translations
- [Go to brandwizard.io](https://brandwizard.io/)

[Go to brandwizard.io](https://brandwizard.io/)

 Hello. How can we help you?

- There are no suggestions because the search field is empty.

1. [Help Center](https://help.brandwizard.io/knowledge?hsLang=en)
2. [Multichat](https://help.brandwizard.io/knowledge/multichat?hsLang=en)
3. [Additional features](https://help.brandwizard.io/knowledge/multichat?hsLang=en#additional-features)

# How to enable dark mode in the online chat widget?

Modern websites allow users to switch between light and dark modes. Therefore, it is important that the online chat works with both themes.

To enable dark mode in the Multichat widget, use the **darkMode** parameter together with the Multichat website settings.

The **darkMode** parameter supports two values:

- **light** — enables only light mode. This is the default value.
- **auto** — enables dark mode depending on the operating system settings.

For configuration, you need to add the following setting to the website channel script that you copied and inserted into your site when creating the source:

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

More details about creating a website channel can be found [here](https://help.brandwizard.io/knowledge/how-to-set-up-a-website-channel?hsLang=en).

- [General questions about the service](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#main-content)

    - [FAQ](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#faq)
    - [Creating and editing a company](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#creating-and-editing-a-company)
    - [Working with sources](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#working-with-sources)
    - [Work with reviews](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#work-with-reviews)
    - [Working with a Photo tool](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#working-with-a-photo-tool)
    - [Google](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#google)
    - [2GIS (URBI)](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#2gis-urbi)
    - [Facebook](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#facebook)
    - [Yandex](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#yandex)
    - [API](https://help.brandwizard.io/knowledge/general-questions-about-the-service?hsLang=en#api)
- [Where to start?](https://help.brandwizard.io/knowledge/where-to-start?hsLang=en)
- [Dashboard](https://help.brandwizard.io/knowledge/dashboard?hsLang=en)
- [My companies](https://help.brandwizard.io/knowledge/my-companies?hsLang=en)
- [Create/Edit company in Personal account](https://help.brandwizard.io/knowledge/create-edit-company-in-personal-account?hsLang=en)
- [Sources](https://help.brandwizard.io/knowledge/sources?hsLang=en)
- [Review Center](https://help.brandwizard.io/knowledge/review-center?hsLang=en)
- [Tags](https://help.brandwizard.io/knowledge/tags?hsLang=en)
- [Auto-replies](https://help.brandwizard.io/knowledge/auto-replies?hsLang=en)
- [Statistics](https://help.brandwizard.io/knowledge/statistics?hsLang=en)
- [Reputation Analytics](https://help.brandwizard.io/knowledge/reputation-analytics?hsLang=en)
- [Competitors](https://help.brandwizard.io/knowledge/competitors?hsLang=en)
- [Reviews generator](https://help.brandwizard.io/knowledge/reviews-generator?hsLang=en#main-content)

    - [QR Codes](https://help.brandwizard.io/knowledge/reviews-generator?hsLang=en#qr-codes)
    - [Analytics](https://help.brandwizard.io/knowledge/reviews-generator?hsLang=en#analytics)
    - [Promo codes](https://help.brandwizard.io/knowledge/reviews-generator?hsLang=en#promo-codes)
    - [Questionnaires](https://help.brandwizard.io/knowledge/reviews-generator?hsLang=en#questionnaires)
- [Questions & Answers](https://help.brandwizard.io/knowledge/questions-answers?hsLang=en)
- [Photo & Video](https://help.brandwizard.io/knowledge/photo-video?hsLang=en)
- [Presence analytics](https://help.brandwizard.io/knowledge/presence-analytics?hsLang=en)
- [Reviews widget](https://help.brandwizard.io/knowledge/reviews-widget?hsLang=en)
- [Store locator](https://help.brandwizard.io/knowledge/store-locator?hsLang=en)
- [Multichat](https://help.brandwizard.io/knowledge/multichat?hsLang=en#main-content)

    - [Where to start?](https://help.brandwizard.io/knowledge/multichat?hsLang=en#where-to-start)
    - [Adding inboxes](https://help.brandwizard.io/knowledge/multichat?hsLang=en#adding-inboxes)
    - [Conversations](https://help.brandwizard.io/knowledge/multichat?hsLang=en#conversations)
    - [Contacts](https://help.brandwizard.io/knowledge/multichat?hsLang=en#contacts)
    - [Settings](https://help.brandwizard.io/knowledge/multichat?hsLang=en#settings)
    - [Reports](https://help.brandwizard.io/knowledge/multichat?hsLang=en#reports)
    - [Additional features](https://help.brandwizard.io/knowledge/multichat?hsLang=en#additional-features)
- [Posts](https://help.brandwizard.io/knowledge/posts?hsLang=en)
- [Duplicates & Fakes](https://help.brandwizard.io/knowledge/duplicates-fakes?hsLang=en)
- [Products & Prices](https://help.brandwizard.io/knowledge/products-prices?hsLang=en)
- [Plans & Limits](https://help.brandwizard.io/knowledge/plans-limits?hsLang=en)
- [Profile](https://help.brandwizard.io/knowledge/profile?hsLang=en)
- [Users](https://help.brandwizard.io/knowledge/users?hsLang=en)
- [Account settings](https://help.brandwizard.io/knowledge/account-settings?hsLang=en)
- [Groups of companies section](https://help.brandwizard.io/knowledge/groups-of-companies-section?hsLang=en)
- [Notifications settings](https://help.brandwizard.io/knowledge/notifications-settings?hsLang=en)

# BrandWizard

brandwizard.io Help Center

Copyright © 2026, BrandWizard