modified globals.css for dark theme preferences

AmirKakavand · Aug 2, 2024 · 5bdc749 · 5bdc749
1 parent ad475a7
commit 5bdc749
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/app/globals.css b/app/globals.css
@@ -9,9 +9,21 @@
   font-style: normal;
 }
 
+:root {
+  --background-color: #231F20;
+  --text-color: #F9F4DA; /* Light mode text */
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+      --background-color: #231F20; /* Dark mode background */
+      --text-color: #F9F4DA; /* Dark mode text */
+  }
+}
+
 body {
   /* color: rgb(var(--foreground-rgb)); */
-  background-color: #231F20;
+  background-color: var(--background-color);
   text-shadow: 
     -1px -1px 0 #000,
      1px -1px 0 #000,