From 15640f500a616b2265a7e497f0c8f633d4aa8b17 Mon Sep 17 00:00:00 2001
From: Korbs <korbs@sudovanilla.org>
Date: Tue, 10 Dec 2024 15:24:15 -0500
Subject: [PATCH] Fix Pandora color override

---
 src/components/global/Header.astro | 13 +++++++++++++
 src/styles/index.scss              | 18 +-----------------
 2 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/components/global/Header.astro b/src/components/global/Header.astro
index c27d9a9..efc8953 100644
--- a/src/components/global/Header.astro
+++ b/src/components/global/Header.astro
@@ -65,6 +65,19 @@ SunLight
   </div>
 </header>
 
+<style is:global>
+[data-color-mode="light"] {
+    --pandora-text: black;
+    --pandora-shadows: rgb(200, 200, 200);
+    --pandora-borders: rgba(255,255,255,0.25);
+}
+[data-color-mode="dark"] {
+    --pandora-text: white;
+    --pandora-shadows: rgb(16, 16, 16);
+    --pandora-borders: rgba(5, 4, 4, 0.25);
+}
+</style>
+
 <script is:inline>
 /* 
 @licstart  The following is the entire license notice for the 
diff --git a/src/styles/index.scss b/src/styles/index.scss
index ca0d2c9..d1d3e57 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -45,13 +45,7 @@
     src: url(/fonts/Major_Mono_Display/MajorMonoDisplay-Regular.ttf);
 }
 
-:root {
-    --border-color: rgba(255, 255, 255, 0.25);
-    --border-color-hover: rgba(255, 255, 255, 0.50);
-    --pandora-text: white;
-    --pandora-shadows: rgba(19, 21, 26, 0.5);
-    --pandora-borders: white;
-}
+
 
 body {
     margin: auto;
@@ -143,11 +137,6 @@ a {
 
 :is(body) {
     @include color-mode(light) {
-        :root {
-            --pandora-text: black !important;
-            --pandora-shadows: black !important;
-            --pandora-borders: black !important;
-        }
       color: black !important;
       background-color: white !important;
       .theme-is-light {display: inherit}
@@ -186,11 +175,6 @@ a {
       }
     }
     @include color-mode(dark) {
-        :root {
-            --pandora-text: white;
-            --pandora-shadows: white;
-            --pandora-borders: white;
-        }
       color: white !important;
       background-color: black !important;
       .theme-is-light {display: none}