MARKETPLACE
PLUGINS
DARK MODE DETECTION PRO
Dark Mode Detection Pro logo

Dark Mode Detection Pro

Published November 2019
   •    Updated November 2025

Plugin details

Plugin will detect if the user has set their system to use a light or dark color theme/mode. This is automatic and does not require any user input. You can also check it using workflow action: Check Theme. If none is detected or feature is not supported then light mode will be triggered as default.
Notes:
This feature is supported by most modern browser on PC and mobile. Support will also depend on whether or not the OS has support for a light/dark theme preference.

Set brightness action have a check box Save to localStorage when it is checked the choosed brightness will be saved to localStorage so on next load the page will already have it.

Usage Features:

- Automatically detects system-wide light or dark mode preferences
- Works without user input – detection is handled natively by the browser
- Includes a Check Theme workflow action to manually retrieve the current theme
- Defaults to light mode if detection is not supported or unavailable
- Supported by most modern desktop and mobile browsers
- Compatible with operating systems that support color scheme preferences
- Set Brightness action allows saving the selected mode to localStorage
- Ensures consistent user experience by preserving theme across page reloads
- Ideal for apps with light/dark UI toggles or adaptive styling features
- Easy to implement – fully integrated with Bubble logic and workflows

   





Feedback




FAQ

Does this plugin automatically detect dark or light mode?
Yes, the plugin automatically detects the user's system theme preference (light or dark) without requiring any input.

What happens if the theme preference cannot be detected?
If the browser or device does not support theme detection, the plugin will default to light mode.

Can I manually check the current theme mode in workflows?
Yes, you can use the Check Theme action to get the current theme (light or dark) via workflow.

Is this feature supported across all devices and browsers?
It’s supported by most modern browsers on both desktop and mobile, as long as the operating system supports theme preferences.

Can the selected brightness be saved for future visits?
Yes, the Set Brightness action includes a checkbox to save the preference in localStorage, ensuring it persists on reload.







Other plugins from Zeroqode

- Dark Mode Detection Free Plugin for Bubble
- Detect Dark Mode Preference Plugin for Bubble
- Top 15 Plugins for Bubble - Bundle




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$40

One time  •  Or  $4/mo

5.0 stars   •   1 ratings
12 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   846 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/dark-mode-detection-pro

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Mobile   •   Internationalization   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Smart detection
March 2nd, 2025
Automatically detects dark mode settings and applies the right theme
Hello, Anton from Zeroqode Support here. Big thanks for leaving us a review. We’re thrilled to know you're satisfied with our plugin. At Zeroqode, ensuring our users' needs are met is what drives us. For any queries, suggestions, or discussions, our forum (https://forum.zeroqode.com/) and direct email ([email protected]) are always open for you. Best Regards, Anton
March 3rd, 2025
  •  
Zeroqode - Top Bubble Agency
Bubble