Question

我正在创建自己的Visual Studio Code主题，我希望链接/ URL在HTML和CSS中拥有自己独立的颜色。从我所看到的，它似乎曾经用detect-link完成，但现在应该使用linkForeground。我在我创建的theme.json文件中尝试了两种方法，但似乎都不起作用。有谁知道如何在Visual Studio Code .json文件中自定义突出显示颜色的链接/ URL语法？

这就是我试过的......

{ ＆＃34; name＆＃34;：＆＃34; goto-definition-link＆＃34;，＆＃34;范围＆＃34;：＆＃34; linkForeground＆＃34;，＆＃34;设置＆＃34;：{ ＆＃34;前景＆＃34;：＆＃34;＃4B83CD＆＃34; } }，

以下是我上面提到的讨论之一。

https://github.com/Microsoft/vscode/issues/18378

Answer 1

这有两个部分：使用syntax colors设置语法中链接的颜色，并使用workbench colors设置用户将鼠标悬停在其上时可点击链接的颜色。

要设置链接的语法颜色，您需要为链接确定唯一的scope，并编写使用此范围的TextMate着色规则。例如，在VS Code中使用Developer: Inspect TM Scope命令，我可以看到css url()链接的范围为variable.parameter.url.css，因此我的主题是：

{
    "type": "dark",
    "tokenColors": [
        {
            "scope": [
                "variable.parameter.url.css",
            ],
            "settings": {
                "foreground": "#f0f"
            }
        }
    }
}

第二个更容易;只需使用editorLink.activeForeground颜色主题设置：

{
    "type": "dark",
    "colors": {
        "editorLink.activeForeground": "#ff0",
        ...
    },
    "tokenColors": [ ... ]
}

当您将鼠标悬停在链接上时，会改变链接的颜色。它无法根据语言进行更改。

自定义在Visual Studio代码中突出显示颜色的链接/ URL语法？

1 个答案: