layout-diff.txt

diff --git a/app/layout.tsx b/app/layout.tsx
index eed72f6..61005de 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,6 +1,7 @@
 import type { Metadata } from 'next'
 import './globals.css'
 import ClientLayout from './client-layout'
+import { ThemeProvider } from '@/components/theme-provider'
 
 export const metadata: Metadata = {
   title: 'RenThing',
@@ -44,9 +45,11 @@ export default function RootLayout({
           }}
         />
       </head>
-      <body suppressHydrationWarning>
-        <ClientLayout>{children}</ClientLayout>
+      <body suppressHydrationWarning className="bg-background text-foreground">
+        <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+          <ClientLayout>{children}</ClientLayout>
+        </ThemeProvider>
       </body>
     </html>
   )
-}
+}
\ No newline at end of file