visual-studio-code - 如何在 Visual Studio Code 中自定义 HTML 标签的颜色？

Question

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

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

但我不知道如何在编辑器中更改 HTML 标签的颜色。任何人都可以帮忙吗？

Answer 1

您可以进入主题的 .json 文件并对其进行修改以满足您的需要，如 mentioned in this post .我的位于 C:\Program Files\Microsoft VS Code\resources\app\extensions\theme-abyss\themes
编辑:正如@www-0av-Com 在评论中指出的，文件的路径现在是 C:\Users\<username>\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\theme-abyss\themes ，其中 <username>是您的 Windows 用户。

您可以使用 Ctrl + Shift + P打开命令面板，然后打开 Developer: Inspect Editor Tokens and Scopes查看您有兴趣修改的元素的 TextMate 范围。对于深渊主题中的 HTML 标签，它是 entity.name.tag .您可以在下面的第二张图中看到 Scope Inspector 的样子。

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