diff --git a/static/style.css b/static/style.css
index ec2aecb..3658ff8 100644
--- a/static/style.css
+++ b/static/style.css
@@ -27,6 +27,9 @@
   --shadow:         0 30px 60px rgba(0,0,0,.5);
   --shadow-sm:      0 2px 20px rgba(0,0,0,.3);
   
+  /* Code/Pre Text - Zartes helles Grau für Dark Mode */
+  --code-text:      #d4d4d4;
+  
   /* Subtle Radius */
   --radius:         20px;
   --radius-sm:      12px;
@@ -64,6 +67,9 @@
   --border-accent:  rgba(239,68,68,.3);
   --shadow:         0 30px 60px rgba(0,0,0,.1);
   --shadow-sm:      0 2px 20px rgba(0,0,0,.05);
+  
+  /* Code/Pre Text - Dunkles Grau für Light Mode */
+  --code-text:      #404040;
 }
 
 /* ── Reset & Base ─────────────────────────────────────────────────────────── */
@@ -621,9 +627,25 @@ h4 { font-size: 16px; }
 .text-muted     { color: var(--text-muted) !important; }
 .text-secondary { color: var(--text-secondary) !important; }
 .bg-light       { background: var(--bg-elevated) !important; }
-pre, code       { background: var(--bg-elevated); color: #64d2ff; border-radius: 8px; padding: .2em .5em; font-family: 'JetBrains Mono', monospace; font-size: 13px; }
-pre             { padding: 1.25rem; overflow-x: auto; line-height: 1.6; }
-hr              { border-color: var(--border); opacity: 1; }
+
+/* Code & Pre - Lesbar in beiden Modi */
+pre, code {
+  background: var(--bg-elevated);
+  color: var(--code-text);
+  border-radius: 8px;
+  padding: .2em .5em;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 13px;
+  border: 1px solid var(--border);
+}
+
+pre {
+  padding: 1.25rem;
+  overflow-x: auto;
+  line-height: 1.6;
+}
+
+hr { border-color: var(--border); opacity: 1; }
 
 .font-monospace { font-family: 'JetBrains Mono', monospace !important; font-size: 13px !important; }