fix: support website color schemes

2026-06-06 18:45:12 +08:00
parent 4b757b8250
commit d5babf5f3f
3 changed files with 203 additions and 91 deletions
@@ -35,8 +35,11 @@ export const metadata: Metadata = {
 export const viewport: Viewport = {
  width: "device-width",
  initialScale: 1,
-  colorScheme: "light",
-  themeColor: "#f7fbf2",
+  colorScheme: "light dark",
+  themeColor: [
+    { media: "(prefers-color-scheme: light)", color: "#f7fbf2" },
+    { media: "(prefers-color-scheme: dark)", color: "#06110e" },
+  ],
 };

 export default function RootLayout({