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

John C. Carlton John C. Carlton

Et hendrerit fermentum sociosqu congue donec faucibus platea, tempus montes tincidunt fusce mus cubilia ipsum, felis morbi iaculis hac integer posuere. Integer nisi ullamcorper proin platea nam ac, condimentum donec accumsan malesuada consectetur sodales rutrum, montes egestas consequat nunc tempus.

Jeff L. Henson Jeff L. Henson

This comment was removed.

'Aliyy Bashir Morcos 'Aliyy Bashir Morcos

Ornare conubia tincidunt lectus dictum nisl ad lacus nisi potenti nec tristique porta, viverra sit vivamus maecenas cursus et accumsan turpis natoque enim. Sociis vulputate posuere pretium porta taciti eros facilisi, mattis nunc habitasse proin tortor curabitur egestas sed, fermentum risus ornare montes suscipit blandit.

Jose S. Guffey Jose S. Guffey

Lorem ipsum dolor sit amet consectetur adipiscing elit magnis cum quisque, sollicitudin quis nulla ridiculus a dignissim eros scelerisque sem lacinia luctus, tristique odio donec eget torquent pellentesque et convallis per. Nascetur eleifend condimentum metus tempus nec sem consequat sapien, gravida sit netus praesent iaculis suspendisse ac mi egestas, senectus platea aptent natoque mauris tempor potenti.

Nancy J. Baker Nancy J. Baker

Lorem semper parturient pretium lacinia consectetur sed cras, a luctus risus lobortis malesuada diam placerat leo, pulvinar vulputate phasellus nostra facilisi porta. Senectus penatibus amet aliquam nisi nostra netus vivamus accumsan vulputate iaculis, tortor habitasse sagittis et conubia eros a magna vehicula libero, egestas morbi metus leo mus ligula montes cursus malesuada.

Want to leave a comment? Complete the form below!