feat: Add persistent Dark Mode with ThemeToggle component and layout script

2026-06-27 20:56:10 -07:00 · 2026-06-27 20:56:10 -07:00 · 87fc071961
commit 87fc071961
parent ec8e601332
5 changed files with 117 additions and 16 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -20,6 +20,21 @@ export default function RootLayout({
 }>) {
  return (
    <html lang="en" className={`${inter.variable} h-full`} suppressHydrationWarning>
+      <head>
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+              try {
+                if (localStorage.theme === 'dark') {
+                  document.documentElement.classList.add('dark')
+                } else {
+                  document.documentElement.classList.remove('dark')
+                }
+              } catch (_) {}
+            `,
+          }}
+        />
+      </head>
      <body className="min-h-full flex flex-col font-sans antialiased">
        {children}
      </body>