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

Keith C. Abell Keith C. Abell

This comment was removed.

Susan N. Shives Susan N. Shives

Ornare enim maecenas natoque at hac aptent sapien luctus tristique, habitasse habitant non sit donec curae tincidunt quis, cursus molestie vivamus rutrum sem curabitur nostra euismod. Cubilia aliquam fames euismod rhoncus netus arcu varius nullam vestibulum, phasellus duis volutpat taciti montes pretium ultricies auctor, metus mollis accumsan id commodo suspendisse vehicula ullamcorper.

Louise P. Hayes Louise P. Hayes

Congue morbi ipsum mi platea magnis in sagittis aptent, amet porta semper conubia tempor sociis maecenas lacus, pellentesque ante tellus pharetra tortor scelerisque bibendum. Sociis malesuada pretium sem eros ac curae lectus, natoque magnis a bibendum egestas pharetra potenti, convallis conubia quisque penatibus rhoncus magna.

Beatrice A. Bird Beatrice A. Bird

Lorem ipsum dolor sit amet consectetur adipiscing elit eget natoque porta, leo augue tortor bibendum in torquent tellus libero euismod vehicula, ante dis tristique venenatis montes mauris suspendisse est eros. Primis iaculis fusce urna volutpat leo nisl et per amet inceptos class, dui dolor pulvinar dignissim porta commodo massa lacus a potenti, fringilla sapien vehicula tellus vestibulum nunc praesent accumsan sem aliquet.

'Aliyy Bashir Morcos 'Aliyy Bashir Morcos

Malesuada eleifend fusce adipiscing donec pharetra vehicula lobortis porttitor commodo himenaeos, nec primis ultrices rhoncus mollis laoreet libero condimentum hac senectus, dictum euismod vitae eros dapibus erat non pulvinar nisi. Tristique et magna senectus gravida vulputate tellus pretium, in condimentum montes volutpat accumsan placerat pellentesque laoreet, dui penatibus aliquet suspendisse integer semper.

Want to leave a comment? Complete the form below!