webstorm需分别设置界面主题（appearance→theme→darcula）和编辑器配色方案（editor→color scheme→scheme→darcula）才能启用完整深色模式，二者缺一不可。
怎么快速切换或启用深色配色方案
WebStorm 默认提供 Darcula 深色主题，但很多人只改了界面外观，编辑器颜色却还是亮色——这是因为「界面主题」和「编辑器配色方案」是两套独立设置。
- 先去
File > Settings > Appearance & Behavior > Appearance（macOS 是WebStorm > Preferences > Appearance & Behavior > Appearance），在Theme下拉框选Darcula，这仅改变菜单、侧边栏等 UI 元素颜色 - 再进
Editor > Color Scheme，右侧Scheme下拉框必须也选Darcula（或你复制后自定义的方案），否则编辑器里仍是白底黑字 - 如果下拉框里没有
Darcula，说明当前项目禁用了该方案：点击齿轮图标 →Restore Defaults，它就会出现
如何安全地自定义 JavaScript/TypeScript 语法高亮
直接改默认方案风险高——升级 WebStorm 或重装后容易丢失；更稳妥的做法是「复制 + 重命名 + 修改」。
- 在
Editor > Color Scheme页面，选中一个基础方案（如Darcula），点齿轮图标 →Duplicate - 新方案名建议带语言和用途，比如
Darcula-JS-Sharp，避免用空格或特殊符号（否则导出时可能出错） - 展开左侧
Languages & Frameworks > JavaScript，重点调这几项：Keyword（加粗+高饱和蓝）、String literal（暖黄）、Template string（区别于普通字符串）、Parameter（启用语义高亮后自动染色，不建议手动设固定色） - 改完别急着关窗口——点右上角
Apply，然后在编辑器里开一个.ts文件实时验证，比如写const foo: string = "bar"，看类型、字符串、关键字是否按预期着色
为什么改了颜色却没生效？常见失效场景
不是所有语法元素都能在 JavaScript 节点下调整，有些被更高优先级规则覆盖，或根本不在语法层，而是语义/分析层控制。
-
$: count = a + b在 Svelte 文件里标红？这不是语法高亮问题，是语言服务未加载——确认已安装官方Svelte插件（JetBrains 出品）、WebStorm ≥2022.3、项目根目录有svelte.config.js - 注释颜色改了，但
// TODO还是灰色？因为TODO归属General > TODO default，不是Comment，得单独设 - 光标下变量高亮背景色无效？检查是否误设在
General > Selection background（这是鼠标选中的色），正确路径是General > Identifier under caret→ 改Background - 启用了
Semantic highlighting（语义高亮）后，局部变量全变随机色，但你想保留关键字统一色？关掉它：Editor > Color Scheme > Language Defaults > Semantic highlighting，否则手动设的Local variable颜色会被忽略
导出配置防丢，但要注意版本兼容性
导出的 .jar 设置包不是万能备份，跨大版本（如从 2023.3 升到 2025.1）很可能导入失败或部分失效。
- 导出时勾选
Editor Colors (schemes)即可，不用全选——其他如Code Style或Registry和配色无关 - 导入后务必重启 WebStorm，仅
Apply不生效 - 如果团队共用一套配色，建议把自定义方案名写进项目 README，并注明依赖的插件（如 Svelte、Vue.js）和最低 IDE 版本，不然别人拉代码后看到的还是默认灰扑扑的高亮
真正麻烦的从来不是怎么点开设置，而是改完之后不确定哪一层规则在起作用——Identifier under caret、Local variable、Semantic highlighting 这三者优先级交错，稍不注意就互相覆盖。调颜色前，先在编辑器里写几行典型代码，边调边看，比查文档快得多。
