In my app, I have a set of scss variables that represent colors used throughout the interface. For example:
$primary-color: #00755E
There are also colors that are variations of this primary color with different opacities. For instance, $primary-color with 0.05 opacity looks like this:
$primary-with-opacity: #F2F8F7
I want to find a way to link the primary color variable ($primary-color) to the color variation with opacity so that if the primary color changes, the opacity variation automatically updates as well. Unfortunately, due to constraints in the app, using rgba values is not an option.
Is there a way for me to achieve this without relying on rgba?
Just to clarify, the following solution will NOT work:
$primary-with-opacity: rgba($color: $primary-color, alpha: 0.05) //this approach is not applicable in this case