如何在Visual Studio Code中自定义HTML标记的颜色？

Question

我正在使用我喜欢的深渊主题,但某些颜色太暗了.我使用(例如)定制了一些标记颜色:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "keywords": "#7ea4df",

但我无法弄清楚如何在编辑器中更改HTML标签的颜色.有人可以帮忙吗？

Answer 1

您可以进入主题的.json文件并根据自己的需要进行修改,如本文所述.我的位于C:\Program Files\Microsoft VS Code\resources\app\extensions\theme-abyss\themes

您可以使用Ctrl + Shift + P打开命令选项板,然后打开Developer:Inspect TM Scopes来查看您想要修改的元素的TextMate范围.对于深渊主题中的HTML标签,它是entity.name.tag.您可以在下面的第二张图中看到Scope Inspector的外观.

然后进入abyss-color-theme.json文件并搜索该字符串并根据需要修改标签的颜色.我将我的颜色改为丑橙色,如下所示:

Answer 2

接受的答案很好，但是我想添加一下它，因为它消除了编辑主题JSON本身的需要。我按如下方式编辑了设置：

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "keywords": "#7ea4df",
        "types": "#1fa8d8",
        "comments": "#727272",
        "strings": "#29a792",
        "textMateRules": [
            {
                "scope": "entity.name.tag",
                "settings": {
                    "foreground": "#7ea4df"
                }
            }
        ]
    }
},

Answer 3

我知道现在可能为时已晚，但是对于不想手动进行此操作的任何人，都可以使用Rainbow Tags 扩展名。

我用了几个星期，非常满意。