Shasta Theme

Theme Main Colors

.color-highlight
@color-p1

HEX: #fbad23
RGB: 251,173,35

.color-primary
@color-p2

HEX: #336c39
RGB: 51,108,57

.color-standout
@color-p3

HEX: #3c4543
RGB: 60,69,67

.color-s1
@color-s1

HEX: #effaf6
RGB: 239,250,246

Theme Colors Customization

There are two ways to customize theme main colors. One way is to change primary and secondary theme color variables in the colorscheme-[yourcolorshceme].scss file. This method will require you to re-compile the state template, you can find instructions in the readme file. After the compilation you will have updated colorscheme-[yourcolorshceme].css file.

Another way is to manually find and replace all main theme colors and their variations in colorscheme-[yourcolorshceme].css. Main theme colors classes will be listed at the top of the CSS file. You can copy their values and use find/replace feature in your web editor software to replace all those colors references with your custom colors throughout entire css file.

Note: Before changing your colors make sure that your custom theme colors have sufficient color cotrast ratios.

News block

Testimonials

Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

...