Hi. How can we help?

Home/Tips And Tricks/
CSS Global Variables

CSS Global Variables

12 Dec 2020 in: Tips and Tricks

CSS Global Variables

Assigning different set of global colors is now a simple process.

1

Open up /view/front/themes/current_theme/css/base.css

2

Take a look at :root section around line 4.

3

You can change primary, secondary, positive and negative colors., as well as other aspects of layout such as grid spacing, margin, padding etc...

The same rule applies to admin side /view/admin/css/base.css