I am managing the button color and size values by creating them as components.
After changing the color value of the button, if you change the size from l → m, an unknown color value appears.
Is this a bug? What did I do wrong?
The sky blue color is not found anywhere in our design system.I am managing the button color and size values by creating them as components. After changing the color value of the button, if you change the size from l → m, an unknown color value appears. Is this a bug? What did I do wrong? The sky blue color is not found anywhere in our design system.
what is the hex color on the Fill of the skyblue? Have you tried reimporting the button from the DS directly again and re-do those steps again and see if the sky blue persists? What is the color of the variant on the DS?
skyblue : #00ABFF
original : #4263EB
Even after reimporting the master component, the same issue occurs, and it only happens with the L size component.
If you use that component, it will retain the color of it if the layering is not correct.
So, you have to check the layers of the component and it’s variant if they are the same layer name and same nesting. So once you’ve changed the value of the instance and change variant, it would retain your values.
I’ve also prepared a screen recording video just for you.
The layers of the instance are completely identical to those of the master component. From what I can see, there doesn’t seem to be an issue with the layers, but I’m not sure why that light blue color is appearing. I’d appreciate it if you could double-check please.