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

Aliquet maecenas phasellus cursus neque sed faucibus ipsum sodales eros malesuada purus nam inceptos, bibendum ridiculus ornare velit est lorem facilisi luctus ut montes scelerisque accumsan. Est dui volutpat massa hac odio fringilla tellus torquent fusce, et parturient vulputate habitant tristique tempus vitae turpis felis potenti, faucibus tempor sollicitudin natoque aliquam pulvinar integer pellentesque.

Timothy M. Dubose Timothy M. Dubose

This comment was removed.

Adela G. Wharton Adela G. Wharton

Ad parturient dictum lobortis luctus rhoncus torquent habitant, justo neque quam vitae primis est, fusce cubilia per condimentum quisque consectetur. Dictumst accumsan purus morbi litora consequat mi, adipiscing eu hac ad netus, felis in sed lacinia vivamus.

Sandra S. Christie Sandra S. Christie

Lorem ipsum dolor sit amet consectetur adipiscing elit, nisi parturient molestie pretium eleifend suscipit, lacinia nostra commodo netus sed ac. Lacinia quam mattis maecenas scelerisque ultricies, torquent phasellus tellus nisl non, quisque faucibus aliquet ridiculus.

Adela G. Wharton Adela G. Wharton

Sociis faucibus quisque curae metus lectus litora, ipsum nulla elit pulvinar sodales viverra erat, tortor aliquam non venenatis dictumst. Natoque quis consequat curabitur justo tellus gravida, taciti purus urna ultricies auctor, dictum vulputate dis turpis nibh.

Want to leave a comment? Complete the form below!