How to map Bricks Theme Colors to CSS for use in your own custom CSS

This video shows how to map CSS variables created by Bricks Themes to variables that make readable sense. This is so you can use them in your own custom CSS.

For example Bricks colors create variables with random strings. So your primary color in Bricks may be "--bricks-color-epldhe", where "--color-primary" would be more readable.

This shows how to find and map the color variables

[goninski]

Hi Alan, instead of mapping you can put your own variabales directly in the palette (under raw)

[NOALNOM]

Very Clever! But there is a way to onload the style css min color default Bricks palette on every page and load and use only the custom palette? Thanks!

[Byte-Mich-Leo]

Wonderful idea and great implementation. Congratulations. Would you be willing to share your code box CSS file?