fix(settings): 修复主题切换双 Provider 冲突 + 双向同步

longsizhuo · longsizhuo · commit 967b07b41ded · 2026-04-15T17:27:41.000Z
问题：
- fumadocs 的 RootProvider 内置 next-themes，与自己的 ThemeProvider
  同时往 &lt;html class&gt; 写 light/dark，导致进入 /settings 时从黑闪白
- Header 右上角 ThemeToggle 切换主题后，/settings 表单选中态不更新
- Settings 保存时的语言设置写不到文档页能读到的位置

修复：
- RootProvider 加 theme={{ enabled: false }}，禁用 fumadocs 内置主题
- SettingsForm 用 useTheme() 读当前主题作为初始值
- 监听 currentTheme 变化，同步到表单选中态
- 切主题按钮立即 setTheme（所见即所得，不用等保存）
- handleSave 保存成功后把 language 写 cookie，供 /docs Server Component 读
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -206,6 +206,9 @@ export default async function RootLayout({
         <ThemeProvider defaultTheme="dark" storageKey="ih-theme">
           <AuthProvider>
             <RootProvider
+              // 禁用 fumadocs 内置的 next-themes，避免与我们自己的 ThemeProvider（storageKey: ih-theme）
+              // 同时往 <html class> 写 light/dark 导致闪烁和状态不同步
+              theme={{ enabled: false }}
               search={{
                 SearchDialog: CustomSearchDialog,
                 // 使用静态索引，兼容 next export 与本地开发
