如何在不更换主题及使用扩展的情况下修改VSCode中HTML匹配开闭标签的背景颜色

我来帮你搞定这个问题！你之前用editor.tokenColorCustomizations的textMateRules设置背景色失败，核心原因是VSCode目前不支持通过TextMate规则设置token的背景色，这就是你看到Token background colors are not currently supported报错的根源。不过别担心，VSCode原生就有专门的配置项能实现你要的效果，完全不用换主题或者装扩展：

具体操作步骤 #

1. 按快捷键Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开VSCode的设置面板。
2. 点击面板右上角那个长得像{}的「打开设置(JSON)」按钮，进入settings.json文件。
3. 在文件里添加以下配置：

"workbench.colorCustomizations": {
  "editorBracketMatch.background": "#你想要的颜色值",
  "editorBracketMatch.border": "#可选的边框色" // 不需要边框的话直接删掉这一行就行
}

比如你之前想设置白色背景，可以写成这样：

"workbench.colorCustomizations": {
  "editorBracketMatch.background": "#fff",
  "editorBracketMatch.border": "transparent" // 隐藏边框，只保留背景高亮
}

额外小贴士 #

• 这个配置默认会对所有类型的匹配符号生效（比如JS的{}、()，HTML的标签对等），因为VSCode把HTML标签匹配归到了通用的括号匹配体系里。
• 如果只想让这个效果在HTML文件里生效，可以加个语言特定的配置：

"[html]": {
  "workbench.colorCustomizations": {
    "editorBracketMatch.background": "#fff"
  }
}

不过要注意，部分旧版VSCode对语言特定的workbench.colorCustomizations支持不太好，如果遇到不生效的情况，用全局的配置就没问题啦。

这样配置完，你当前用的护眼主题完全不用换，匹配的HTML开闭标签也会显示你设置的背景色，完美符合你的需求~

内容的提问来源于stack exchange，提问作者Luciano