Give Colors their own Properties & Variants

[Will_Linczer]

I’d like to be able to set one color as the default hover of another color. This would make component library building far less tedious. I could just build the light mode styling once and then swap to the dark or primary styling without having to also build them.

[Armin_Rouhanian]

Hey there Will.

I was exploring here and I found another request newer and with more offers. I suggest voting that one and closing this thread. so All votes come together in a unique thread. here are links:

Request: Number & Color properties for components

It would be great to add a new “Number” type of property to components, that allows to control dimensions, opacity,… And a color property, that allows to easily change the color of elements inside of the components. When you select the component instance, changing a color using “Selection colors” affects all nested elements carrying that color. A property would allow granular control of specific elements in the instance.

Colors with component variation

Components don’t have color properties unfortunately, so you can’t change the color of variants in an instance. You’ll have to create variants for every color that you need, or make the colored element into a component and instance swap it in the button.

Hope it helps you