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;

static/themes/dark.css

@@ -14,4 +14,5 @@
 
     --green: #98C379;
     --red: #E06C75;
+    --blue: #79aec3;
 }

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;
+}

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;
-}
+    --green: #6fa984; /* More vibrant pastel green */
+    --red: #e8858f; /* Slightly deeper pastel red for contrast */
+    --blue: #6fa9a4; /* Same as accent */
+}