Global Colors Not Reflecting in :root Despite Theme Style Applied

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.


:white_check_mark: 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

:test_tube: 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