如何为 SCSS 变量设置颜色荧光笔？答案

【问题标题】：How can I set color highlighter for SCSS variables?如何为 SCSS 变量设置颜色荧光笔？
【发布时间】：2020-08-30 14:09:50
【问题描述】：

我想将它的值用作 SCSS 中的背景，但它不起作用。我尝试了颜色荧光笔插件并检查了它的设置，但它仅适用于十六进制代码、rgb、rgba 和颜色名称，但不适用于 WebStorm 2020.2 中的 SCSS 变量

对不起，我的英语不好。

我现在看到的：

我想要的：

【问题讨论】：

如果我理解正确的话，你想要从另一种颜色的浅色版本，对吧？
不，我希望 $color-primary-light 变量获得 backgorun，如第二张图片所示。我的意思是当我使用一种颜色时，我想看看它是哪种颜色作为它的背景。颜色荧光笔插件与 vs 代码完美配合，但不适用于 webstorm
我明白了，老实说没有线索
我认为这里的问题是直接输入颜色值时，颜色本身在IDE中被设置为背景颜色。但是，在键入 SCSS 变量时，文本根本不会突出显示。可能是您的 IDE/插件中的错误，或者它/他们缺少此功能。
是的。实际上插件不适用于 webstorm，但我们在 webstorms 插件商店中有该插件））。他们在设置中提供了这种功能，但它不适用于仅使用颜色的直接值的变量

【解决方案1】：

对于变量，它目前仅作为装订线区域中的颜色框提供。

https://youtrack.jetbrains.com/issue/WEB-14338 -- 观看这张票（星号/投票/评论）以获得任何进展的通知。

【讨论】：

P.S.供参考：WebStorm 论坛上的相同问题：intellij-support.jetbrains.com/hc/en-us/community/posts/…
非常感谢他们都是我的问题）