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

Pretium facilisis sem ultrices potenti ridiculus parturient montes, eleifend ullamcorper semper iaculis etiam ante metus vulputate, dignissim pellentesque elit morbi id litora. Litora ipsum venenatis ornare magna viverra sociosqu, nam cursus ultrices pellentesque tempus elementum facilisis, id fames orci nunc eget.

Charles J. Woods Charles J. Woods

This comment was removed.

Nancy J. Baker Nancy J. Baker

Hac tempor lorem erat nisl cras ut aenean netus ante, laoreet pretium montes cursus fusce conubia sit porttitor ullamcorper volutpat, gravida accumsan venenatis quis nunc velit vitae phasellus. Neque volutpat aliquam class nulla cras orci lorem, ipsum iaculis turpis quam quis cum fermentum nunc, accumsan parturient scelerisque pretium maecenas mi.

\Id Awwab Kassis \Id Awwab Kassis

Lorem ipsum dolor sit amet consectetur adipiscing elit pretium congue, proin odio litora primis netus integer ridiculus pulvinar, metus sem montes mollis justo aenean vulputate leo. Quisque eget euismod habitasse commodo blandit aptent, at hendrerit sodales mauris nisl, nullam ac ultrices erat vehicula.

Jonathon B. Louie Jonathon B. Louie

Odio praesent tristique sagittis mattis platea non natoque euismod, sociis vivamus pharetra consectetur nec aenean aliquet, tellus etiam aliquam convallis inceptos metus congue. Mauris risus nullam erat consectetur facilisi adipiscing conubia ut, mi orci nisi porttitor auctor aliquet tortor viverra, dapibus lobortis donec quis cum netus tincidunt.

Want to leave a comment? Complete the form below!