chore: add dark mode detection

memoclaw · web-flow · commit d4e5f8880667 · 2026-03-27T06:17:30.000+08:00
Detect system dark mode preference and apply it by default
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -163,7 +163,7 @@ export default function Layout({ children }: { children: ReactNode }) {
         <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(websiteJsonLd) }} />
       </head>
       <body className={`${inter.variable} ${displaySerif.variable} flex min-h-screen flex-col antialiased`}>
-        <RootProvider>{children}</RootProvider>
+        <RootProvider theme={{ defaultTheme: "system", enableSystem: true }}>{children}</RootProvider>
       </body>
     </html>
   );
