向 Vscode 添加自定义颜色答案

【问题标题】：adding custom colors to Vscode向 Vscode 添加自定义颜色
【发布时间】：2017-06-11 14:11:26
【问题描述】：

你好，我最近从 Atom 切换到 Vs-code 并尝试了一些教程，这些教程解释了如何在他们的网站上添加语言支持我知道语言支持应该有着色器

问题是如何为自定义语言添加颜色？当我基本上在每种语言上工作时，我都习惯了自己的颜色

我在尝试后创建了一个 CSS 语言支持，我发现其中没有颜色，但出于某种原因在 VScode 设置 [css]: {} 已添加但它是空的

有人可以指导我下一步应该做什么或如何添加颜色，我在 VScode 文档或互联网上找不到任何信息

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

【问题讨论】：

标签： visual-studio-code vscode-extensions vscode-settings

【解决方案1】：

如果您想自定义特定颜色或其他内容基于现有颜色主题，那么打开命令面板 > 开发者：从当前设置生成颜色主题。

选择想要的实体并将其写入范围和设置如下例所示。（我寻找自定义类颜色，因为在主题“Monokai Dimmed”中，imo类颜色很糟糕）

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

这和之前的回答差不多

【讨论】：

【解决方案2】：

这是我发现的完全自定义颜色的方法。在您的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",
    },
},

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

【讨论】：

【解决方案3】：

这样的东西可能有用：

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

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

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

【讨论】：