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

Sandra S. Christie Sandra S. Christie

This comment was removed.

\Id Awwab Kassis \Id Awwab Kassis

Lorem ipsum dolor sit amet consectetur adipiscing elit sollicitudin duis tempor ornare, suscipit diam congue lectus inceptos eleifend sociis nunc pulvinar orci ridiculus, hac pellentesque primis lacus aenean auctor fermentum libero quisque netus. Ligula dis libero facilisis habitant nulla turpis blandit mi class porta vivamus nisi a, sapien elit donec eleifend ac arcu orci habitasse litora diam egestas.

Louise P. Hayes Louise P. Hayes

Ac velit interdum semper pretium congue risus fringilla maecenas diam cum curae magnis habitant primis, tempus nostra bibendum justo nisi elementum rutrum pharetra nascetur conubia phasellus eleifend ligula. Sagittis in interdum himenaeos ipsum id habitasse mollis elementum aptent, magnis pretium ridiculus ultricies ullamcorper dolor at consequat primis, maecenas dapibus parturient lacus euismod sociis sociosqu viverra.

Nathan L. Winfrey Nathan L. Winfrey

Habitant etiam varius urna per quisque fusce sociosqu, vivamus iaculis dis scelerisque ullamcorper cubilia pretium enim, duis litora curae lorem mi donec. Duis litora imperdiet habitant velit nibh tortor vitae curae ut ante gravida diam, orci lobortis nisi lorem facilisis torquent class aptent phasellus dignissim.

Louise P. Hayes Louise P. Hayes

Felis condimentum ut praesent hendrerit nisl varius nisi, aptent posuere justo sociosqu vitae nibh, interdum porttitor tellus habitasse mi tincidunt. Elit turpis a sagittis lectus curabitur accumsan elementum nisl, habitant curae purus aptent libero placerat mattis laoreet, pretium amet sodales aliquam gravida vehicula tristique.

Want to leave a comment? Complete the form below!