MARKETPLACE
PLUGINS
DARK MODE DETECTOR
Dark Mode Detector logo

Dark Mode Detector

Published March 2025
   •    Updated December 2025

Plugin details

The Dark Mode Detector plugin provides an easy way to detect whether a user's device is set to dark mode or light mode. This cross-platform component works in both web and native mobile environments and seamlessly integrates with your workflows.
Use this plugin to automatically adapt your app's appearance based on user system preferences, creating a more personalized and comfortable user experience.

View it in action in a 10 second video here:

https://www.loom.com/share/8684ac891101403cb79ca04a946d9530

Editor link: https://bubble.io/page?id=codi-plugins&tab=Design&name=Home&type=page

$9

One time  •  Or  $3/mo

stars   •   0 ratings
18 installs  
This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

CODI Technologies logo
CODI Technologies
Joined 2021   •   1 Plugin
View contributor profile

Instructions

Adding to Your App
1. Install the plugin from the Bubble.io plugin marketplace

2. Drag the "Dark Mode Detector" element onto any page where you need theme detection
3. The element can be made invisible by setting its size to 0x0px (it still functions)

Accessing the Theme State

The plugin exposes a single state variable:

isDarkMode: Boolean value (true when dark mode is enabled, false when light mode is enabled)

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble