Custom hover color in component instances

Hi! I have a button component with a hover state (basically a variant that shows while hovering). Is there a way to change it’s color on instances for both states?

For instance:
The main component default has a light blue background and a dark blue background on hover. This works.
However, on an instance of this component, when I change the default background color to light red and the hover background color to dark red (change the variant to ‘hover’, change the color and switch back to default), the dark blue background remains on hover when I run it as a prototype…

Is there a way to achieve this correctly?

Thanks in advance!

1 Like

If you’re only darkening the color, instead of changing the color, a trick could be to fade in a transparent black overlay. This will make it work with any color on the default variant.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.