fix: 🐛 地址栏取色

Author: bestruirui

src/provider/Theme.tsx

@@ -1,8 +1,29 @@
 "use client"
 
 import * as React from "react"
-import { ThemeProvider as NextThemesProvider } from "next-themes"
+import { ThemeProvider as NextThemesProvider, useTheme } from "next-themes"
+
+function ThemeColorUpdater() {
+  const { resolvedTheme } = useTheme()
+
+  React.useEffect(() => {
+    const metaThemeColor = document.querySelector('meta[name="theme-color"]')
+    if (metaThemeColor) {
+      metaThemeColor.setAttribute(
+        'content',
+        resolvedTheme === 'dark' ? '#000000' : '#ffffff'
+      )
+    }
+  }, [resolvedTheme])
+
+  return null
+}
 
 export function ThemeProvider({ children, ...props }: React.ComponentProps<typeof NextThemesProvider>) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+  return (
+    <NextThemesProvider {...props}>
+      <ThemeColorUpdater />
+      {children}
+    </NextThemesProvider>
+  )
 }