如何修改Visual Studio Code（VS Code）标签栏的背景色

完全可以通过workbench.colorCustomizations配置项实现标签栏背景色修改，无需安装额外插件，操作步骤如下：

• 按下快捷键Ctrl+Shift+P（Mac系统为Cmd+Shift+P）调出命令面板，输入「首选项：打开设置(JSON)」，回车进入用户配置文件。
• 在配置文件中添加如下规则，可根据需求自行修改对应的颜色值（支持十六进制、RGB、RGBA格式，RGBA可实现透明效果）：

{
  // 其他已有配置保持不变，新增下方内容
  "workbench.colorCustomizations": {
    // 整个标签栏区域（标签外的空白部分）背景色
    "editorGroupHeader.tabsBackground": "#272822",
    // 激活状态标签的背景色
    "tab.activeBackground": "#1e1f1c",
    // 未激活状态标签的背景色
    "tab.inactiveBackground": "#272822",
    // 可选配置：激活标签顶部高亮边框色，增强辨识度
    "tab.activeBorderTop": "#e6db74"
  }
}

• 如果你只想修改当前使用主题的标签栏配色，不想全局生效，可以将配置嵌套在主题名称下，示例如下：

"workbench.colorCustomizations": {
  "[Monokai]": {
    "editorGroupHeader.tabsBackground": "#272822",
    "tab.activeBackground": "#1e1f1c",
    "tab.inactiveBackground": "#272822"
  }
}

修改完成后保存配置文件，效果会即时生效，无需重启VS Code。

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