Icon not change color (applied property already)

I have been trying to solve a problem but need help figuring out what I missed. I created components for icons and also designed a card with three variant statuses: default, selected, and disabled. I applied properties to the icon and text. These components are used in the card. However, the color of the components does not change when I switch to other variants, although the text does change.

Thanks in advance!

Figma file link

Hi there,

Thanks for posting the details. I’ve looked into the file and tried to switch the properties of these instances. I might have misunderstood, but it seems to be working like attached. Could you specify which color you would like to change?


Hi! I just saw this. Sorry about the late reply. When I changed the states to disable and swap the icon variant, it didn’t apply the gray color to the icon. Is it the only way to have different states on each icon?

Thanks for the video, which was helpful for me to understand the behavior. This looks like an existing bug that instance loses override when changing variants. I shared this with our internal team and I will let you know if there is anything I can share with you.

Thanks for your understanding.

1 Like

Thanks for this! I just figured out that all the layers inside the icons need to have the same name, so the color can override it while changing the variant.