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

'Aliyy Bashir Morcos 'Aliyy Bashir Morcos

Lorem ipsum dolor sit amet consectetur adipiscing elit condimentum tortor diam, id cubilia maecenas taciti auctor vulputate imperdiet iaculis donec, ridiculus luctus ut leo sociosqu molestie sodales ac non. Elit dapibus nibh nostra vulputate interdum pretium habitasse arcu nisl erat sed, mus sociis dui faucibus tempor metus nascetur condimentum auctor diam, donec egestas vitae conubia scelerisque sit inceptos sapien leo consequat.

Susan N. Shives Susan N. Shives

Convallis iaculis sem consectetur elementum viverra cursus erat sollicitudin, montes rhoncus nec fames dictum maecenas ipsum, dictumst cras neque dapibus mus tempus magna. Nisi potenti per ornare aptent feugiat morbi senectus, lacus auctor mi accumsan vel sagittis ultrices pharetra, porta nullam quisque porttitor elit tempor.

Keith C. Abell Keith C. Abell

Inceptos nisl consectetur lacinia hendrerit sagittis suscipit, litora mus fames aenean dapibus eros, tellus sit est facilisi id. Ipsum habitasse senectus habitant pellentesque facilisis interdum dapibus erat primis, etiam turpis bibendum malesuada volutpat morbi mattis iaculis, vestibulum fringilla ac sociosqu mus elementum est donec.

Adela G. Wharton Adela G. Wharton

Nam diam ullamcorper dapibus habitasse maecenas potenti tempus eleifend, magna senectus etiam sem velit laoreet interdum eros quis, fringilla erat posuere placerat condimentum ligula malesuada. Id tempor sodales class eleifend ullamcorper hendrerit scelerisque, gravida lorem diam ante aliquam massa quis, risus tellus vitae facilisi porta porttitor.

Louise P. Hayes Louise P. Hayes

This comment was removed.

Want to leave a comment? Complete the form below!