Home
Templates
Detect Dark Mode Preference

Detect Dark Mode Preference

This is a simple plugin that allows you to detect the current users operating systems preferred color scheme (darkmode or lightmode).

No ratings yet
(
3
 installs)
Get PluginLive Demo
$
$2 / month or $3 once

Details

Categories

No items found.

Types

Instructions

Details

This is a simple plugin that allows you to detect the current users operating systems preferred color scheme (darkmode or lightmode). You can then show the user the correct version of your bubble app using conditionals.
For a demo of this plugin please visit: https://antplugin.bubbleapps.io/

For a demo of this plugin in the bubble editor please visit: https://bubble.io/page?name=index&id=antplugin

Icons made by https://www.flaticon.com/authors/freepik Freepik from https://www.flaticon.com

Categories

Containers, Media, Technical, Productivity, Mobile, Visual Elements

Types

Element

Links

Service Link:

https://www.rapidevelopers.com

Instructions

Drag the "Detect Theme Preference" onto your page. You now have access to the element state called "Theme Preference". On page load this element will detect the current users preference. You can then use this data within conditionals .When Detect Theme Preference's Theme Preference IS darkmode -> Background color black.The two values that are returned are "darkmode" or "lightmode".

Questions? Can’t find the right plugin? Contact us!

We’re happy to answer any questions or assist you in finding the perfect plugin for your project. Response times are typically within 12 hours.

4.9
Clutch 🌟
400+
Happy partners
17+
Countries
130+
Team members

Explore more plugins

We put the rapid in RapidDev

Ready to get started? Book a call with our team to schedule a free consultation. We’ll discuss your project and provide a custom quote at no cost!

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences