diff --git a/web/src/styles.css b/web/src/styles.css
index 70b62c1..0febb3a 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -1001,13 +1001,13 @@ select.zeitraum:hover { color: var(--text); }
 /* ---------- Dark theme ---------- */
 @media (prefers-color-scheme: dark) {
   :root {
-    --bg: #0b1610;
-    --surface: #11211a;
-    --surface-2: #172a20;
-    --border: #223629;
-    --border-strong: #304637;
-    --text: #e6f0ea;
-    --muted: #8aa396;
+    --bg: #0f1513;
+    --surface: #161b18;
+    --surface-2: #1c2320;
+    --border: #29312d;
+    --border-strong: #3a443e;
+    --text: #e6ece8;
+    --muted: #8b968f;
     --accent: #6cc39d;
     --accent-hover: #82d0af;
     --accent-soft: #16291f;
@@ -1022,8 +1022,8 @@ select.zeitraum:hover { color: var(--text); }
   .alert.ok { background: #14301f; border-color: #21503a; }
 }
 :root[data-theme="dark"] {
-  --bg: #0b1610; --surface: #11211a; --surface-2: #172a20; --border: #223629;
-  --border-strong: #304637; --text: #e6f0ea; --muted: #8aa396; --accent: #6cc39d;
+  --bg: #0f1513; --surface: #161b18; --surface-2: #1c2320; --border: #29312d;
+  --border-strong: #3a443e; --text: #e6ece8; --muted: #8b968f; --accent: #6cc39d;
   --accent-hover: #82d0af; --accent-soft: #16291f; --danger: #f0857a; --danger-soft: #2a1a1a;
   --warn: #e0a955; --warn-soft: #2a2312; --ok: #5fbf8c;
 }