Template color settings

For the whole theme main color change,

go to your scss folder and then find _variables.scss file in utils folder


you need to change $primary-color and $secondary-color variables hex code

// Theme colors variables
$primary-color: #7A70BA;
$secondary-color: #48A3D7;

:root {
 --theme-default: #7A70BA;
 --theme-secondary: #48A3D7;
}

above 2 css color variables also change

Make sure your theme-default and $primary-color code should be same.

similar change for secondary also

Unlimited Colors

To try different color combinations we have provided a color selector so that you could tweak the colors are per your needs and from the theme itself and when you are satisfied with the changed color, you can set the primary and secondary color in the scss file.