Visual studio code VSCode-自定义元素、ID和;scss文件中的类文本?

Visual studio code VSCode-自定义元素、ID和;scss文件中的类文本?,visual-studio-code,Visual Studio Code,我应该规定我知道如何更改workbench.colorCustomizations,并且已经对编辑器进行了一些更改。也就是说,我正试图找出/找到正确的语法来定制scss文件中的颜色。默认情况下,所有内容均为棕褐色 scss文件中是否有扩展名或本机方式自定义颜色,以便元素、ID和类可以有不同的颜色?另外,你能给我一个可以添加到settings.json中的工作语法示例吗 我要找的假例子 "workbench.colorCustomizations": { "sc

我应该规定我知道如何更改
workbench.colorCustomizations
,并且已经对编辑器进行了一些更改。也就是说,我正试图找出/找到正确的语法来定制scss文件中的颜色。默认情况下,所有内容均为棕褐色

scss文件中是否有扩展名或本机方式自定义颜色,以便元素、ID和类可以有不同的颜色?另外,你能给我一个可以添加到settings.json中的工作语法示例吗

我要找的假例子

"workbench.colorCustomizations": {
  "scss.elementColor": "#CA0000,
  "scss.classColor": "#00dd00,
  "scss.pseudoClassColor": "#CCCCCC,
  "scss.idColor": "#CD078F,
}

您可以使用Textmate规则和作用域执行任何操作。例如,将其放入settings.json中:

  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "entity.name.tag.css",
        "settings": {
          "foreground": "#00ff00",  // fontstyle property as well
        }
      },
      {
        "scope": "entity.other.attribute-name.id.css",
        "settings": {
          "foreground": "#ff0000",
        }
      },
      {
        "scope": "entity.other.attribute-name.class.css",
        "settings": {
          "foreground": "#0000ff",
        }
      },
      {
        "scope": "entity.other.attribute-name.pseudo-element.css",
        "settings": {
          "foreground": "#000",
        }
      }
    ]
  }

适用于
css
scss
。如果希望使用更多范围,可以将其限制为一个或另一个


使用命令调色板中的
范围检查器工具获取范围,并在和上查看更多信息。

您统治着整个世界。如果可以更改高亮显示文本的文本颜色,您会不会碰巧发现?我知道如何更改背景高亮颜色,但不知道文本本身。请参阅公开问题:我认为除了高对比度主题外,您无法设置该颜色。