From ea57330302a14ef636937114cb787793b2200a29 Mon Sep 17 00:00:00 2001
From: Daan Versteeg <daanversteeg2@gmail.com>
Date: Thu, 19 Mar 2026 14:01:20 +0100
Subject: [PATCH] Fix: Fix Code Block Styles in Editor (Light Mode)

---
 .../src/components/commonUI/RichText/RichText.styles.css     | 3 ++-
 frontend/src/theme.tsx                                       | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/commonUI/RichText/RichText.styles.css b/frontend/src/components/commonUI/RichText/RichText.styles.css
index e49b134..7fa30e5 100644
--- a/frontend/src/components/commonUI/RichText/RichText.styles.css
+++ b/frontend/src/components/commonUI/RichText/RichText.styles.css
@@ -86,6 +86,7 @@
 .tiptap-editor code,
 .tiptap-content code {
   background-color: var(--chakra-colors-bg-code);
+  color: var(--chakra-colors-fg-code);
   border-radius: 0.25rem;
   padding: 0.2em 0.4em;
   font-family: "Menlo", "Monaco", "Courier New", monospace;
@@ -95,7 +96,7 @@
 .tiptap-editor pre,
 .tiptap-content pre {
   background-color: var(--chakra-colors-bg-code);
-  color: #d4d4d4;
+  color: var(--chakra-colors-fg-code);
   padding: 0.75em 1em;
   border-radius: 0.375rem;
   font-family: "Menlo", "Monaco", "Courier New", monospace;
diff --git a/frontend/src/theme.tsx b/frontend/src/theme.tsx
index 35cf6a2..9ed9dd9 100644
--- a/frontend/src/theme.tsx
+++ b/frontend/src/theme.tsx
@@ -26,7 +26,7 @@ const config = defineConfig({
             value: { _light: '#F4F4F5', _dark: '#24292E' },
           },
           code: {
-            value: { _light: '#f0f0f3', _dark: '#202429' },
+            value: { _light: '#e4e4e7', _dark: '#202429' },
           },
         },
         fg: {
@@ -39,6 +39,9 @@ const config = defineConfig({
           muted: {
             value: { _light: '{colors.gray.600}', _dark: '{colors.gray.400}' },
           },
+          code: {
+            value: { _light: '{colors.gray.700}', _dark: '{colors.gray.300}' },
+          },
         },
         fbuttons: {
           blue: {