From 54f2928783fb06f52f1bb6d2af235296d38745ea Mon Sep 17 00:00:00 2001
From: Gen <buzhybrid@gmail.com>
Date: Thu, 7 Mar 2024 00:16:24 -0800
Subject: [PATCH] oooo fancy effects go brrr

---
 index.html |  4 ++--
 style.css  | 31 +++++++++++++++++++++----------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 7f1ce2d..ad308a3 100644
--- a/index.html
+++ b/index.html
@@ -51,7 +51,7 @@
                     >Last updated at <span class="last-updated"></span> | ©️
                     Licensed under GPL V3 |
                     <a href="https://github.com/GenShibe/genshibe.github.io/"
-                        >source code</a
+                        >Source code</a
                     ></span
                 >
                 <select class="theme-selector">
@@ -69,7 +69,7 @@
 <script>
                 window.addEventListener("DOMContentLoaded", () => {
     const selector = document.querySelector(".theme-selector");
-    selector.value = localStorage.getItem("theme") || window.matchMedia('(prefers-color-scheme: light)').matches ? "latte" : "frappe";
+    selector.value = localStorage.getItem("theme") || window.matchMedia('(prefers-color-scheme: dark)').matches ? "frappe" : "latte";
     document.documentElement.setAttribute("theme", selector.value);
     selector.addEventListener("change", function () {
         localStorage.setItem("theme", this.value);
diff --git a/style.css b/style.css
index 8f4371e..8c7bfb2 100644
--- a/style.css
+++ b/style.css
@@ -229,14 +229,33 @@ footer {
     text-decoration: none;
     color: var(--ctp-text);
     background-color: var(--ctp-surface0);
-    border-radius: 5px;
-    font-weight: bold;
+    border-radius: 7px;
+    border: 2px solid;
+    border-color: var(--ctp-mantle);
     text-align: center;
     font-size: 1.25em;
     margin: 5px;
     line-height: 1.75em;
     font-family: 'Victor Mono', Courier, monospace;
     font-style: italic;
+    box-shadow: 0 0 5.5px 0px var(--ctp-peach);
+}
+
+
+select {
+    padding: 0.25rem 0.5rem;
+    background-color: var(--ctp-surface0);
+    color: var(--ctp-text);
+    border-radius: 7px;
+    border: 2px solid;
+    border-color: var(--ctp-mantle);
+    text-align: left;
+    font-size: 1em;
+    line-height: 1.25em;
+    border-radius: 7px;
+    font-family: 'Victor Mono', Courier, monospace;
+    font-style: italic;
+    box-shadow: 0 0 5.5px 0px var(--ctp-peach);
 }
 
 .socials a:hover {
@@ -251,12 +270,4 @@ hr {
     border: none;
     margin: 1.5rem auto;
     box-shadow: 0 0 15px 0px var(--ctp-peach);
-}
-
-select {
-    background-color: var(--ctp-base);
-    color: var(--ctp-text);
-    border-width: 2px;
-    border-color: var(--ctp-surface0);
-    border-radius: 0.375rem;
 }
\ No newline at end of file