HSLA and variable/text replacement support for color picker
I love the current feature of being able to copy HSLA and do a replacement for a sass hue variable - for example:
hsla(240,34,45) becomes hsla($primary, 34, 45).
We can take this further into Sketch and have the potential to do a cool workflow of assigning our colors to 4 symbols (primary, secondary, accent, alternate).
We can then tweak the base colors in these symbols by layering additional colors on top (white/black) to give us tints and shades of the existing base colors. This would allow for very fast theme swapping as one would only need to change the 4 base colors to change the entire UI.
However, in Avocode, these colors would be treated as 2 separate layers (one semi-transparent white on top of a base color), and the output from the CSS would not be accurate.
BUT if the developer were to use the color picker, the color would be the accurate tinted version of "primary". If the color picker supported variable/text replacement and the HSLA format, the developer could obtain the proper color out of a mix of 2 layers that are overlayed on top of each other.
The result would then be hsla($primary, 34, 68) -> 68 being the additional tint added by the semi-transparent white layer on top of the original "primary" base color.
It seems like it would be an easy add since you have that functionality set up for the CSS export.