added dark mode and jacket art

2024-07-01 14:19:20 -04:00
parent 076be97aab
commit fce22cda7c
9 changed files with 88 additions and 8 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@ -2,7 +2,7 @@ import type { Metadata } from "next";
 import { GeistSans } from "geist/font/sans";
 import { Toaster } from "@/components/ui/toaster";
 import "./globals.css";
-
+import { ThemeProvider } from "./theme-provider";
 export const metadata: Metadata = {
  title: "Daphnis",
  description: "Artemis score viewer",
@ -16,7 +16,14 @@ export default function RootLayout({
  return (
    <html lang="en" className={GeistSans.className}>
      <body className={GeistSans.className}>
-        <main className="">{children} </main>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <main className="">{children} </main>
+        </ThemeProvider>
        <Toaster />
      </body>
    </html>