MARKETPLACE
PLUGINS
DARK MODE CHECKER
Dark mode checker logo

Dark mode checker

Published November 2024
   •    Updated December 2025

Plugin details

Dark Mode Checker is a Bubble plugin that detects whether the user's device is currently in dark mode. It provides a simple action, checks_users_dark_mode_on, which updates the exposed state users_dark_mode_on with the current dark mode status (yes for dark mode enabled, no otherwise). This plugin is perfect for building apps that adapt to the user's theme preferences.
Demo page: https://chakor-plugin-demo-3.bubbleapps.io/version-test/dark_mode_detector?

Editor Link: https://bubble.io/page?id=chakor-plugin-demo-3&tab=Workflow&name=dark_mode_detector&type=page

Our team is available to solve any problems or questions you may have, please open a thread on our support forum: https://forum.thechakor.com/t/plugin-issues

Free

For everyone

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

Other actions

Platform

Web

Contributor details

Chakor logo
Chakor
Joined 2021   •   371 Plugins
View contributor profile

Instructions

Instructions
Add the Element: Drag and drop the Dark Mode Checker element onto your Bubble page.
Trigger the Action: Use the checks_users_dark_mode_on action in your workflow to check the user's dark mode setting.
Read the State: Access the exposed state users_dark_mode_on to get the result:
yes: Dark mode is enabled.
no: Dark mode is disabled.
Optional Customization: Use the state value to adapt your app’s UI, such as toggling between light and dark themes dynamically.
This plugin is easy to set up and seamlessly integrates into your app for a personalized user experience.

Types

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

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