search

PolymerThemes / polymer-themes

http://polymerthemes.com/
BSD 3-Clause "New" or "Revised" License
31 stars 4 forks source link

Make all colors/fonts variables so that they can be referenced in other custom elements #7

Open bendavis78 opened 9 years ago

bendavis78 commented 9 years ago

In the 1.0 themes, all colors should be defined as variables so that they can be referenced from other custom elements.

For example, in the melon theme, the color #3a474c is used as the main body background. If I want to use the same background for other elements as my main body background, I have to copy-and-paste that color into my main CSS file. If and when I switch themes, I have to look for the new background color and switch that color again in my CSS file.

Ideally all colors & fonts should be defined as variables in :root, and should be prefixed with a different namespace, for example, --polymer-themes-color01, --polymer-themes-color02, etc.

PolymerThemes commented 8 years ago

This is on our roadmap, most likely it will make it into one of the next couple of releases.