Theme Color Scheme

Making site color scheme according to your company identity is essential to all businesses. So here you will see how we have made this very important need of yours almost effortless.

#1 Using CSS

If you want to change theme default color scheme just using CSS, You can choose one of the 2 methods (We recommend Method 2 – Using color.css)

Method 1: Using style.css

If you don't want to take advantage of future updates of theme, You can change theme color by replacing your new HEX color code in style.css located in template/assets/css directory. Please note this is not recommended option.

Method 2: Using color.css

Please look out for color.css file in template/assets/css directory for new sample color as an example. You should link that CSS at the end in head section after theme CSS like below code:


<!-- Theme CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />

<!-- Theme Color CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/color.css" />

Provided color.css within theme is for new color scheme as an example. Just make very few changes in variables of this file and you are good to go. A detailed explanation of how to change color can be found in color.css file.