From beabbd942703bad199f2b933c15f489fcfe72cbd Mon Sep 17 00:00:00 2001
From: kitty <qwertyhuer@gmail.com>
Date: Thu, 6 Mar 2025 00:05:33 +0000
Subject: [PATCH] some styling

---
 src/components/Footer.astro |  2 +-
 src/styles/global.css       | 68 ++++++++++++++++++-------------------
 2 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 8ecba0c..119e8e3 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -2,7 +2,7 @@
   class="pt-12 text-center text-xs text-lightModeForegroundMuted hover:text-lightModeForeground dark:text-darkModeForegroundMuted dark:hover:text-darkModeForeground"
 >
   <!--<hr class="opacity-50" />-->
-  <a href="" class="block py-4 no-underline"
+  <a href="" class="block py-4 no-underline smolkit"
     >ᓚᘏᗢ</a
   >
 </footer>
diff --git a/src/styles/global.css b/src/styles/global.css
index 7d3e6de..36d94b5 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -11,46 +11,46 @@
   :root {
     color-scheme: dark;
     /* replace colors from here... */
-    --light-mode-background: 240 240 240;
-    --light-mode-foreground: 0 0 0;
-    --light-mode-foreground-muted: 50 50 50;
-    --light-mode-icon-link-outline: 50 50 50;
-    --light-mode-icon-link-background: 255 255 255;
-    --light-mode-icon-link-text: 0 0 0;
-    --light-mode-icon-link-outline-hover: 0 0 0;
-    --light-mode-icon-link-background-hover: 240 240 240;
-    --light-mode-icon-link-text-hover: 0 0 0;
-    --light-mode-custom-link-outline: 50 50 50;
-    --light-mode-custom-link-background: 255 255 255;
-    --light-mode-custom-link-text: 0 0 0;
-    --light-mode-custom-link-outline-hover: 0 0 0;
-    --light-mode-custom-link-background-hover: 240 240 240;
-    --light-mode-custom-link-text-hover: 0 0 0;
+    /*--light-mode-background: 240 240 240;*/
+    /*--light-mode-foreground: 0 0 0;*/
+    /*--light-mode-foreground-muted: 50 50 50;*/
+    /*--light-mode-icon-link-outline: 50 50 50;*/
+    /*--light-mode-icon-link-background: 255 255 255;*/
+    /*--light-mode-icon-link-text: 0 0 0;*/
+    /*--light-mode-icon-link-outline-hover: 0 0 0;*/
+    /*--light-mode-icon-link-background-hover: 240 240 240;*/
+    /*--light-mode-icon-link-text-hover: 0 0 0;*/
+    /*--light-mode-custom-link-outline: 50 50 50;*/
+    /*--light-mode-custom-link-background: 255 255 255;*/
+    /*--light-mode-custom-link-text: 0 0 0;*/
+    /*--light-mode-custom-link-outline-hover: 0 0 0;*/
+    /*--light-mode-custom-link-background-hover: 240 240 240;*/
+    /*--light-mode-custom-link-text-hover: 0 0 0;*/
 
-    --dark-mode-background: 10 10 10;
-    --dark-mode-foreground: 255 255 255;
-    --dark-mode-foreground-muted: 205 205 205;
-    --dark-mode-icon-link-outline: 205 205 205;
-    --dark-mode-icon-link-background: 0 0 0;
-    --dark-mode-icon-link-text: 255 255 255;
-    --dark-mode-icon-link-outline-hover: 255 255 255;
-    --dark-mode-icon-link-background-hover: 50 50 50;
-    --dark-mode-icon-link-text-hover: 255 255 255;
-    --dark-mode-custom-link-outline: 205 205 205;
-    --dark-mode-custom-link-background: 0 0 0;
-    --dark-mode-custom-link-text: 255 255 255;
-    --dark-mode-custom-link-outline-hover: 255 255 255;
-    --dark-mode-custom-link-background-hover: 50 50 50;
-    --dark-mode-custom-link-text-hover: 255 255 255;
+    /*--dark-mode-background: 30 30 46;*/
+    --dark-mode-foreground: 205 214 244;
+    --dark-mode-foreground-muted: 186 194 222;
+    --dark-mode-icon-link-outline: 205 214 244;
+    --dark-mode-icon-link-background: 24 24 37;
+    --dark-mode-icon-link-text: 205 214 244;
+    --dark-mode-icon-link-outline-hover: 205 214 244;
+    --dark-mode-icon-link-background-hover: 49 50 68;
+    --dark-mode-icon-link-text-hover: 137 220 235;
+    --dark-mode-custom-link-outline: 205 214 244;
+    --dark-mode-custom-link-background: 24 24 37;
+    --dark-mode-custom-link-text: 205 214 244;
+    --dark-mode-custom-link-outline-hover: 205 214 244;
+    --dark-mode-custom-link-background-hover: 49 50 68;
+    --dark-mode-custom-link-text-hover: 137 220 235;
     /* ...to here */
   }
   html {
     font-family: "JetB";
   }
   body {
-    background-color: light-dark(
-      rgb(var(--light-mode-background)),
-      rgb(var(--dark-mode-background))
-    );
+    background-color: #1e1e2e;
   } 
+  .smolkit {
+    color: #9efefe;
+  }
 }