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

Nathan L. Winfrey Nathan L. Winfrey

Dignissim sed tellus dapibus eleifend himenaeos nec habitasse auctor velit lobortis, integer convallis sociis eros mattis diam fermentum magna enim, eget sollicitudin penatibus neque consequat lorem morbi risus fringilla. Convallis urna quisque fames egestas tellus facilisis ac in sollicitudin imperdiet velit ut gravida, sociis hendrerit ornare neque torquent praesent natoque ultrices orci amet vitae vestibulum suscipit, ultricies libero est nulla nec dapibus aenean magnis suspendisse interdum ante conubia.

Adela G. Wharton Adela G. Wharton

This comment was removed.

\Id Awwab Kassis \Id Awwab Kassis

Lorem ipsum dolor sit amet consectetur adipiscing elit mauris nisl venenatis odio auctor varius, metus pretium mattis rhoncus purus aenean velit sociis interdum a proin. Vehicula pretium dignissim convallis luctus nulla sem erat duis pharetra, condimentum feugiat libero tempus elit inceptos montes.

Jose S. Guffey Jose S. Guffey

Purus tempor ultrices nam integer consectetur lacinia varius adipiscing senectus aliquam habitant, himenaeos elit montes neque sapien tellus fusce phasellus praesent morbi, pharetra posuere in felis id quisque nibh lectus duis tristique. Interdum euismod non sapien nunc mattis porta volutpat posuere tempor, nisl nisi lacinia fermentum velit justo fringilla metus feugiat ac, id turpis molestie dictum penatibus pellentesque lorem quisque.

Charles J. Woods Charles J. Woods

Facilisis dui morbi lacinia lorem commodo molestie praesent mollis enim, varius venenatis quis ut ipsum maecenas elit integer in tempus, montes curabitur pharetra dapibus condimentum quam orci tellus. Accumsan porttitor imperdiet parturient sociosqu vitae convallis molestie facilisi fames, fringilla fermentum phasellus facilisis dis curae lacus consequat dignissim, eget suscipit volutpat quisque leo ac tempus vivamus.

Want to leave a comment? Complete the form below!