MARKETPLACE
PLUGINS
DYNAMIC COLOR
Dynamic Color logo

Dynamic Color

Published April 2024
   •    Updated March 2026

Plugin details

Overrides the global colors defined in the style page. 1. Inspect the page (F12) and in the Styles part look for the root that generates Bubble
2. Then get the name of the variable you want to change, for example (--color_primary_default)
3. In the data_color field you must enter the following text format
{"--color-primary-50": "#eff6ff", "--color-primary-100": "#dbeafe"}, where the one is the name of the variable to replace and the new color
*It is important to follow the format

Free

For everyone

5.0 stars   •   1 ratings
20 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Raisa Orellana logo
Raisa Orellana
Joined 2023   •   5 Plugins
View contributor profile

Instructions

1. Inspect the page (F12) and in the Styles part look for the root that generates Bubble 2. Then get the name of the variable you want to change, for example (--color_primary_default)
3. In the data_color field you must enter the following text format
{"--color-primary-50": "#eff6ff", "--color-primary-100": "#dbeafe"}, where the one is the name of the variable to replace and the new color
*It is important to follow the format

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

Average rating (5.0)

Nice plugin
January 13th, 2026
Working well thank you
Bubble