From 091835f01ab6d33d2df259f87f279b76e01cfd23 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Thu, 10 Oct 2024 15:45:35 -0400
Subject: [PATCH] does this look better?!?!?!?!?

Took 6 minutes
---
 src/app/layout.tsx         |  6 +++---
 src/app/styles/globals.css | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 32db5b0..e5b26b5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -30,9 +30,9 @@ const RootLayout = async ({
         <html lang="en">
             <body
                 className="scroll-smooth antialiased"
-                style={{
-                    background: "var(--background-gradient)",
-                }}
+                // style={{
+                //     background: "var(--background-gradient)",
+                // }}
             >
                 <ThemeProvider
                     attribute="class"
diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
index e98940f..acdc3a1 100644
--- a/src/app/styles/globals.css
+++ b/src/app/styles/globals.css
@@ -2,7 +2,21 @@
 @tailwind components;
 @tailwind utilities;
 
+:root {
+    --background: 0 0% 100%;
+    --foreground: 240 10% 3.9%;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --background: 240 10% 3.9%;
+        --foreground: 0 0% 98%;
+    }
+}
+
 body {
+    color: hsl(var(--foreground));
+    background: hsl(var(--background));
     font-family: Arial, Helvetica, sans-serif;
 }
 
