如何修改VS Code中激活高亮状态下连接开标签与闭标签的竖线颜色

算力阿峰

2026-9-29

提问配图：

请问是否有办法修改VS Code编辑器中，当标签处于激活/高亮状态时，连接对应开标签和闭标签的竖线的颜色？

操作方法

完全可以自定义这个竖线（官方命名为括号配对引导线，HTML开闭标签属于默认支持的配对识别范围）的颜色，步骤如下：

打开JSON配置文件
按下Ctrl+Shift+P（Windows/Linux系统）或Cmd+Shift+P（Mac系统）调出命令面板，搜索并选择Preferences: Open User Settings (JSON)打开全局配置，若只想修改当前项目的配置，选择Preferences: Open Workspace Settings (JSON)即可。
插入自定义颜色规则
在打开的JSON文件中追加如下配置，不要修改原本已有的其他配置项，颜色值可以按自己的需求替换：

{
    // 此处保留你原本的其他配置
    "workbench.colorCustomizations": {
        // 数字1-6对应不同嵌套层级的活跃引导线，1为最外层，数字越大嵌套层级越深
        "editorBracketPairGuide.activeBackground1": "#ff4d4f",
        "editorBracketPairGuide.activeBackground2": "#40a9ff",
        "editorBracketPairGuide.activeBackground3": "#73d13d",
        "editorBracketPairGuide.activeBackground4": "#ffc53d",
        "editorBracketPairGuide.activeBackground5": "#9254de",
        "editorBracketPairGuide.activeBackground6": "#ff7a45"
    },
    // 可选配置：如果之前未开启括号配对引导线，添加这行开启，设为true会显示所有层级的引导线
    "editor.guides.bracketPairs": "active"
}