search

PolymerElements / paper-button

A button à la Material Design
https://www.webcomponents.org/element/PolymerElements/paper-button
138 stars 64 forks source link

Raised buttons inverted colors #121

Closed bvhme closed 8 years ago

bvhme commented 8 years ago

Hey, kind of a feature request:

The raised buttons as they are displayed in the Material Design style guide mostly display another kind of raised button. One where the --primary-color is the background color and I would love to be able to use these in my components. Sadly paper-button has no support for such styling.

raised inverted color button

Something like a primary attribute or something similar would be great.

Furthermore if I use --paper-button to set this styling I can't seem to figure out what variable to use for the text-color that will work across light and dark themes.

Thanks

keanulee commented 8 years ago

You can specify custom background/text colors using custom properties (see bottom examples at https://elements.polymer-project.org/elements/paper-button?view=demo:demo/index.html&active=paper-button), but there's no "magic" way to just swap the colors. You'll probably have to pick different text colors for light and dark themes.