How do I configure dark mode for a Chat Widget?

Last updated: March 3, 2026

To configure custom dark mode colors and logos, visit the settings page for your chat widget -> Styling tab -> change the theme dropdown to "Dark Mode" to set and preview dark mode styles.

Note that if chat widget colors and logos are not set on this page, then they default to styles set in the Brand Center. If there are no dark mode brand center settings to inherit, then dark mode styles default to the light mode equivalents.

To programmatically set the theme for your chat widget (i.e. when the user changes the theme of the parent page), use the setTheme API documented here.