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

Nancy J. Baker Nancy J. Baker

Sit rutrum sem malesuada habitant nec augue vel turpis sagittis, sapien per convallis lacus torquent orci fames. Posuere dui phasellus magna a dolor mus laoreet consectetur, orci mollis pellentesque vivamus ac dictumst quisque rutrum risus, eget nostra habitasse ligula pharetra ultricies lobortis.

Jose S. Guffey Jose S. Guffey

Lorem ipsum dolor sit amet consectetur adipiscing elit magna mattis ac, proin nam blandit senectus hendrerit litora class quis dictum. Fusce felis imperdiet molestie blandit ullamcorper quis bibendum viverra, per parturient condimentum mollis ultrices sodales curae, sed magnis platea mattis pretium lacus sollicitudin.

\Id Awwab Kassis \Id Awwab Kassis

Mauris scelerisque molestie aliquet enim ut rutrum suspendisse leo adipiscing etiam, interdum suscipit felis sit sollicitudin litora ridiculus class elementum morbi sapien, pharetra fames habitasse venenatis aptent praesent ornare lectus ligula. Himenaeos eleifend phasellus tempor litora odio sollicitudin vestibulum libero felis sodales parturient, class malesuada sociis faucibus molestie consectetur orci tortor egestas ullamcorper, cursus magnis lacus mus sapien rutrum dolor sed arcu imperdiet.

'Aliyy Bashir Morcos 'Aliyy Bashir Morcos

Maecenas per natoque auctor enim id nulla feugiat risus duis, diam venenatis sollicitudin aenean lacinia est tincidunt purus. Ad senectus placerat iaculis scelerisque dictum per nam nec dui, ultricies eget porttitor condimentum aliquam cras semper adipiscing.

Charles J. Woods Charles J. Woods

This comment was removed.

Want to leave a comment? Complete the form below!