Enhanced Theme Control: Light/Dark Mode Selection

Samuel Su

Samuel Su

on June 20, 2025

Enhanced Theme Control: Light/Dark Mode Selection

We're excited to announce a major enhancement to our chatbot widget's theme control system. This update provides more flexibility and better user experience when it comes to managing light and dark modes in your embedded chatbot.

What's New?

1. Fixed Theme Mode

  • Continue using fixed light or dark mode as before
  • Perfect for websites with consistent theming requirements

2. Automatic System Theme Detection

  • Chatbot now automatically adapts to your users' system preferences
  • Seamlessly switches between light and dark mode based on user's device settings
  • Provides a native feel that matches the user's preferred experience

3. User Theme Selection

  • New menu button in the chatbot widget
  • Allows users to manually switch between light and dark modes
  • Your chosen theme serves as the default setting

Programmatic Theme Control

We've introduced new SDK methods to programmatically control the chatbot's theme:

// Set specific theme
window.chatbot.setTheme('light') // or 'dark'

// Toggle between themes
window.chatbot.toggleTheme()

These methods enable you to:

  • Synchronize the chatbot's theme with your website's theme
  • Create custom theme-switching experiences
  • Implement dynamic theme changes based on user interactions

Implementation

To implement these new theme features, you can:

  1. Fixed Theme: Set your preferred theme in the chatbot configuration
  2. System Theme: Enable system theme detection in your settings
  3. User Selection: The theme selection menu is automatically included in the widget

Benefits

  • Better User Experience: Users can now choose their preferred theme
  • System Integration: Seamless adaptation to system preferences
  • Developer Flexibility: Programmatic control for custom implementations
  • Consistent Branding: Maintain visual consistency across different user preferences

We're confident these new theme control features will enhance the user experience of your embedded chatbot while providing you with more flexibility in implementation.

Create Chatbots with your data

In just a few minutes, you can craft a customized AI representative tailored to yourself or your company.

Get Started