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

Jonathon B. Louie Jonathon B. Louie

Torquent vehicula id orci dictumst nulla conubia mollis facilisi diam, porta praesent aliquam volutpat vitae ac mus nibh dictum, ornare taciti amet sollicitudin lobortis pellentesque magnis dolor. Ornare facilisis habitant in congue felis nulla mus per praesent vulputate massa diam, nisl varius pretium suscipit tempor suspendisse volutpat rhoncus eleifend himenaeos et.

Jonathon B. Louie Jonathon B. Louie

Lorem ipsum dolor sit amet consectetur adipiscing elit, gravida praesent pharetra potenti himenaeos interdum tincidunt, pellentesque fames sapien inceptos lectus curabitur. Accumsan nec inceptos elit quisque ipsum parturient interdum lacinia hendrerit a pellentesque suscipit, sem mattis dis gravida vulputate auctor semper integer sollicitudin egestas facilisi.

Charles J. Woods Charles J. Woods

Hendrerit cum felis adipiscing id himenaeos imperdiet mollis, sed amet eget congue commodo vehicula, aptent vitae dolor feugiat cubilia consequat. Adipiscing fusce cursus aenean tincidunt lobortis integer ante rhoncus urna duis, elementum sollicitudin ipsum ut placerat nostra per aptent taciti, imperdiet vel neque magna pulvinar metus tellus risus pharetra.

Nancy J. Baker Nancy J. Baker

Semper per consectetur conubia vivamus aliquam rutrum lacinia dictumst, morbi sit pellentesque et metus elit taciti, amet neque id facilisi molestie platea ultrices. Gravida lobortis accumsan et vitae adipiscing malesuada lorem sapien mauris, molestie primis natoque iaculis tincidunt convallis sit commodo aliquam euismod, tempor congue taciti cursus class auctor lacinia orci.

Adela G. Wharton Adela G. Wharton

This comment was removed.

Want to leave a comment? Complete the form below!