SOLVED: Phantom colours

Bricks Version: 1.5b

On this page: https://vigscooters.com/real-home/

I have my button theme styles set like this:

ANd I’ve added a button with Secondary styling:
Screen Shot 2022-07-06 at 1.30.54 AM

But the HTML is output like this:

…which is totally wrong. The button should be orange. If I set the button’s ID to orange I can override it (which is how it will be if you see the page) but this is a bug.

Hi Eric,
Thanks so much for your report!

:root .bricks-background-secondary comes from the color settings of the theme styles, which will be deprecated soon. So I would recommend you stop using these colors and remove them completely. Probably that will solve your problem as well. Let me know if it works :slight_smile:

Best regards,
timmse

Yes that was it. But it’s too bad these will be depreciated as I always set up these colours to uniformly set headings and text. It was a fantastic feature.

Yes, but you can also easily solve this using the Color Palettes and CSS variables, which is definitely the better solution in the long run.

The Theme Style Colors are leftover from the first days of Bricks when there were no Color Palettes.

Best regards,
timmse