VSCode中打开标签右侧元素黑色背景设置及变量名查询

对应颜色变量 #

你要找的变量大概率是 tabBar.background 或者 editorGroupHeader.tabsBackground，结合One Dark Pro主题的布局，优先尝试前者，修改后的配置如下：

{
    "workbench.colorCustomizations": {
        "[One Dark Pro]": {
            "editor.background": "#000000",
            "tabBar.background": "#000000"
        }
    }
}

如果该变量未生效，替换为 editorGroupHeader.tabsBackground 再测试即可。

查找颜色变量的方法 #

• 打开VSCode命令面板（Windows/Linux快捷键：Ctrl+Shift+P；Mac快捷键：Cmd+Shift+P），输入并执行 Developer: Inspect Editor Tokens and Scopes。
• 将鼠标移至目标区域（标签右侧空白处），弹出的面板会显示该区域对应的所有样式信息，找到标注为background的条目，其后的变量名就是你需要的。
• 若上述方法未找到目标变量，可直接在VSCode设置的「颜色自定义」面板中，搜索tabBar或editorGroupHeader关键词，浏览相关变量并逐个测试效果。

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