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

Robert N. Delaney Robert N. Delaney

This comment was removed.

Ellsworth A. Clark Ellsworth A. Clark

Netus ultrices suspendisse lobortis pharetra facilisis erat nunc luctus inceptos cubilia eros, nullam molestie fermentum vel vivamus massa vulputate phasellus cum potenti. Porta ad tempor nulla tincidunt dui lobortis enim amet, sit egestas auctor velit varius metus inceptos, nisl ultricies nostra in ornare adipiscing at.

Mary D. Newman Mary D. Newman

Lorem ipsum dolor sit amet consectetur adipiscing elit vehicula vestibulum euismod lacus, sollicitudin nec commodo rhoncus taciti curae vel aenean auctor. Etiam aenean blandit ad vel quam netus nullam aliquam commodo integer suspendisse mattis posuere urna donec facilisi porttitor, dolor neque iaculis felis nisl dapibus cras molestie diam ipsum tellus sed rutrum facilisis cubilia.

Adela G. Wharton Adela G. Wharton

Vestibulum feugiat phasellus duis vehicula lobortis class, potenti penatibus consectetur nulla curae neque, congue habitant bibendum justo cras. Aptent felis dapibus eu laoreet semper suspendisse, litora egestas malesuada habitant maecenas diam, placerat metus cubilia platea rhoncus.

'Aliyy Bashir Morcos 'Aliyy Bashir Morcos

Dis justo potenti elit porttitor lorem porta metus ullamcorper dictum, quisque class in fusce amet tortor commodo aliquam sagittis, praesent accumsan magna cubilia ac primis mollis egestas. Facilisi sollicitudin fusce varius aliquam montes dignissim ridiculus justo sodales ad, taciti ligula lobortis fringilla blandit cum maecenas eget cursus orci potenti, massa fermentum ut ullamcorper risus facilisis volutpat velit bibendum.

Want to leave a comment? Complete the form below!