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
362 stars 28 forks source link

Generate Surface Styles and Generate State Layers not working #149

Closed andrewhainen-slalom closed 6 months ago

andrewhainen-slalom commented 1 year ago

When updating a primary color, the Outlined buttons clearly show that the State Layers didn't update to the brown-ish Screenshot 2023-03-30 at 10 15 36 AM

margeeta commented 1 year ago

Hi, could you provide your steps to reproduce this issue?

PrattiDev commented 1 year ago

You seem to have a very old version of the UI kit. The Figma plugin no longer generates read-only style groups, which is what is failing to update in your file.

Instead of M3/read-only/light/, the new structure wants M3/state-layers/light/

image

You can double click on the color group in the Figma sidebar to rename it.

image)

andrewhainen-slalom commented 1 year ago

Got it, thank you for the info. The team has decided to switch to MUI, but regardless - thank you for this info