does this look better?!?!?!?!?

Took 6 minutes
2024-10-10 15:45:35 -04:00 · 2024-10-10 15:45:35 -04:00 · 091835f01a
commit 091835f01a
parent 74b20a7d7c
2 changed files with 17 additions and 3 deletions
--- 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"
--- 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;
 }