MARKETPLACE
PLUGINS
SOAPY DARK MODE
Soapy Dark Mode logo

Soapy Dark Mode

Published October 2022
   •    Updated this week

Plugin details

Beginners: Set alternate Style Variables based on light or dark mode.
Advanced builders: Set up option sets with CSS Variables to change as many colors as you need.

The plugin saves the user's choice into browser storage.

Comes with:
  • Toggle action - Toggle between light/dark/system in a workflow.
  • Set Action - Set a specific color mode in a workflow.

Demo:
https://soapy-plugins.bubbleapps.io/version-test

Docs:
https://soapy.dev/plugins

Free

For everyone

3.7 stars   •   3 ratings
526 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Facundo Lucci logo
Facundo Lucci
Joined 2021   •   2 Plugins
View contributor profile

Instructions

Types

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

Categories

This plugin can be found under the following categories:
Technical   •   Data (things)   •   Containers   •   Visual Elements

Resources

Support contact
Tutorial
Forum

Rating and reviews

Average rating (3.7)

Not sure how others think this is easy?
March 28th, 2025
Not easy
Leaving a one star review instead of asking for help is such a low behavior. Wish you the best! (plugin author)
March 28th, 2025
  •  
Facundo Lucci
Your response is low behavior, I may consider leaving another bad review on another account. Cheers!
March 28th, 2025
  •  
Original reviewer
Today, we bow to the Soapy God
March 29th, 2024
I have spent several days of my life configuring element conditions to add dark mode in my apps. With this plugin I will never have to do that again, and it takes only a few minutes to set up. Thank you!!
Dark mode game changer
December 6th, 2022
The best plugin ever! 🥳 Saved me many hours creating the dark mode feature, work with the new styles variables and the support is amazing
Bubble