<aside> ✅ Link to plugin page: https://zeroqode.com/plugin/dark-mode-detection-free-plugin-for-bubble-1689610491515x801011804047830900

</aside>

Demo to preview the settings

<aside> ✅ Demo page: https://ezcodepluginsdemo.bubbleapps.io/dark_mode_detection_free

</aside>

<aside> ✅ Bubble Editor: https://bubble.io/page?type=page&name=dark_mode_detection_free&id=ezcodepluginsdemo&tab=Design&version=live

</aside>

Introduction

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.

If none is detected or feature is not supported then light mode will be triggered as default.

<aside> ⚠️ 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.

</aside>

Plugin Elements Properties

This plugin has one visual element which can be used on the page: Theme Detector.

Theme Detector

Detect the system theme.

Element Events

Element States