VS Code 主题控制整体配色，需从扩展市场安装并手动启用；图标主题（如 vscode-icons、Material Icon Theme）为文件提供专属图标，二者独立但需视觉协调，安装后通常实时生效，异常时可重载窗口或检查设置覆盖。
在 VS Code 扩展市场搜索并安装主题
VS Code 的主题（Theme）控制编辑器整体配色，包括侧边栏、状态栏、代码高亮等。它不依赖外部插件，直接通过内置扩展市场安装即可。
操作路径：左侧活动栏点击扩展图标 → 搜索框输入关键词如 Dracula、One Dark Pro、Solarized Dark。注意区分「Color Theme」类型标识，避免误装语法高亮插件。
- 安装后需手动启用：按
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS），输入Preferences: Color Theme，回车后从列表选择刚装的主题 - 部分主题（如
Nord）提供多套变体（Light / Dark / High Contrast），安装一个包通常包含全部，切换时会显示完整名称 - 若启用后无变化，检查是否被用户设置覆盖：打开
settings.json，确认没有硬编码的"workbench.colorTheme"值残留
安装文件图标与文件夹图标扩展
VS Code 默认只显示通用文档图标，要让 package.json、tsconfig.json、.gitignore 等有专属图标，需安装图标主题扩展（File Icon Theme）。
常用可靠选项：vscode-icons 和 Material Icon Theme。二者都支持自定义文件关联、文件夹样式、高 DPI 显示，但行为略有差异：
-
vscode-icons启用后默认自动激活，无需额外配置；Material Icon Theme需手动执行Preferences: File Icon Theme命令并选择 - 若项目中某些文件仍无图标（如
Dockerfile或自定义后缀），可右键资源管理器中的文件 →Change Icon for '.xxx'临时绑定，或在settings.json中添加"material-icon-theme.folders.associations"等字段 - 图标扩展不会影响性能，但开启「隐藏图标」选项（
"material-icon-theme.showUpdateMessage": false）可减少启动时的小弹窗干扰
主题与图标组合使用时的常见冲突
主题（Color Theme）和图标主题（File Icon Theme）是两个独立系统，但视觉上可能不协调。比如深色主题搭配浅色图标，或图标颜色被侧边栏背景吞没。
- 优先选用同作者/同系列组合：例如
One Dark Pro主题 +One Dark Pro Icon（非官方但适配好），或Material Theme主题 +Material Icon Theme - 如果图标文字看不清，检查
workbench.iconTheme是否设为null（禁用图标），或确认当前图标包是否支持你所用的 VS Code 版本（旧版图标包在 1.80+ 可能失效） - 工作区级设置会覆盖用户级设置：若某项目里图标突然消失，打开该文件夹下的
.vscode/settings.json，检查是否存在"workbench.iconTheme": ""或空字符串值
重启与重载不是必须，但缓存可能干扰预览
安装主题或图标后，VS Code 通常实时生效，不需要重启。但部分情况需手动重载窗口（Ctrl+Shift+P → 输入 Developer: Reload Window）。
- 新装图标未出现在资源管理器？先确认扩展已启用（扩展面板里对应项右侧有「禁用」按钮，说明已启用）
- 切换主题后代码高亮异常（如注释变黑不可读）：大概率是当前语言的 token 颜色未被主题覆盖，属于正常现象，可配合
editor.tokenColorCustomizations手动微调 - 最隐蔽的问题：系统缩放设置（如 Windows 设置中设为 125%）会导致图标模糊或错位，此时应优先检查系统 DPI 设置，而非更换图标扩展
