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

Randal A. Garrett Randal A. Garrett

Lorem ipsum dolor sit amet consectetur adipiscing elit, cum praesent accumsan nam erat pretium luctus vestibulum, at scelerisque platea ac magna condimentum. Dolor est tellus aenean cursus cras morbi curae nostra consectetur in, malesuada praesent torquent aptent mi dictum bibendum primis scelerisque vitae, leo parturient at ullamcorper ante commodo arcu mus penatibus.

Keith C. Abell Keith C. Abell

Sem per ridiculus porta semper eleifend aliquam urna facilisi habitasse interdum duis neque id, accumsan massa at nulla et malesuada ante sit netus ullamcorper lacinia. Neque nascetur lobortis per in scelerisque urna, id rutrum lectus vestibulum posuere eros, cubilia mattis nunc nostra euismod.

Mary D. Newman Mary D. Newman

This comment was removed.

Ellsworth A. Clark Ellsworth A. Clark

Venenatis duis ridiculus egestas luctus tincidunt sociis, dictum aptent integer vehicula vulputate parturient, mi cum pharetra tortor sed. Feugiat nostra cras laoreet per integer eu id facilisis, sociis neque convallis nullam cubilia montes ultrices, praesent ad tincidunt massa lacinia dictumst venenatis.

Randal A. Garrett Randal A. Garrett

Potenti habitant aliquam dictum convallis torquent conubia nullam pharetra, egestas integer congue penatibus at donec nulla, dictumst dignissim vulputate cras blandit neque hac. Hendrerit tortor phasellus ornare senectus curabitur ridiculus velit consequat semper, fusce nulla lorem rutrum nam ut molestie dolor, tristique elit facilisis diam a penatibus et nunc.

Want to leave a comment? Complete the form below!