View and edit css variables with color decorators (HSL and HSLA only)
Usages
add color decorator to css variable
convert hex to hsl
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
Settings
cssVarColorDecorator.supportedLanguages
Use this setting to add support for other languages. Default value is ["css", "scss", "tailwindcss"]