webstorm界面自定义分四层：ui主题、编辑器配色方案、字体、图标与工具栏布局，需分别设置；ui主题控制外壳（菜单栏等），配色方案仅影响代码区；深色ui下编辑器仍可为白底，须单独选深色配色方案。
WebStorm 的界面自定义不是“装个插件就完事”，而是分层生效的：界面主题（UI）、编辑器配色方案（Color Scheme）、字体、图标、工具栏布局，四者独立控制、互不继承。改错一层，可能完全看不出变化。
如何区分并切换 UI 主题和编辑器配色方案
这是最常混淆的两个设置项。UI 主题控制菜单栏、侧边栏、弹窗背景、按钮样式等整个 IDE 外壳；编辑器配色方案只影响代码编辑区内的文字颜色、高亮、括号匹配等。
- UI 主题路径：
Settings→Appearance & Behavior→Appearance→Theme（可选Light/Dark/Light with light title bar） - 编辑器配色方案路径：
Settings→Editor→Color Scheme（此处修改后需点击右上角Apply才实时生效） - 注意：
DarkUI 主题下，默认配色方案未必是深色——你仍可能看到白底黑字的编辑器。必须单独在Color Scheme中选一个深色方案（如Dracula或GitHub Dark Default）
中文语言包安装后菜单仍为英文？检查插件状态与重启时机
中文语言包（Chinese (Simplified) Language Pack）只翻译静态资源，不处理动态生成的菜单项或部分插件界面。更关键的是：它必须在 IDE 完全关闭后重启才加载完整。
- 安装后务必点击
Restart IDE按钮（不是OK或Apply） - 若重启后仍有英文，检查插件是否被禁用：
Settings→Plugins→ 搜索Chinese→ 确保复选框已勾选 - 极少数情况是缓存残留：关闭 WebStorm，在配置目录中删除
cache子目录（路径可通过Help→Show Log in Explorer快速定位）
自定义护眼背景色（c7edcc）为什么只改了一半？
设成 c7edcc 背景色却没效果，大概率只改了 Default text 的 background，漏掉了其他关键区域。编辑器背景由多个层级叠加决定，缺一不可。
- 必须同步修改三项：
Default text（主文本区）、Gutter background（左侧行号/断点区）、Line number（行号数字本身颜色，否则在浅绿底上可能看不清） -
Selection background也建议设为对比色（如68ab52），否则选中时反差太弱 - 改完别忘了点击
Save as另存为新方案名（比如EyeCare-Light），否则下次更新配色方案会覆盖你的修改
工具栏按钮总被误删？用右键菜单恢复比重装更可靠
误拖拽或点击 Remove 导致常用按钮消失，不用重装插件或重置设置。WebStorm 提供原生恢复路径，且保留你已有的自定义顺序。
- 右键任意工具栏空白处 → 选择
Customize Menus and Toolbars - 在左侧树中展开
Main Toolbar→ 找到缺失项（如Run、Debug、VCS）→ 拖回右侧列表对应位置 - 若整个工具栏变空，直接点击对话框底部的
Restore Defaults—— 它只还原工具栏，不影响其他设置
真正难调的不是单个选项，而是层级叠加后的视觉反馈：比如深色 UI 主题 + 浅色配色方案 + 高对比度字体，会导致光标在行首跳动时闪烁异常；又比如中文语言包未完全覆盖 GitToolBox 插件的弹窗文案，会让“Commit”按钮旁边突然冒出英文。这些细节不会报错，但会持续消耗注意力——动手前，先想清楚你要改的是哪一层的“眼睛”。
