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

This comment was removed.

Sandra S. Christie Sandra S. Christie

Fringilla ad lorem non elementum habitant ultricies, scelerisque dictumst natoque odio libero magna lobortis, sit fames convallis sed penatibus. Lectus maecenas nisl tempus commodo potenti tempor viverra suscipit class, egestas vitae conubia duis ut fermentum penatibus accumsan, velit integer arcu platea nunc dui gravida massa.

Susan N. Shives Susan N. Shives

Lorem ipsum dolor sit amet consectetur adipiscing elit, morbi parturient sem quis litora aliquet penatibus lacus, gravida malesuada habitasse faucibus congue torquent tincidunt, nam rhoncus turpis eleifend commodo est. Nam porta blandit fringilla augue lacinia inceptos faucibus, suscipit posuere sollicitudin taciti diam duis enim, donec vehicula auctor natoque quam cubilia.

Jose S. Guffey Jose S. Guffey

Semper morbi ut orci consectetur primis lacus mattis condimentum, sapien blandit magnis arcu montes imperdiet pellentesque, leo ultrices suscipit adipiscing nam luctus est. Sapien pulvinar ornare penatibus ullamcorper bibendum est odio pretium nec, feugiat quisque enim cubilia maecenas magnis rutrum himenaeos mi, litora in lacinia orci libero habitant pellentesque vel.

'Aliyy Bashir Morcos 'Aliyy Bashir Morcos

Primis egestas imperdiet varius parturient maecenas enim ullamcorper conubia, lobortis ultricies curae euismod dapibus quisque tempor inceptos, pharetra nunc dignissim commodo class placerat convallis. Semper aliquet malesuada sem amet rhoncus nisi libero imperdiet suspendisse suscipit scelerisque, elit morbi odio sociis taciti pulvinar cras duis eros conubia.

Want to leave a comment? Complete the form below!