⚙️ How to Configure
1️⃣ Activate Dark Mode
Install the plugin.
Add the "Toggle Dark Mode" action to your Bubble workflows.

The plugin will automatically remember the user's
preference across page reloads.

2️⃣ Exclude Elements from Dark Mode
To exclude an element (and its child elements) from dark mode, add "ndark" to their HTML ID in Bubble.

Examples:

Button → ndark
Image → ndark
Form Input → ndark

No coding required—just update the element's ID, and the plugin will handle the rest.

💎 Upgrade to Pro for More Control
The Pro Version offers advanced features for more customization and automation:

🔲 Full Container Exclusions
Apply "ndark" to a parent group, and all child elements will be excluded from dark mode.

🛠️ Automatic Exclusion for Common UI Elements
Avoid manually setting IDs for buttons, inputs, and forms.

🎨 Custom Dark Mode Colors
Choose your own background, text, and border colors for a fully personalized look.

🚀 Get Started Today
Add the Ultimate Dark Mode Toggle (Free) to your Bubble app and instantly enable dark mode.

Live Demo: https://if-devsplugin-66983.bubbleapps.io/version-test/plug-ins/1739770137884x494846763518656500

Bubble Plugin Page: https://bubble.io/plugin/one-click-dark-mode-toggle-free-1739710606625x399421841677746200

📩 Support & Custom Plugin Development

Need help or looking for custom Bubble plugins? Contact us:

📧 Email: [email protected]
🌐 Website: if-inity.io