Edit Color Scheme

Using SCSS you can easily transform the color scheme of your site.

Editing the color scheme variables

  1. Open the user-variables.scss file

    The user-variables.scss file is located in the /scss/ directory of the theme package.

  2. Uncomment the color variables

    Inside user-variables.scss under the Color scheme section you'll see the color variables have been commented out. Uncomment these variables by removing the two '//' characters before the variable name.

    $primary: #000;
$primary-2: #000;
$primary-3: #000;
  3. Change variable values

    By default, the values are set to #000. Change these values to your own color scheme hex values.

Do not modify or remove the map declarations that follow the color variables. These are required for correct compilation of the CSS files.