Question

你好，我最近从Atom切换到Vs代码，并尝试了一些教程，解释如何在网站上添加语言支持我明白语言支持应该有颜色化器

问题是我如何为自定义语言添加颜色？我习惯了自己的颜色，当我基本上每种语言都工作时，我会有一种寒冷褪色的样子，所以它不会伤到我的眼睛

我创建了一个CSS语言支持，在我试用之后我看到它没有颜色，但由于某种原因在VScode设置[css]：{}被添加但是它是空的

有人可以指导我接下来应该做什么或如何添加颜色我无法在VScode文档或互联网中找到任何信息

编辑：我创建了一个空语言支持而不使用yo生成器导入textmate文件。

Answer 1

如果您要 基于现有颜色主题 自定义特定颜色或其他内容，则打开命令调色板> developer：从当前设置生成颜色主题。

选择所需实体，并在范围和设置中编写如下面的示例。（我寻求自定义班级颜色，因为在主题“ Monokai Dimmed”中，imo班级颜色很糟糕）

"editor.tokenColorCustomizations": {
    "textMateRules": [{
        "scope": "entity.name.class, entity.name.type", 
        "settings": {
            "foreground": "#A6E22E"
         }
    }]
}

与上一个答案类似

Answer 2

这样的事情可能有用：

https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

它可让您通过用户设置自定义颜色，例如以下内容将更改JSON文件中属性名称的颜色：

{
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "scope": "support.type.property-name.json",
        "settings": {
          "foreground": "#ff0000"
        }
      }
    ]
  }
}

Answer 3

这是我发现完全自定义颜色的方法。在您的settings.json中，例如，黑色背景和非常容易出现的错误的例子：


"workbench.colorCustomizations": {

    // general settings - will apply to all color themes:
    "editorError.border": "#ff0000",
    "editor.background": "#000000",

    // you can customize for a single theme (fpr example, for dark themes)
    "[dark]": {
        "editor.background": "#000000",
        "terminal.background": "#000000",
        "editorError.foreground": "#ff1144",
        "errorForeground": "#ff1144",
    },
},

设置将自动完成属性，但以防万一，您可以使用“根据当前设置生成颜色主题”命令查看整个颜色列表。

向Vscode添加自定义颜色

3 个答案: