Dark Mode

Enable dark mode effortlessly for your Bevatel live-chat widget and give users the option to switch between light and dark themes with ease.

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 Bevatel live-chat widget on your website.

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

To enable dark mode on Bevatel widget, use the darkMode parameter along with the Bevatel Settings.

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.BevatelSettings = {
  //... other Settings
  darkMode: "auto",
};

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