You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改Visual Studio 2022编辑器选项卡颜色以区分选中状态

修改Visual Studio Code Dark+主题中选中编辑器选项卡的颜色

Dark+主题默认的选项卡区分度确实有限,你需要通过自定义工作台颜色配置来调整,具体操作如下:

  • 打开用户设置:使用快捷键 Ctrl+,(Windows/Linux)或 Cmd+,(Mac),或者通过「文件 > 首选项 > 设置」打开设置面板。
  • 切换到JSON编辑模式:点击设置面板右上角的「{}」图标,进入settings.json编辑界面。
  • 添加自定义颜色配置:在JSON对象中插入workbench.colorCustomizations配置项,针对Dark+主题指定选中/未选中选项卡的颜色。示例配置如下:
"workbench.colorCustomizations": {
    "[Dark+]": {
        "tab.activeBackground": "#2b2b2b",
        "tab.activeForeground": "#ffffff",
        "tab.inactiveBackground": "#1e1e1e",
        "tab.inactiveForeground": "#8a8a8a"
    }
}

你可以根据视觉需求调整颜色值:

  • tab.activeBackground:选中选项卡的背景色,建议设置为与未选中背景有明显差异的色调
  • tab.activeForeground:选中选项卡的文本颜色
  • tab.inactiveBackground:未选中选项卡的背景色
  • tab.inactiveForeground:未选中选项卡的文本颜色

保存配置后,编辑器会立即应用新的选项卡颜色,你可以反复调整颜色值直到满意为止。

内容的提问来源于stack exchange,提问作者Jamala

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.26 07:03:09