Skip to main content

Enable Dark Mode on Live-Chat Widget

Modern websites enable users to switch between light and dark modes. Therefore, a live chat that works with both themes is important.

This guide helps you to set up dark mode for the Hoory live-chat widget on your website.

Here is a quick glimpse of how dark mode functions on the live chat widget.

dark-mode-widget

To enable dark mode on Hoory widget, use the darkMode parameter along with the hoorySettings.

darkMode parameter supports two values.

  1. light - Enable only light mode. This is the default value.
  2. auto - Enable dark mode based on the operating system preference.
window.hoorySettings = {
//... other Settings
darkMode: "auto",
};

Note: dark only is not supported now. We will add the support in future releases.