如何在 vscodium 中自定义颜色？答案

【问题标题】：How to customize colours in vscodium?如何在 vscodium 中自定义颜色？
【发布时间】：2021-05-20 09:56:45
【问题描述】：

关注这个答案https://stackoverflow.com/a/55113171/324969 和这个答案https://stackoverflow.com/a/60686826/324969。

如果我按Ctrl+，逗号，在设置中搜索“颜色”，单击Edit in settings.json之一，粘贴以下内容使其成为文件的全部内容，然后重新启动 vscodium，它没有效果：当鼠标光标位于代码的某些部分时显示的工具提示是不透明的而不是半透明的，并且 cmets 的颜色是黑色而不是红色。

{
    "window.zoomLevel": 0,
    "workbench.colorTheme": "Atom One Light",
    "editor.tokenColorCustomizationsExperimental": {
        "variable": "#ff0000",
        "*.comment": "#ff0000",
        "*" : "#ff0000",
    },
    "workbench.colorCustomizations": {
        "editorSuggestWidget.background": "#ff000060"
    }
}

我如何在 vscodium 中配置与 coulour 相关的东西？ 我问这个问题是因为我似乎不知道需要做什么才能使 settings.json 工作一般。

也许这是一个只有 vscode 的功能？或者也许我正在以某种方式编辑错误的settings.json 文件？或者，也许某些插件阻止了它的工作？ git 项目的子目录中有几个.editorconfig 文件与我正在工作的子目录无关。这些.editorconfig 文件不包含任何关于颜色的内容，仅包含缩进和 EOL 设置。也许这些文件的存在会阻止settings.json 工作？也许上面链接的答案已经过时，并且现在通过不同的机制进行定制？

我正在运行 Atom One Light Theme 2.2.3 和 OCaml：

Version: 1.41.1
Commit: 26076a4de974ead31f97692a0d32f90d735645c0
Date: 2019-12-19T20:28:43.121Z
Electron: 6.1.5
Chrome: 76.0.3809.146
Node.js: 12.4.0
V8: 7.6.303.31-electron.0
OS: Linux x64 5.4.0-60-generic

【问题讨论】：

标签： vscode-settings

【解决方案1】：

悬停框需要editorHoverWidget.background 而不是editorSuggestWidget.background（用于自动完成下拉菜单）。

评论颜色需要

    "editor.tokenColorCustomizations": {
        "textMateRules": [{
            "scope": "meta.separator",
            "settings": {
                "foreground": "#9c9c9c",
                "fontStyle": "bold"
            }
        }],
    },

其中meta.separator可以通过运行Ctrl+Shift+P获得Developer: Inspect TM Sopes并将光标放在要着色的文本上，并复制在此版本的 vscodium 中使用 tt 字体的中间部分，请参见下面的屏幕截图，其中突出显示了meta.separator { "foreground": "#9c9c9c", "fontStyle": "bold" }。

所以settings.json 被忽略不是问题，只是名称发生了变化，问题中链接的答案使用了不同版本的混合。

完整的settings.json（可以通过按Ctrl+，逗号打开，在设置中搜索Color，然后单击@987654331之一@) 是：

{
    "window.zoomLevel": 0,
    "workbench.colorTheme": "Atom One Light",
    "editor.tokenColorCustomizations": {
        "textMateRules": [{
            "scope": "meta.separator",
            "settings": {
                "foreground": "#9c9c9c",
                "fontStyle": "bold"
            }
        }],
    },
    "workbench.colorCustomizations": {
        "editorSuggestWidget.background": "#ccccccdd",
        "editorHoverWidget.background": "#ccccccdd"
    }
}

【讨论】：