Changed colors for actual theming

1 files changed, 33 insertions, 20 deletions

diff --git a/frontend/src/style.css b/frontend/src/style.css
index 4f9d49f..3fc53d9 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -9,33 +9,46 @@
   /* sizes */
   --avatar-size: 48px;
 
-  /* colors - light theme */
-  --bg-primary: #fff;
-  --bg-secondary: #f5f5f5;
-  --text-primary: #242424;
-  --text-secondary: #4b4b4b;
-  --text-muted: rgba(0, 0, 0, 0.5);
-  --border: #444;
-  --accent: #646cff;
-  --accent-hover: #535bf2;
-  --error: #ff4444;
+  /* light theme */
+  --bg-primary: #f0f2fa;
+  --bg-secondary: #e5e9f5;
+  --text-primary: #1a1a2e;
+  --text-secondary: #4a5568;
+  --text-muted: rgba(26, 26, 46, 0.5);
+  --border: #d5dae8;
+  --accent: #a855f7;
+  --accent-hover: #c77dff;
+  --error: #e63946;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    /* colors - dark theme */
-    --bg-primary: #242424;
-    --bg-secondary: #424242;
-    --text-primary: #f5f5f5;
-    --text-secondary: #b0b0b0;
-    --text-muted: rgba(255, 255, 255, 0.5);
-    --border: #444;
-    --accent: #646cff;
-    --accent-hover: #535bf2;
-    --error: #ff4444;
+    /* dark theme */
+    --bg-primary: #2a1f3d;
+    --bg-secondary: #3d2f54;
+    --text-primary: #f5e6ff;
+    --text-secondary: #d4b5e0;
+    --text-muted: rgba(245, 230, 255, 0.6);
+    --border: #4a3a5f;
+    --accent: #ff8a7a;
+    --accent-hover: #ffc985;
+    --error: #e74c3c;
   }
 }
 
+[data-theme="darker"] {
+    /* darker theme */
+  --bg-primary: #1a0f24;
+  --bg-secondary: #2d1b3d;
+  --text-primary: #fef5f0;
+  --text-secondary: #e8b5a0;
+  --text-muted: rgba(254, 245, 240, 0.6);
+  --border: #3d2750;
+  --accent: #ff8a7a;
+  --accent-hover: #ffc985;
+  --error: #e74c3c;
+}
+
 #login-container {
   max-width: 400px;
   margin: 2rem auto;