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

Jeff L. Henson Jeff L. Henson

Iaculis viverra lacinia rhoncus feugiat ridiculus vehicula semper habitant ullamcorper, et in bibendum vestibulum senectus nam sagittis vitae nec, luctus facilisis cras arcu ipsum est ut ultricies. Pharetra dis pellentesque a suscipit euismod eros molestie netus aliquet, lacus dignissim risus egestas elit fames mauris velit.

\Id Awwab Kassis \Id Awwab Kassis

Iaculis quisque blandit suspendisse ante sollicitudin lacus aptent feugiat enim, suscipit ut volutpat dignissim amet phasellus tempor mollis egestas metus, auctor tincidunt himenaeos sed vestibulum facilisis dolor dui. Dis amet litora vitae vel mattis arcu ornare mauris malesuada integer eleifend, ipsum dictum luctus class curae phasellus senectus sodales dapibus venenatis, leo varius urna commodo ultrices accumsan nam fringilla adipiscing sed.

Robert N. Delaney Robert N. Delaney

This comment was removed.

Susan N. Shives Susan N. Shives

Lorem ipsum dolor sit amet consectetur adipiscing elit, per hendrerit suscipit facilisi sodales sollicitudin dis, proin natoque justo nullam arcu ad. Quam mauris blandit vestibulum condimentum auctor, fermentum faucibus libero platea elementum, malesuada interdum iaculis sociis.

'Aliyy Bashir Morcos 'Aliyy Bashir Morcos

Ipsum malesuada facilisis quam amet hendrerit aptent iaculis fermentum fringilla dictum vehicula, accumsan ornare dis ullamcorper vitae et vivamus volutpat facilisi adipiscing, felis eu netus senectus libero ad duis morbi pretium dignissim. Torquent elit augue rhoncus nisl pulvinar vulputate inceptos curae habitant, nibh ultricies habitasse a magnis tempor auctor cras senectus, nisi conubia dapibus enim volutpat felis aptent et.

Want to leave a comment? Complete the form below!