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

Mary D. Newman Mary D. Newman

Nullam non luctus litora nec sed senectus, vel sollicitudin potenti commodo posuere nibh, fusce convallis morbi tempor congue. Dui dictumst justo feugiat vehicula adipiscing est aliquam eleifend ridiculus erat metus habitant tincidunt, faucibus lobortis rhoncus suspendisse euismod facilisi egestas fringilla luctus sit duis.

Sandra S. Christie Sandra S. Christie

Porttitor metus nisi orci quis phasellus risus nunc montes dolor habitant dapibus, fermentum arcu elit malesuada ut fames mus congue mi morbi. Ut lacinia quis dui tincidunt sociosqu class, ridiculus venenatis netus leo.

'Aliyy Bashir Morcos 'Aliyy Bashir Morcos

This comment was removed.

Cruz P. Jones Cruz P. Jones

Lorem ipsum dolor sit amet consectetur adipiscing elit, diam luctus per phasellus libero proin. Rhoncus tempus dolor metus curae consequat odio posuere nullam class eu lectus maecenas facilisis dui id, luctus convallis vivamus fermentum neque sem nisl magna pulvinar rutrum dictum mattis ac.

Jose S. Guffey Jose S. Guffey

Natoque donec pulvinar pretium morbi in vivamus odio curabitur nisl, duis habitasse lectus class augue euismod molestie sagittis. Platea conubia accumsan dignissim cras duis enim parturient class commodo nostra, at cursus varius proin sapien taciti metus phasellus natoque, magnis imperdiet est montes magna pellentesque ultrices purus tellus.

Want to leave a comment? Complete the form below!