diff --git a/CHANGELOG.md b/CHANGELOG.md
index 74666f9..d5806f1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,9 @@ Das Format folgt [Keep a Changelog](https://keepachangelog.com/de/1.1.0/), die V
 
 ## [Unreleased]
 
+### Fixed
+- Light-Theme: Kontraste für Code-Blöcke (`--bg-code`), Callouts (`--bg-panel-elevated`), Zitate und Rahmen auf Notizhintergründen geschärft; VS Code Light+ Syntaxfarben für hohe Lesbarkeit optimiert.
+
 ## [0.8.0] - 2026-10-30
 
 ### Added
diff --git a/frontend/src/index.css b/frontend/src/index.css
index c413f42..75839b8 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -429,11 +429,11 @@ body {
     --code-keyword: #0000ff;
     --code-string: #a31515;
     --code-number: #098658;
-    --code-comment: #008000;
+    --code-comment: #007000;
     --code-property: #0451a5;
     --code-function: #795e26;
     --code-type: #267f99;
-    --code-punctuation: #3b3b3b;
+    --code-punctuation: #2e2e2e;
     --code-variable: #001080;
   }
 
diff --git a/frontend/src/themes/theme-light.css b/frontend/src/themes/theme-light.css
index 9d5cb1e..a1539aa 100644
--- a/frontend/src/themes/theme-light.css
+++ b/frontend/src/themes/theme-light.css
@@ -14,24 +14,24 @@
   /* --- 2. OBERFLÄCHEN & HINTERGRÜNDE --- */
   --bg-app: #f3f4f6;
   --bg-panel: #ffffff;
-  --bg-panel-elevated: #ebedf0;
-  --bg-panel-hover: #e2e5ea;
+  --bg-panel-elevated: #e2e8f0;
+  --bg-panel-hover: #cbd5e1;
   --bg-input: #ffffff;
   --bg-overlay: rgba(15, 23, 42, 0.45);
-  --bg-code: #f1f5f9;
+  --bg-code: #e2e8f0;
 
   /* --- 3. TEXT & KONTRASTE --- */
   --text-main: #111827;
-  --text-muted: #4b5563;
-  --text-faint: #9ca3af;
+  --text-muted: #374151;
+  --text-faint: #6b7280;
 
   /* --- 4. RAHMEN, LINIEN & SCHATTEN --- */
-  --border-color: rgba(17, 24, 39, 0.13);
-  --border-subtle: rgba(17, 24, 39, 0.06);
-  --border-strong: rgba(17, 24, 39, 0.28);
+  --border-color: rgba(17, 24, 39, 0.18);
+  --border-subtle: rgba(17, 24, 39, 0.08);
+  --border-strong: rgba(17, 24, 39, 0.32);
   --shadow-panel: 0 8px 24px rgba(15, 23, 42, 0.08);
-  --scrollbar-thumb: rgba(17, 24, 39, 0.18);
-  --scrollbar-thumb-hover: rgba(17, 24, 39, 0.32);
+  --scrollbar-thumb: rgba(17, 24, 39, 0.22);
+  --scrollbar-thumb-hover: rgba(17, 24, 39, 0.38);
 
   /* --- 5. STATUS- & SIGNALFARBEN --- */
   --color-success: #15803d;
@@ -57,10 +57,10 @@
   --code-keyword: #0000ff;
   --code-string: #a31515;
   --code-number: #098658;
-  --code-comment: #008000;
+  --code-comment: #007000;
   --code-property: #0451a5;
   --code-function: #795e26;
   --code-type: #267f99;
-  --code-punctuation: #3b3b3b;
+  --code-punctuation: #2e2e2e;
   --code-variable: #001080;
 }