material-foundation / material-theme-builder

Visualize dynamic color and create a custom Material Theme.
https://material-foundation.github.io/material-theme-builder/
Apache License 2.0
364 stars 28 forks source link

Generate Surface Tones in CSS Export #39

Closed thatcher-gaming closed 1 year ago

thatcher-gaming commented 2 years ago

Is your feature request related to a problem? Please describe. The M3 Guidelines talk about "Surface tones" that can be used to convey elevation and such by tinting the surface colour with a bit of the primary colour. At the moment the CSS exporter doesn't generate these, so they're a real pain in the ass to use inside web pages.

Describe the solution you'd like It'd be nice if the CSS exporter could include the surface tones.

Describe alternatives you've considered Right now I'm just hand editing the exported file to include these, which takes a little while and means I can't just swap out the CSS file when testing with different colours.

rodydavis commented 2 years ago

Right now they are computed as they take 3 tokens. It will be in the material web library.

DamonGuzman commented 1 year ago

When will the material web library release?