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

VS Code资源管理器自定义:侧边栏活动文件背景与悬停边框设置

VS Code 侧边栏与悬停样式自定义解决方案

1. 设置未聚焦侧边栏中活动文件的背景色

打开VS Code设置(快捷键Ctrl+,),搜索workbench.colorCustomizations,点击「编辑 in settings.json」,添加以下配置:

"workbench.colorCustomizations": {
  "sideBar.inactiveActiveBackground": "#你的目标颜色值"
}

将#你的目标颜色值替换为你需要的十六进制颜色码即可。

2. 设置鼠标悬停时元素的边框颜色并保持背景透明

在workbench.colorCustomizations中添加对应配置(以侧边栏文件项为例):

"workbench.colorCustomizations": {
  "list.hoverBackground": "transparent",
  "list.hoverBorder": "#你的边框颜色值"
}

若需调整其他元素的悬停样式,可替换对应的颜色键(比如编辑器内元素悬停用editorHoverWidget.border)。

3. 设置聚焦侧边栏中活动文件的背景色

在workbench.colorCustomizations中添加以下配置:

"workbench.colorCustomizations": {
  "sideBar.activeBackground": "#你的目标颜色值"
}

保存settings.json后,VS Code会自动应用更改。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.31 04:36:25