清空背景图比调Opacity更管用,因只要Image路径非空,即使Opacity为100也会强制渲染覆盖图;需用Ctrl+Shift+A打开Set Background Image,点×清空路径并重置Opacity为100,才能恢复UI主题纯色背景。

WebStorm 左侧 Project 栏背景不是靠“改颜色”直接调出来的,而是由 UI 主题 + 背景图 + Color Scheme 三者叠加控制;单独调某一项往往无效,甚至越调越虚。
为什么清空背景图比调 Opacity 更管用
Project 栏所谓“透明”,其实是你启用了背景图(哪怕只给编辑器设过),再把 Opacity 拉低到 30 以下造成的视觉残留。它不是真透明,而是图像糊在侧边栏上 + 低不透明度 + 浅色文字共同导致的“发灰感”。Set Background Image 对话框里只要 Image 路径非空,哪怕 Opacity 是 100,也会强制渲染一张图覆盖整个工具窗口(包括 Project、Terminal、Run 等)。
所以第一步必须做的是:
- 按
Ctrl+Shift+A(macOS 是Cmd+Shift+A),输入Set Background Image,回车 - 点击
Image输入框右侧的 × 清空路径(不是删文字,是点那个叉) - 确认
Opacity滑块已拖回 100(即使没图,这个值也影响底层色渲染) - 点 OK,Project 栏立刻恢复为当前 UI 主题定义的纯色背景
清空后还是发虚?大概率是 UI 主题和 Color Scheme 不匹配
比如你选了 Darcula UI 主题,但 Color Scheme 还是默认的 Default 或 Ally,就会导致 Project 栏用深灰底色,而内部文字继承浅色方案的浅灰字体,对比度低,看起来像蒙了层雾。
解决方法:
- 进
File → Settings → Editor → Color Scheme(macOS 是WebStorm → Preferences) - 右上角
Scheme下拉菜单选一个深色方案,如Darcula或GitHub Dark - 展开
General → Text → Default Text,检查Background值是否足够暗(比如#2b2b2b或更接近黑色) - 如果太亮(如
#f0f0f0),就手动改成深色;改完点Apply,无需重启
想彻底自定义 Project 栏底色?得换 UI 主题或插件
WebStorm 原生不支持单独设置 Project 工具窗口的背景色——它的背景色完全跟随 UI 主题的 base color。如果你非要改,只有两个靠谱路径:
- 装
Material Theme UI插件:启用后可在Appearance & Behavior → Appearance → Theme里选Material Theme UI,然后通过插件自己的设置页调整侧边栏颜色(注意:新版插件已不兼容旧版 WebStorm,建议确认插件页面标注的兼容版本) - 手动改 UI 主题:复制一份
Darcula或Ally主题,在.jar包里修改toolWindow.background对应的色值(高风险,升级即丢失,仅限高级用户) - 别碰
File Colors:那个功能只影响项目树里单个文件夹/文件的标签色,不影响整个 Project 栏背景
真正容易被忽略的是:.idea/workspace.xml 里可能还存着上次的 <option name="backgroundImage"></option> 配置,重装或换电脑后会自动复现。建议定期打开这个文件,搜 backgroundImage,手动删掉整段 <option></option> 块。


















