WebStorm左侧Project栏“透明”实为背景图低不透明度叠加所致，并非真透明；需清空背景图路径、将Opacity设为100，并同步UI主题与Color Scheme（如Darcula配Darcula方案）才能恢复纯色背景。
WebStorm 没有“全局界面透明度”开关，所谓“透明”基本是背景图 + 低不透明度 + UI 主题/配色方案错配三者叠加的视觉副作用；直接调 Opacity 滑块不能解决根本问题，反而会让代码区和 Project 栏同时糊成一片。
Set Background Image 设置后界面发虚怎么办
这不是透明度没调好，而是你启用了背景图但没清空它——哪怕 Opacity 拉到 100%，只要 Image 输入框里还有路径，WebStorm 就会强行把那张图铺满所有工具窗口（包括 Project、Terminal、Run），导致文字浮在图像上，对比度骤降。
- 按
Ctrl+Shift+A（macOS 是Cmd+Shift+A），输入Set Background Image回车 - 点击
Image输入框右侧的 × 按钮，彻底清空路径（别只删文字，要点 ×） - 确认
Opacity滑块在 100，哪怕没图也要归位（底层渲染逻辑依赖这个值） - 点 OK，Project 栏和编辑器区域会立刻恢复为当前 UI 主题定义的纯色背景
清空背景图后仍显灰蒙/发白
这是 UI 主题（如 Darcula）和 Editor Color Scheme（如默认的 IntelliJ Light）不匹配造成的：UI 用深色，但编辑器配色方案仍用浅色背景，导致 Project 栏继承深灰 UI 背景，而文字用浅灰字体，整体像蒙了层雾。
- 进
File → Settings → Editor → Color Scheme（macOS 是WebStorm → Preferences） - 右上角
Scheme下拉菜单选一个与 UI 主题一致的方案（Darcula UI 就选Darcula或GitHub Dark） - 展开
General → Text → Default Text，检查Background值是否 ≤#2b2b2b；若接近#f0f0f0，说明还是浅色方案在生效 - 改完点
Apply，无需重启，Project 栏文字立刻变锐利
想加背景图又不干扰编码体验
背景图不是不能用，但必须控制三个参数：路径必须是绝对或项目内相对路径（./bg.jpg）、透明度严格卡在 15–25%、平铺方式只用 Center —— 其他组合大概率让代码区可读性崩盘。
-
Image输入框填./assets/bg-watermark.png（推荐放项目根目录下assets文件夹，避免路径失效） -
Opacity拉到 20，超过 30% 就得眯眼找光标，尤其写 JSX 或长链式调用时 -
Tiling必须选Center；Tile会在编辑器右侧边缘暴露重复接缝，Stretch会把 logo 拉变形 - 加完立刻试写几行代码，如果括号匹配高亮或断点图标变淡，说明 Opacity 还是偏高，往 15% 靠
真正容易被忽略的是 .idea/workspace.xml 里残留的 <option name="backgroundImage" value="..."> 配置——换电脑、重装或从 Git 拉项目时，这个配置会自动复活，让你以为“刚清空的背景图怎么又回来了”。建议定期 grep 一下这个文件，或者干脆把它加进 .gitignore。
