visual-studio-code - 在 Visual Studio Code 中自定义链接/URL 语法突出显示颜色？

Question

我正在创建自己的 Visual Studio Code 主题，并且我希望链接/URL 在 HTML 和 CSS 中具有自己的独立颜色。从我读过的内容来看，这似乎曾经是通过检测到的链接完成的，但现在应该使用 linkForeground。我在我创建的 theme.json 文件中都尝试过，但似乎都不起作用。有谁知道如何在 Visual Studio Code .json 文件中自定义链接/ URL 语法突出显示颜色？

这是我试过的...

{“名称”：“goto-definition-link”，“范围”：“linkForeground”，“设置”：{“前景”：“#4B83CD”}}，

这是我在上面引用的讨论之一。

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

标签： visual-studio-codesyntax-highlightingvscode-extensions

Answer 1

这有两个部分：使用语法颜色来设置语法中链接的颜色，以及使用工作台颜色来设置用户悬停在可点击链接上时的颜色。

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

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

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

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

当您将鼠标悬停在链接上时，这会更改链接的颜色。不能按语言更改。