WebStorm编辑器背景色需在Color Scheme中设置，而非UI主题；应选择深色配色方案（如Darcula）、自定义背景色、保存为新方案再修改，并配合Material Theme等插件实现完整深色体验。
直接改编辑器背景色：别只调 UI 主题
WebStorm 的「主题」（Theme）控制的是整个 IDE 界面（菜单栏、侧边栏、按钮等），而你真正想改的「代码区域背景色」，属于 Color Scheme 的范畴。很多人选了 Darcula 却发现编辑器还是白底——因为 Darcula 是 UI 主题，不自动覆盖编辑器配色方案。
- 打开
File > Settings > Editor > Color Scheme（macOS 是WebStorm > Preferences） - 在右上角
Scheme下拉框中，确认当前选中的是一个深色方案（如Darcula、Dracula或GitHub Dark），而不是Default - 点开左侧树状列表，展开
General > Text > Default Text，右侧修改Background颜色值（比如#1e1e1e） - 如果改完没生效，检查是否勾选了
Enable color scheme changes（部分旧版本有该开关）
自定义配色方案：复制再改，别直接动默认项
直接修改 Default 或 Darcula 方案会导致升级后丢失，且无法回滚。WebStorm 强制要求你先「另存为」再编辑。
- 在
Editor > Color Scheme页面，点击右上角Save as…，起个名字如MyDark - 保存后，新方案会出现在下拉列表中，选中它再开始调颜色
- 重点调这几处：
Text > Default Text（正文背景）、General > Editor background（编辑器整体底色）、Language Defaults > Comments（注释灰度） - 改完记得点
Apply，不用重启，实时可见
用插件装第三方主题：Material Theme 最稳
JetBrains 官方主题有限，Material Theme 是目前最成熟、适配 WebStorm 新 UI 的深色主题插件，支持标题栏联动、图标染色、一键切换等。
- 进
Settings > Plugins，搜索Material Theme UI，安装并重启 - 重启后进入
Settings > Appearance & Behavior > Appearance，Theme 下拉里会出现Material Theme - Darker等选项 - 注意：UI 主题（Material）和编辑器配色方案（Material Theme - Darker）是两个独立设置，需分别启用
- 若发现字体发虚，进
Appearance > Use custom font改用Fira Code或JetBrains Mono，禁用抗锯齿（ClearType）可缓解
导入外部配色方案：jar 文件必须干净
从 GitHub 下载的 .jar 主题包，常因路径含中文或文件名带空格导致导入失败，错误提示通常是 Cannot load scheme 或静默无反应。
- 下载后把文件移到纯英文路径下，例如
C:\themes\onedark.jar，确保文件名不含空格、括号、emoji - 导入入口不是
File > Import Settings（那是导设置），而是Settings > Editor > Color Scheme > ⚙️ > Import Scheme… - 导入成功后，新方案会出现在
Color Scheme下拉列表顶部，但不会自动启用，要手动选中 - 某些 jar 包只含配色不带 UI 主题，所以编辑器变黑了，但侧边栏仍是浅色——这是正常现象，需额外配 UI 主题
WebStorm 的主题系统分两层：UI 层（外观）和编辑器层（配色），很多人卡在只调了一层。最易忽略的是：改完 Color Scheme 后没点 Apply，或者误以为 UI 主题切换会自动同步编辑器背景。
