Colors with component variation

[Armin_Rouhanian]

Hey there.

I’ve recently searched about this feature.
here was my answer to one of the requests:

Request: Number & Color properties for components

Hey there. That would be totally great. However, its usage can be tricky. I think we need to define the problem first. creating a “theme” for the whole page would be great. but at last, we need to show all variants to the client/programmer in one package. so, all the states of a component like buttons should be visible as one component (like primary, secondary or enable, hover, etc). changing selection colors would also do the same trick to make different types of buttons. and also would take …

These are the links of requests. Please contribute to these threads if you found them helpful

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.

Give Colors their own Properties & Variants

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.