Hi everyone!
I have seen a lot of posts here about having to detach a fill of a layer in order to change the opacity and asking for opacity to be also able to save as its own variable, but this is not exactly my wish.
I wish to define a variable that has a not a 100% fill, but rather references another color variable and has a different opacity without having to detach the referenced variable.
Example use case:
Alert component with 3 variants. In this case the “color” variable is the background in the first of the 3 variants (from left to right) and also the text and stroke color in the other two variants. “background” variable in this case only the background in the 3rd variant.
In light mode it is a light blue, but a solid light blue. In dark mode, instead of having to define a whole new “dark-gray-ish blue” color to reference here, I would just like to reference the “info/main” variable, with an opacity so that we stick to the same color. For FE, this makes no sense, seeing this, having to go see what variable has this exact color code, and then adding an opacity. In this case as well, they would also find the matching variable to be “blue/500” instead of “info/main” as well and the whole connection of variables becomes pointless, if we want to change to a different shade of blue for example. Not only would I have to manually go over each variable that has a less than 100% opacity, so would the FE dev.
Being able to change the fill opacity of a layer without detaching wouldn’t solve my issue as well, because then the layer would also have to be transparent in light mode, which is not what we want.
Pleaaaaase make this Figma, I have been needing this since the first release of the variables.
