From 447da11d710fad4c692526b4d74c6cef254c22eb Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Wed, 9 Oct 2024 21:32:30 -0400
Subject: [PATCH] fix flashing?

Took 9 minutes
---
 src/app/styles/globals.css | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
index e98940f..d5e3875 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: var(--foreground);
+    background: var(--background);
     font-family: Arial, Helvetica, sans-serif;
 }
 
@@ -14,8 +28,6 @@ body {
 
 @layer base {
     :root {
-        --background: 0 0% 100%;
-        --foreground: 240 10% 3.9%;
         --card: 0 0% 100%;
         --card-foreground: 240 10% 3.9%;
         --popover: 0 0% 100%;
@@ -44,8 +56,6 @@ body {
     }
 
     .dark {
-        --background: 240 10% 3.9%;
-        --foreground: 0 0% 98%;
         --card: 240 10% 3.9%;
         --card-foreground: 0 0% 98%;
         --popover: 240 10% 3.9%;