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

VS Code能否自定义资源管理器中选中文件夹的主题样式?

在VS Code中高亮资源管理器的选中项与已打开文件

完全可以通过自定义颜色配置或调整主题来实现你想要的效果,以下是具体实现方法:

一、自定义选中文件夹/文件的高亮样式

VS Code允许通过settings.json直接覆盖主题的UI颜色,无需修改主题文件,操作步骤如下:

  1. 打开设置面板:按下Ctrl+,(Windows/Linux)或Cmd+,(Mac),点击右上角的{}图标进入settings.json编辑界面。
  2. 添加以下配置,替换颜色值为你想要的样式:
"workbench.colorCustomizations": {
    // 资源管理器中选中项的背景色(对应模拟图的深色高亮)
    "list.activeSelectionBackground": "#2a3b4c",
    // 选中项的文字颜色
    "list.activeSelectionForeground": "#ffffff",
    // 可选:聚焦状态下的背景色(与选中状态区分)
    "list.focusBackground": "#3a4b5c",
    // 可选:鼠标悬停项的背景色
    "list.hoverBackground": "#1a2b3c"
}

调整#2a3b4c这类颜色值,就能让选中的文件夹/文件在资源管理器中更醒目。

二、高亮资源管理器中的已打开文件

同样在workbench.colorCustomizations中添加配置,实现已打开文件的标识:

"workbench.colorCustomizations": {
    // 资源管理器中已打开文件的文字高亮色
    "list.highlightForeground": "#ffd700",
    // 可选:已打开文件列表区域的背景色(若使用左侧的「已打开的编辑器」面板)
    "explorer.openEditorsBackground": "#f5f5f5"
}

list.highlightForeground会改变资源管理器中已打开文件的文字颜色,配置后可以让已打开文件一眼识别。

可选:使用预设主题

如果不想手动配置,部分主题默认就有更明显的选中项和已打开文件高亮,比如One Dark Pro、Monokai Pro等,直接在扩展市场搜索安装即可。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.21 00:15:43