许多开发者习惯让 VS Code 自动跟随系统主题切换深色或浅色模式，但 Fitten Code 的界面元素却常常延迟响应。实际上，只要配置正确，这套联动完全可以实现全自动化。下面直接讲解核心步骤，避免反复手动调整。

需要提前说明：要实现 Fitten Code 自动跟随系统主题，本质上是让 VS Code 先感知到系统主题变化，再把这个变化同步给插件。因此核心分为两步——先让 VS Code 支持自动检测系统模式，再确保 Fitten Code 能正确响应。

确认前提条件

插件必须已经安装并完成登录。这一点容易被忽略：未登录状态下，settings.json 中关于 Fitten Code 的所有配置都会被直接忽略。所以请先完成账号注册和登录，再继续操作。

进入 VS Code 的设置界面很简单：按 Ctrl + ,（Windows/Linux）或 Cmd + ,（macOS）。点击右上角的“打开设置(JSON)”图标，进入用户级别的 settings.json 文件。注意路径中不要包含 .vscode/ 文件夹，否则配置不会生效。

启用 VS Code 系统主题自动检测

这是整个联动的基础：VS Code 必须先能自动响应系统的主题变化。在 settings.json 中添加或修改以下三个字段：

"window.autoDetectColorScheme": true,
"workbench.preferredDarkTheme": "Default Dark+",
"workbench.preferredLightTheme": "Default Light+"

主题名称必须与已安装的主题完全一致，大小写和空格都不能出错。如果你使用第三方主题（例如 One Dark Pro），需要填入它的确切 ID 而非显示名称。

验证 Fitten Code 是否同步生效

保存 settings.json 后，无需重启 VS Code。直接到系统设置里切换深色或浅色模式（macOS：系统设置 > 外观；Windows：设置 > 个性化 > 颜色 > 黑暗模式）。等待 3 到 5 秒，观察 VS Code 的整体 UI——侧边栏、状态栏、标题栏是否完成颜色过渡。只有这个过渡成功，Fitten Code 的界面元素（例如侧边面板、生成弹窗背景）才会随之更新。

如果 VS Code 的 UI 没有变化，说明 window.autoDetectColorScheme 未生效，或者主题名称拼写有误。这种情况下 Fitten Code 必然无法跟随，优先排查这个基础问题即可。