Hi. How can we help?

CSS Global Variables

12 Dec 2020 in: Tips and Tricks

CSS Global Variables

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


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


Take a look at :root section around line 4.


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