-
|
I have generated my theme using the material-color-utilities library found here: https://www.npmjs.com/package/@material/material-color-utilities This mostly works but the following tokens appear to be missing which makes certain components (filled buttons for example) to be off theme and have jarring default colours. Is there a way of implementing the theme generator to include the missing tokens or is this not implemented yet? If not, Is there a way of generating these colours based on my theme color in the mean time? --md-sys-color-surface-bright |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
We suggest using the material-web.dev color picker utility, which will generate a theme and allow you to copy all the correct tokens. We're working on a better theme builder, but unfortunately right now the color utilities package uses an older token set schema. You can also check out or copy our catalog code which directly interacts with |
Beta Was this translation helpful? Give feedback.
-
|
Thank you! The catalog code worked perfectly |
Beta Was this translation helpful? Give feedback.
We suggest using the material-web.dev color picker utility, which will generate a theme and allow you to copy all the correct tokens.
We're working on a better theme builder, but unfortunately right now the color utilities package uses an older token set schema.
You can also check out or copy our catalog code which directly interacts with
@material/color-utilitiesand adds the right token support. Reference that if you need to generate the theme dynamically at runtime.