MARKETPLACE
PLUGINS
πŸŒ™ DARK MODE / NIGHT MODE MAKER
πŸŒ™ Dark Mode / Night Mode Maker logo

πŸŒ™ Dark Mode / Night Mode Maker

Published November 2023
   β€’    Updated this week

Plugin details

➑️➑️➑️➑️➑️ Enable dark mode on your existing bubble app! Add the plugin and you are ready to go. Yes, it's that easy...... β˜€οΈπŸŒ‘β˜€οΈπŸŒ‘β˜€οΈπŸŒ‘ Preserve image colors and doesn't break floating groups.
REMEMBER: you can always try the plugin (almost) for FREE before buying it! You can SUBSCRIBE to the plugin and use it for 1 or 2 days. After uninstalling it, you will be charged for a fraction of the price (1/30 if you used it for 1 day). Then you can purchase it if you liked it. πŸ˜‰



> Try it on a demo page
> Check the editor page

We all know that you started developing your app and then realized it was too late to implement dark mode. You are not alone. It happened to all of us. πŸ€—

You tried other plugins on the marketplace, but you soon found out that:
- they invert every color in the app, including images 😩
- they gives you a lot of issues with floating groups and other stuff 😩
- they don't work on popups or other elements 😩
- they sometimes need complicated setups (so it was better to redesign your app completely) 😩

Differently from other similar plugins, this one:
- Doesn't need any kind of setup, just add it to your page and trigger a workflow to activate Dark Mode :heart_eyes:
- Doesn't invert image colors, unless you ask it to do so 😍
- Doesn't break any floating group behavior 😍
- Works on popups, floating groups, side menus, etc. 😍
- Let's you choose which elements to preserve from color inversion 😍
- Let's you decide whether to invert colors or maintain original app colors 😍

This will allow you to recreate a pretty decent dark mode experience. But next time, design your app so it's dark mode ready from day 0.

> Try it on a demo page
> Check the editor page

$30

One time  β€’  Or  $7/mo

4.6 stars   β€’   9 ratings
1.3K installs
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Cosmic Steve logo
Cosmic Steve
Joined 2020   β€’   28 Plugins
View contributor profile

Instructions

We encourage you to take a look at the editor & demo pages to see how the plugin works:
> Try it on a demo page
> Check the editor page

πŸ’‘ When you install the plugin, you will see a new element the left side of bubble editor, named Dark Mode Manager.

➑️ Add it to your page, it's not going to be visible

πŸŒ— Now you can switch a page color using the workflow action "Dark mode ON" / "Dark mode OFF"


And that's it!


Advanced options and tips

πŸ–ΌοΈ Invert image colors: Choose if you want to invert image colors or keep them as they are, by using the plugin field "Invert images"

🌈 Preserv app colors: Whites are going to become blacks and viceversa. But, you can decide what to do with other colors. You can decide to turn blues into yellows or keep them blues, by using the field "Keep app colors"

πŸ§™ Use magic: This little trick will allow you to fix a lot of situations: you can choose which elements you want to preserve from color-changes, and invert colors of elements where the plugin might not invert the colors correctly. To do so, first enable the Bubble option "Expose the option to add an ID attribute to HTML elements". It is located in your Bubble app Settings -> General.


Then you can add this text -> invert-dark-mode    to all the bubble elements which you want to preserve in the original color, like this:



Types

This plugin can be found under the following types:
Background Services   β€’   Element   β€’   Action

Categories

This plugin can be found under the following categories:
Productivity   β€’   Media   β€’   Compliance   β€’   Mobile   β€’   Technical   β€’   Visual Elements

Resources

Support contact
Tutorial
Forum

Rating and reviews

Average rating (4.6)

Awesome plugin and excellent support!
November 30th, 2025
This plugin is a "must" for everyone who wants to offer dark mode on their projects! Author is super-friendly and has extremely swift turnaround in case of questions and/or support needs!
Dark mode ON!!!!
July 31st, 2025
So easy to use, congrats to the developers
Works like a charm
May 28th, 2025
Awesome Dark Mode Plugin
May 20th, 2025
The greatest plugin in the store, worth every penny. Works great in every page in my app. Steve keeps this plugin updated, and fix everything that needs to change. 5/5
Very good plugin
December 23rd, 2024
A couple or bugs when some popups or floating groups do not catch the dark mode.
Thank you for your review, we have now fixed the issues with Popups and Floating Groups. (plugin author)
May 15th, 2025
  β€’  
Cosmic Steve
Bubble