View and edit css variables with color decorators (HSL and HSLA only)
Usages
add color decorator to css variable
convert hex to hs
Features
When using tailwindcss css variables,
we must exclude the color space function or opacity modifiers won't work
(ref).
However, this makes it difficult to see what color a variable is set to.
This extension adds color decorators to those variables, so you can see and edit them easily.
Convert hex to hsl with command color.hex2Hsl
Limitations
only works with HSL and HSLA (need to figure out how to find the format of the variable, and covert it back after picking a color in the decorator)