fix: fixed inconsistent background color

steadyfall · steadyfall · commit e6ca08653d1e · 2024-11-09T04:43:28.000-05:00
diff --git a/site/src/app/layout.tsx b/site/src/app/layout.tsx
@@ -57,7 +57,7 @@ export default function RootLayout({
   return (
     <html lang="en" className={`${inter.className} ${spaceMono.variable}`} suppressHydrationWarning>
       <body>
-        <div className={`min-h-screen`}>
+        <div className={`min-h-screen bg-neutral-100 dark:bg-neutral-950 text-gray-800 dark:text-gray-200`}>
             <Providers> {children} </Providers>
         </div>
       </body>
diff --git a/site/src/app/page.tsx b/site/src/app/page.tsx
@@ -49,7 +49,7 @@ function SmoothScroll() {
 
 export default function Portfolio() {
   return (
-    <div className="bg-neutral-100 dark:bg-neutral-950 text-gray-800 dark:text-gray-200 transition-colors duration-300">
+    <div className="transition-colors duration-300">
       <SmoothScroll />
       <Navbar />
       <div className="mx-auto max-w-full px-4 sm:px-12 md:px-16 lg:max-w-5xl xl:max-w-6xl 2xl:max-w-7xl">
