Allow Stacking Colors in Variables

It would be really great to be able to define a new variable that use another variable AND an other color on top.

The main usecase for me is to be able to have for example :

  • Variable A : My primary color
  • New Variable B : My primary color + a dark overlay ( 000, 3% ) which is the “Hover effect” for example

This way I can change my primary color ( Variable A ) and have all the others colors ( hover, active, disabled … ) which update instantly without having to set every color individually.

Screenshot 2023-10-25 at 14.15.32

Thanks for the feedback!

We’ll pass this onto our Variables team for consideration.