The theme main color can be changed from app/css/scss/_vars.scss

/* colors */
$templateColor: #333;
$titleColor: #0a0a0a;
$white: #fff;
$hoverColor: #0a0a0a;
$grey: #f8f8f8;
$almostblack: #1e1e1e;
$black: #000000;
$footercolor: #adadad;

In this file, you will be able to see the variable “$templateColor" which is used in all the site elements. If you will change this variable color code the theme color will be changed.

$templateColor: #333;
$hoverColor:  #0a0a0a; 

Also, you can integrate the theme color on your elements like in the following example:

.class {color: #{$templateColor};}

In  app/css/scss/_general.scss  several classes use the color variables:

body {
 font-size: 16px;
 line-height: 26px;
 font-weight: 400;
 color: $templateColor;
}