VSCode：如何根据Git状态修改最近使用文件的背景色

需求说明 #

想要实现和IDEA一样的效果：根据文件的Git状态（已修改、已暂存等），给「最近使用文件」列表里的文件条目加上对应的背景色，方便直观区分。

当前VSCode的情况 #

VSCode默认没有这个功能，查阅官方文档后也找不到原生配置方案，目前「最近使用文件」列表仅显示文件名，没有和Git状态关联的背景色标识。

实现方法 #

由于VSCode原生不支持该功能，可通过以下两种方式实现：

• 借助第三方扩展：安装GitLens这类增强Git功能的扩展，部分扩展支持自定义文件列表的Git状态样式，在扩展设置中找到相关配色选项，针对「最近使用文件」区域配置对应背景色规则即可。
• 自定义CSS修改：使用Custom CSS and JS Loader扩展加载自定义样式，针对VSCode最近使用文件列表的元素，结合Git状态对应的类名（比如git-modified、git-staged）编写CSS规则，示例如下：

/* 已修改文件的背景色 */
.monaco-list-row.git-modified {
    background-color: rgba(255, 235, 59, 0.1) !important;
}
/* 已暂存文件的背景色 */
.monaco-list-row.git-staged {
    background-color: rgba(76, 175, 80, 0.1) !important;
}

注意：自定义CSS需要启用扩展并正确配置样式文件路径，且VSCode版本更新后可能需要重新适配样式。

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