Hi Bricks team,
I’m currently experiencing an issue where my Global Colors defined in Theme Style are not reflected in the actual :root
CSS variables when rendering the page.
My Setup:
- Bricks Version: [1.12.4]
- WordPress Version: [6.8]
- PHP Version: [8.3.16]
- Theme Style Used: I created a theme style named “Volume Theme”
- Theme Style is correctly applied to Entire Website
- Color Tabs are all set up.
Problem:
Although I’ve defined my Primary Color in the Theme Style as #dd2c2c
,
the actual :root
output in DevTools shows the old default value:
–bricks-color-primary: #ffd64f;
This issue only affects Global Colors, but not Typography or other Theme Style settings.
- Typography settings (e.g., font-family) from the same Theme Style are working correctly across the site
- However, none of the Global Colors (e.g. primary, secondary) reflect in the final CSS output
What I’ve Tried:
Cleared all server & browser cache (including CDN, if any)
Re-saved the Theme Style
Re-saved all templates & pages
Set Theme Style to “Entire Website” again and confirmed the condition is active
Refreshed page with Ctrl+F5 and also checked in Incognito
Confirmed CSS output in DevTools still shows the outdated color values in :root
Checked with minimal setup (disabled all plugins except Bricks)
My Question: Is there a known issue that prevents Global Color variables from updating in :root?
Thank you so much — I’ve spent many hours debugging and would really appreciate your insight.
Best regards,
Cary