Stillat LLC
September 5, 2017 1 minute read

Tanager Color Schemes

Tanager includes six color schemes right out of the box. These are defined in the /site/themes/tanager/css/schemes/ directory; these color scheme files simply redefine the variables that can be found in the /site/themes/tanager/sass/modules/_variables.scss file. If you would like to modify the SASS directly and use one of the predefined color schemes, simply update the scheme reference in the /site/themes/tanager/sass/tanager.scss file (Tanager uses Laravel Elixir to manage the SASS and JavaScript build processes).

Use the following table as a quick reference for all of the various color schemes:

Name Primary Color Compiled File Name
Red #c0392b site/themes/tanager/css/schemes/red.css
Purple #8e44ad site/themes/tanager/css/schemes/purple.css
Orange #f39c12 site/themes/tanager/css/schemes/orange.css
Green #27ae60 site/themes/tanager/css/schemes/green.css
Dark #2c3e50 site/themes/tanager/css/schemes/dark.css
Blue #3498db site/themes/tanager/css/schemes/blue.css

Comments

Meerkat is running in Designer Mode; the comments displayed below are chosen at random. Any comments that are submitted will not be saved.

Cancel Reply

Charles J. Woods Charles J. Woods

Porttitor vehicula vitae duis hac lorem fermentum vivamus montes, congue cursus proin lectus dignissim imperdiet dis varius, magna sociis et laoreet ultricies parturient himenaeos. Cras eu libero mollis taciti mus aliquet natoque fames nisi ultricies tincidunt porttitor class phasellus, nam metus iaculis lectus mauris consectetur nunc quisque platea ornare vulputate ridiculus.

Jonathon B. Louie Jonathon B. Louie

This comment was removed.

Nancy J. Baker Nancy J. Baker

Nunc sociis vitae eros porta libero senectus faucibus consectetur tellus, dolor lacinia nibh bibendum integer hendrerit interdum himenaeos tempor, leo volutpat augue suspendisse sit suscipit et sem. Dignissim congue cras vehicula tincidunt ante dapibus arcu facilisi varius pharetra, sollicitudin ligula senectus auctor fermentum quisque risus et amet sapien praesent, urna aliquam blandit nisl lectus nascetur morbi parturient justo.

John C. Carlton John C. Carlton

Lorem ipsum dolor sit amet consectetur adipiscing elit, mus ac diam ultrices mollis varius iaculis fusce, tempus magnis ut vitae neque praesent. Dis mi at lobortis sem platea a orci parturient, tempus sodales aliquet tristique lacus elementum massa maecenas, enim luctus duis himenaeos et sit dolor.

Timothy M. Dubose Timothy M. Dubose

Quis potenti diam maecenas malesuada dapibus vulputate ante dictum nascetur, lobortis sociis nullam porta curae viverra inceptos quam vitae, condimentum placerat duis vehicula eros bibendum parturient dis. Aliquet varius et nec risus dis pharetra ut mollis magna dictum ligula imperdiet netus, justo elementum pellentesque semper inceptos vel auctor cursus taciti ornare fusce praesent.

Want to leave a comment? Complete the form below!