From 3557a6a6ad5cb51ecb5b78f21ae7032d2a01d3a2 Mon Sep 17 00:00:00 2001
From: Luke Else <mail@luke-else.co.uk>
Date: Thu, 6 Mar 2025 15:41:06 +0000
Subject: [PATCH] Added a nice new light pastel blue theme

---
 src/lib/components/Toasts/Toast.svelte |  6 +++---
 static/themes/dark.css                 |  1 +
 static/themes/frosted-blue.css         | 17 +++++++++++++++++
 static/themes/light.css                | 25 +++++++++++++------------
 4 files changed, 34 insertions(+), 15 deletions(-)
 create mode 100644 static/themes/frosted-blue.css

diff --git a/src/lib/components/Toasts/Toast.svelte b/src/lib/components/Toasts/Toast.svelte
index 8ed3c6f..553204e 100644
--- a/src/lib/components/Toasts/Toast.svelte
+++ b/src/lib/components/Toasts/Toast.svelte
@@ -44,13 +44,13 @@
     max-width: 80%;
   }
   .error {
-    background: IndianRed;
+    background: var(--red);
   }
   .success {
-    background: MediumSeaGreen;
+    background: var(--green);
   }
   .info {
-    background: SkyBlue;
+    background: var(--blue);
   }
   .text {
     margin-left: 1rem;
diff --git a/static/themes/dark.css b/static/themes/dark.css
index 5b48314..117569c 100644
--- a/static/themes/dark.css
+++ b/static/themes/dark.css
@@ -14,4 +14,5 @@
 
     --green: #98C379;
     --red: #E06C75;
+    --blue: #79aec3;
 }
\ No newline at end of file
diff --git a/static/themes/frosted-blue.css b/static/themes/frosted-blue.css
new file mode 100644
index 0000000..cb6ba16
--- /dev/null
+++ b/static/themes/frosted-blue.css
@@ -0,0 +1,17 @@
+:root {
+    --bg: #1e1f2a;
+    --bg-secondary: #3a3f4b;
+    --accent: #777f8d;
+
+    --header: #cad1da;
+    --fg: #e4e1db;
+    
+    --input: #2e3438;
+    
+    --link: #95add8;
+    --glow: #bcc3ca;
+    --hover: #cdd8e2;
+
+    --green: #98C379;
+    --red: #E06C75;
+}
\ No newline at end of file
diff --git a/static/themes/light.css b/static/themes/light.css
index cb6ba16..ad988cc 100644
--- a/static/themes/light.css
+++ b/static/themes/light.css
@@ -1,17 +1,18 @@
 :root {
-    --bg: #1e1f2a;
-    --bg-secondary: #3a3f4b;
-    --accent: #777f8d;
+    --bg: #f5f5f5; /* Slightly deeper light grey for subtle contrast */
+    --bg-secondary: #d9dddf; /* More defined soft grey */
+    --accent: #8ea29b; /* Stronger muted sage green */
 
-    --header: #cad1da;
-    --fg: #e4e1db;
+    --header: #4a5a56; /* Darker desaturated green-grey for better contrast */
+    --fg: #2f3739; /* Richer dark grey for improved readability */
     
-    --input: #2e3438;
+    --input: #e4e7e8; /* Slightly deeper soft grey input background */
     
-    --link: #95add8;
-    --glow: #bcc3ca;
-    --hover: #cdd8e2;
+    --link: #5f8480; /* Darker muted teal for contrast */
+    --glow: #b0bdb9; /* More noticeable but soft glow */
+    --hover: #85a29c; /* Stronger pastel hover effect */
 
-    --green: #98C379;
-    --red: #E06C75;
-}
\ No newline at end of file
+    --green: #6fa984; /* More vibrant pastel green */
+    --red: #e8858f; /* Slightly deeper pastel red for contrast */
+    --blue: #6fa9a4; /* Same as accent */
+}