VS Code隐藏标签页时如何修改编辑器组标题背景色？

问题说明 #

使用Gruvbox Dark Hard主题时，禁用标签页后编辑器组标题的背景色显示异常，希望将其设置为标签页启用但未聚焦时的背景色。

异常显示效果：

期望的目标效果（标签页启用未聚焦时）：

此前尝试的配置仅在标签页启用状态下生效：

{
  "workbench.colorCustomizations": {
    "editorGroupHeader.tabsBackground": "#0000FF",
    "editorGroupHeader.tabsBorder": "#0F6C8C",
    "editorGroupHeader.border": "#FF5010",
  }
}

解决方案 #

标签页禁用状态下，编辑器组标题的背景色对应专属配置项editorGroupHeader.noTabsBackground，而非标签页启用时的editorGroupHeader.tabsBackground。

1. 获取目标颜色值 #

Gruvbox Dark Hard主题中，未聚焦标签页的背景色为#1d2021，你也可以通过VS Code内置颜色拾取工具直接提取截图中期望颜色的十六进制值。

2. 修改配置文件 #

将以下配置添加到你的settings.json中：

{
  "workbench.colorCustomizations": {
    "editorGroupHeader.noTabsBackground": "#1d2021",
    // 如需同步边框样式，可追加以下配置
    "editorGroupHeader.border": "#3c3836"
  }
}

保存配置后，禁用标签页的编辑器组标题背景色即可与标签页启用未聚焦时的颜色保持一致。

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