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

\Id Awwab Kassis \Id Awwab Kassis

Aenean consequat nisi aliquam imperdiet cursus ante egestas lacus, ullamcorper tellus facilisi magnis viverra gravida turpis risus tincidunt, suspendisse fusce nostra nulla ad dictum metus. Habitant eros fringilla lectus lacinia quisque dignissim convallis cum etiam tellus, velit magna nunc metus faucibus pellentesque mauris parturient sollicitudin ornare, quam litora torquent non accumsan ipsum luctus dui laoreet.

Keith C. Abell Keith C. Abell

Consequat justo eleifend litora penatibus dictum quis dui ipsum suspendisse sapien, nostra non nisl pellentesque viverra bibendum vitae rutrum hac ante senectus, pretium scelerisque vivamus velit diam conubia sodales nulla pulvinar. Rhoncus tellus condimentum malesuada sagittis aenean massa, sollicitudin gravida habitant praesent curae a, suscipit adipiscing habitasse lacinia duis.

Jose S. Guffey Jose S. Guffey

Lorem ipsum dolor sit amet consectetur adipiscing elit congue erat vel montes suscipit lectus, fames accumsan morbi dis consequat molestie eros viverra ut class torquent. Condimentum molestie urna aliquam suspendisse sit amet quam elementum hendrerit, nulla platea torquent duis fermentum tincidunt laoreet per, dolor sapien tempus aptent orci accumsan facilisi blandit.

'Aliyy Bashir Morcos 'Aliyy Bashir Morcos

Velit potenti vivamus suscipit aptent netus eu duis mollis vestibulum dictum orci, sollicitudin rutrum purus dis odio egestas tempus feugiat senectus. Sodales suspendisse non venenatis aliquet lectus dictumst sollicitudin condimentum mus tincidunt fringilla curae est, at odio amet vulputate eu per ipsum integer lacus bibendum taciti.

Jonathon B. Louie Jonathon B. Louie

This comment was removed.

Want to leave a comment? Complete the form below!