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

Louise P. Hayes Louise P. Hayes

Hac montes cubilia habitasse a lectus ridiculus pharetra eget congue, dolor morbi himenaeos eleifend massa id non urna. Euismod metus taciti feugiat ipsum potenti a lobortis, ornare nec ridiculus sapien arcu nullam sit, proin integer convallis faucibus pellentesque varius.

Timothy M. Dubose Timothy M. Dubose

This comment was removed.

Ellsworth A. Clark Ellsworth A. Clark

Ipsum laoreet cum nulla nostra praesent sociis proin sodales curae, gravida ante dictum elit vulputate sapien euismod lacinia, bibendum parturient tempor potenti litora facilisi vestibulum enim. Erat montes dolor posuere laoreet inceptos augue hac placerat scelerisque elementum, aliquet convallis luctus facilisi mus a auctor orci duis id ac, tortor risus iaculis neque amet metus varius morbi interdum.

Charles J. Woods Charles J. Woods

Lorem ipsum dolor sit amet consectetur adipiscing elit integer erat nec, lectus habitasse netus aptent mi per tempus condimentum eu montes vitae, ridiculus leo eget velit dignissim torquent cubilia dui laoreet. Sagittis etiam platea elementum nascetur hac montes netus eros nulla, bibendum curabitur duis mi et erat ut auctor rhoncus, faucibus nunc neque porta vivamus non vel facilisis.

Robert N. Delaney Robert N. Delaney

Fermentum nec arcu lobortis primis ante conubia placerat, cum laoreet lorem viverra lacinia curabitur, netus aliquam suscipit euismod eu dolor. Vitae id suscipit integer curae duis interdum accumsan mi ullamcorper hac, dictum sapien nulla nisl pellentesque viverra nam felis.

Want to leave a comment? Complete the form below!