diff --git a/frontend/src/index.css b/frontend/src/index.css
index 338c6fbe..4889ce73 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -39,8 +39,8 @@
   --primary-hover: #5ec7c3;
   --accent: #1e2e30;
   --text-main: #f8fafc;
-  --text-muted: #94a3b8;
-  --border: #334155;
+  --text-muted: #334155;
+  --border: #3d4f6a;
 }
 
 html.dark[data-theme-custom="true"] {
@@ -48,13 +48,13 @@ html.dark[data-theme-custom="true"] {
   --bg: color-mix(in srgb, var(--primary) 10%, #0f172a);
   --surface: color-mix(in srgb, var(--primary) 15%, #1e293b);
   --accent: color-mix(in srgb, var(--primary) 25%, #1e293b);
-  --text-muted: color-mix(in srgb, var(--primary) 50%, #94a3b8);
-  --border: color-mix(in srgb, var(--primary) 30%, #334155);
+  --text-muted: color-mix(in srgb, var(--primary) 40%, #cbd5e1);
+  --border: color-mix(in srgb, var(--primary) 30%, #3d4f6a);
 }
 
 html.dark,
 html.dark body {
-  
+
   background-color: var(--bg);
   color: var(--text-main);
   color-scheme: dark;