From 326cc144abc2e47cfe43d626805b4545a58cf8c7 Mon Sep 17 00:00:00 2001
From: Chris Dill <chris.rj.dill@gmail.com>
Date: Sat, 1 Jun 2024 09:31:16 +0100
Subject: [PATCH] Update theme usage

---
 src/lib/ThemeContext.svelte   |  5 +----
 src/routes/+error.svelte      |  1 -
 src/routes/admin/+page.svelte |  2 +-
 static/css/global.css         | 20 +++++---------------
 4 files changed, 7 insertions(+), 21 deletions(-)

diff --git a/src/lib/ThemeContext.svelte b/src/lib/ThemeContext.svelte
index 2231461..a7cee40 100644
--- a/src/lib/ThemeContext.svelte
+++ b/src/lib/ThemeContext.svelte
@@ -2,10 +2,7 @@
     <script>
         if (document) {
             const defaultTheme = "dark";
-            const itemTheme = localStorage.getItem("theme") ?? defaultTheme;
-
-            localStorage.setItem("theme", itemTheme);
-            document.documentElement.setAttribute("data-theme", itemTheme);
+            document.documentElement.setAttribute("data-theme", defaultTheme);
         }
     </script>
 </svelte:head>
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index ade6308..4881673 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -291,7 +291,6 @@ Still alive.</p>
 
 <style>
     * {
-        color: white !important;
         font-family: monospace;
         white-space: pre;
     }
diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
index d3ac158..d4d3572 100644
--- a/src/routes/admin/+page.svelte
+++ b/src/routes/admin/+page.svelte
@@ -54,7 +54,7 @@
     }
 
     li a:hover {
-        border-bottom: 2px solid white;
+        border-bottom: 2px solid var(--link-color-hover);
     }
 
     h2 {
diff --git a/static/css/global.css b/static/css/global.css
index e4092d7..57d5b7c 100755
--- a/static/css/global.css
+++ b/static/css/global.css
@@ -1,31 +1,21 @@
 
 html[data-theme='dark'] {
+  --font1: 'Open Sans', sans-serif;
   --background-color: #343a40;
   --header-color: #202225;
   --headings-color: #ffffff;
-  --font-color: #eeeeee;
+  --text-color: #eeeeee;
   --border-color: #141414;
   --line-color: #ffffff;
   --link-color: #CC99FF;
   --link-color-hover: #ffffff;
 }
 
-html[data-theme='light'] {
-  --background-color: #ffffff;
-  --headings-color: #181818;
-  --font-color: #181818;
-  --line-color: #181818;
-  --nav-link-color: #2599fd;
-  --nav-link-color-hover: #000000;
-  --link-color: #CC99FF;
-  --link-color-hover: #000000;
-}
-
 body {
   background-color: var(--background-color);
   box-sizing: border-box;
-  color: var(--font-color);
-  font-family: 'Open Sans', sans-serif;
+  color: var(--text-color);
+  font-family: var(--font1);
   font-display: swap;
   font-size: 1rem;
   line-height: 1.6;
@@ -139,7 +129,7 @@ footer {
   display: flex;
   justify-content: space-between;
   border-top: 3px solid var(--border-color);
-  color: var(--font-color);
+  color: var(--text-color);
   font-family: var(--font1);
   margin-top: 30px;
   margin-bottom: 30px;