直接安装dracula official扩展后需手动启用主题，否则不生效；安装时认准作者dracula theme、类型color theme、更新时间在2025年底之后；启用须通过命令面板选择preferences: color theme → dracula official。
直接装官方扩展就能用，不用下载 ZIP、不需手动改配置文件，90% 的人卡在没启用——装完必须手动选一次主题。
安装 Dracula Official 扩展时认准作者和类型
打开 VS Code，按 Ctrl+Shift+X 进入扩展视图，在搜索框输入 Dracula Official。注意三点：
- 作者必须是
Dracula Theme（不是个人 fork 或 “Dracula Pro”“Dracula++” 等非官方变体） - 扩展类型标签显示为
Color Theme，不是 “Language Support” 或 “Snippets” - 安装前点开详情页，确认最新更新时间在 2025 年底之后（避免用到已弃用的老版本）
装错包会导致语法高亮错乱或主题完全不生效，比如装了 Dracula Color Theme（这是 Sublime 的包名，VS Code 不识别）就白忙一场。
启用主题必须走命令面板，不能只靠安装
扩展安装完成后，VS Code 不会自动切换主题。必须手动触发启用流程：
- 按
Ctrl+Shift+P打开命令面板 - 输入
Preferences: Color Theme并回车 - 在弹出列表中选择
Dracula Official（注意名称末尾没有括号或版本号）
如果列表里没出现，说明安装失败或被其他设置覆盖：检查 settings.json 中是否残留了 "workbench.colorTheme" 的硬编码值，删掉再试。
配色生效但 UI 元素还是浅色？检查有没有冲突主题
Dracula 是完整配色方案，包含侧边栏、状态栏、编辑器背景等全部区域。如果只看到代码区变暗，但左侧活动栏/标签页仍是浅灰，大概率是以下两种情况：
- 你同时启用了另一个 UI 主题扩展（如
Material Theme或Nord），它覆盖了 Dracula 的 UI 样式 - 用户设置里写了
"workbench.colorCustomizations"，手动改过颜色，把 Dracula 的默认定义顶掉了
临时验证方法：在命令面板运行 Developer: Inspect Editor Tokens and Scopes，点任意代码位置，看右上角显示的 theme 名是否为 Dracula Official；如果不是，说明底层 theme 没真正加载。
想微调紫色高亮或注释颜色？别动主题源码，改用户设置
Dracula 的 #bd93f9（紫色）、#6272a4（注释灰）等颜色是写死在主题 JSON 里的，直接改扩展文件会被下次更新覆盖。正确做法是用 workbench.colorCustomizations 覆盖：
{
"workbench.colorCustomizations": {
"editorBracketMatch.background": "#3a3e54",
"editorLineNumber.foreground": "#6272a4",
"editorComment.foreground": "#98a1b0"
}
}
注意：editorComment.foreground 控制注释颜色，但不会影响 JS/TS 中 // 和 /* */ 的语法高亮逻辑——那由语言插件决定，Dracula 只提供基础映射。想改字符串或关键字颜色，得查对应语言的 token scope，不是简单换 foreground 就能生效。
最常被忽略的是：Dracula 在高 DPI 屏幕或远程开发（SSH / Dev Container）环境下可能字体渲染发虚，这不是主题问题，而是 VS Code 渲染后端的限制，此时需要额外加 "window.zoomLevel": 0 或启用 "editor.fontLigatures": true 来改善观感。
