如何在 vscodium 中自定义颜色？

Question

关注这个答案 and this answer 。

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

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

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

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

我是运行 Atom One Light 主题 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

Answer 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，然后单击其中一个 Edit in settings.json) 是：

{
    "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"
    }
}

如何在 vscodium 中自定义颜色？

How to customize colours in vscodium?

vscode-settings