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

标签 visual-studio-code vscode-settings

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

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

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

最佳答案

您可以进入主题的 .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 文件并搜索该字符串并根据需要修改标签的颜色。我将我的改为丑陋的橙色,如下所示:

Modifying the theme source

Modified HTML tag coloring

关于visual-studio-code - 如何在 Visual Studio Code 中自定义 HTML 标签的颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50243989/

相关文章:

ide - VSCODE - 在 html 标签和编辑器行中禁用突出显示和大纲

c++ - 使用运算符重载运行简单示例的问题

javascript - 在 VSCode 中进行 Firefox 插件开发的 Intellisense

visual-studio-code - vscode 在构建 c 文件时报告事件文件不是 C 或 C++ 源文件

visual-studio-code - 关闭visual studio代码内联父/子文件夹显示

visual-studio-code - 在vscode中,我只能在按下alt键时获得悬停信息吗?

visual-studio-code - 在 Visual Studio Code 中禁用 Dockerfile POP-UP 帮助

c++ - 使用 VSCode Code Runner 为 C++ 编译头文件

powershell - 如何使用 VSCode 中的 -OutPut 详细信息快速运行 Pester?

node.js - VSCode 的 launch.json 中的 args 和 runtimeArgs 有什么区别?