VS Code标签页不显示未保存状态白点 无法判断文件是否保存

问题表现 #

文件存在未保存更改时，标签页本该替代关闭「X」按钮显示的未保存状态白点无法正常展示，无法直观判断文件是否已保存。

• 未保存状态界面（无白点）：
  
• 已保存状态界面：
  

修复步骤 #

按优先级从高到低依次排查即可：

• 检查核心配置项
  按快捷键Ctrl+,（macOS系统按Cmd+,）打开设置面板，搜索workbench.editor.dirtyTabIndicator，确认配置值没有被设为off：
  • 设为right是默认效果：白点显示在标签右侧，未保存时自动隐藏关闭X按钮
  • 设为left：白点固定显示在标签左侧，不会替代关闭按钮
    如果配置正常但白点仍不显示，继续往下排查。
• 排查界面修改类插件影响
  如果安装过Custom CSS and JS Loader这类可自定义编辑器界面样式的插件，大概率是自定义CSS规则覆盖了原生白点的显示属性。临时禁用这类插件后重启VS Code，如果白点恢复显示，找到自定义样式中针对.dirty-indicator、.tab.dirty .close-editor-action的相关规则调整或删除即可。
• 排查主题兼容性问题
  部分第三方主题未适配未保存标签的指示器样式，会把白点颜色设为和标签背景完全一致，视觉上等同于不显示。临时切换到VS Code官方默认的深色/浅色主题测试，如果白点恢复，可在设置中自定义标识颜色解决：
  按Ctrl+Shift+P调出命令面板，搜索「打开设置(JSON)」回车，在配置中添加如下内容：

  "workbench.colorCustomizations": {
    "tab.dirtyBorder": "#e2c08d",
    "tab.unfocusedDirtyBorder": "#7f6d4d"
  }
  

  颜色值可根据自己的主题配色调整为辨识度高的色彩。
• 清除界面缓存异常
  如果以上操作都无效，按Ctrl+Shift+P调出命令面板，执行「重置窗口布局」命令，重启VS Code即可修复临时缓存导致的界面渲染异常。

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