如何在 vscodium 中自定义颜色?

问题描述

遵循此答案 https://stackoverflow.com/a/55113171/324969 和此答案 https://stackoverflow.com/a/60686826/324969

如果我按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"
    }
}

Screenshot where the tooltip is opaque and the comments are black

我如何在 vscodium 中配置与颜色相关的东西?我在问一个问题,因为我似乎不知道需要做些什么才能使 {{1} } 一般工作。

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

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

settings.json

解决方法

悬停框需要 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" } 突出显示。

meta.separator { "foreground": "#9c9c9c","fontStyle": "bold" } is highlighted

因此,忽略 settings.json 不是问题,只是名称更改了,问题中链接的答案使用了不同版本的混合。

完整的settings.json(可以通过按Ctrl+、逗号打开,在设置中搜索Color,然后单击一个Edit in settings.json) 是:

{
    "window.zoomLevel": 0,"workbench.colorTheme": "Atom One Light","editor.tokenColorCustomizations": {
        "textMateRules": [{
            "scope": "meta.separator","workbench.colorCustomizations": {
        "editorSuggestWidget.background": "#ccccccdd","editorHoverWidget.background": "#ccccccdd"
    }
}