Enhanced Theme Control: Light/Dark Mode Selection

Samuel Su
on June 20, 2025Enhanced 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:
- Fixed Theme: Set your preferred theme in the chatbot configuration
- System Theme: Enable system theme detection in your settings
- 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.