Editing the default color scheme variables
Editing the default color scheme variables will change the colors in theme.css
. See below for changing colors in other color schemes.
-
Open the user-variables.scss file
The
user-variables.scss
file is located in the/scss/
directory of the theme package. -
Change variable values
Inside
user-variables.scss
under the Color scheme section you'll see the color variables. Modify the HEX values to change the color scheme.$primary: #009B72; $primary-2: #FF564F; $primary-3: #051B35;
Do not modify or remove the map declarations that follow the color variables. These are required for correct compilation of the CSS files.