Skip to main content
Question

Custom hover color in component instances


Hans_Humblet

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!

This topic has been closed for replies.

Avokadomos
  • Active Member
  • August 15, 2022

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.


  • September 14, 2022

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


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings