Visio template comes with 5 base colors. The first two are used for the website main colors. The other three are related colors used for creating a contrast between elements.
.bg-base-1
.bg-base-2
.bg-base-3
.bg-base-4
.bg-base-5
We created a set of colors you can use in your website just by adding a simple class to any elements. You can change them from the LESS variable file or create new ones.
.bg-blue
.bg-green
.bg-red
.bg-pink
.bg-orange
.gold
.purple
.bg-light-gray
.bg-gray
.bg-black
.bg-white
You have 5 section background colors available. A subtle background color gives separation to the content so it is much easier to follow. You can change them from the LESS variables file. But, of course, you can use any of the colors listed above as a section background color.
.sct-color-1
.sct-color-2
.sct-color-3
.sct-color-4
.sct-color-5