feat(confidence-engine): add dark mode

2026-09-08 11:04:49 +01:00
parent 24d9e466f6
commit 1c17452bee
5 changed files with 184 additions and 1 deletions
@@ -1,4 +1,5 @@
 import "./globals.css";
+import ThemeToggle from "@/components/theme-toggle";

 export const metadata = {
  title: "Confidence Engine",
@@ -9,6 +10,17 @@ export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body className="min-h-screen bg-gray-50 text-gray-900">
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `try { const saved = localStorage.getItem('confidence-engine-theme'); const theme = saved === 'dark' || saved === 'light' ? saved : (matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'); document.documentElement.dataset.theme = theme; document.documentElement.style.colorScheme = theme; } catch (_) {}`,
+          }}
+        />
+        <header className="app-chrome border-b border-gray-200/80">
+          <div className="mx-auto flex max-w-[1600px] items-center justify-between px-6 py-3">
+            <span className="text-sm font-semibold tracking-wide text-teal-700">Confidence Engine</span>
+            <ThemeToggle />
+          </div>
+        </header>
        {children}
      </body>
    </html>