From dff3af86f180cbcf742515aad7eb7aface132906 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Tue, 30 Dec 2025 20:01:24 +0000
Subject: [PATCH] fix: dark mode text color in workspace preview

- Add prose-dark CSS class with !important overrides
- Apply prose-dark class when workspace is in dark theme
- Ensures text is readable in dark mode preview
---
 src/app/pages/NewWorkspace.tsx |  2 +-
 src/styles/theme.css           | 30 ++++++++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/src/app/pages/NewWorkspace.tsx b/src/app/pages/NewWorkspace.tsx
index 9957a07..eca9364 100644
--- a/src/app/pages/NewWorkspace.tsx
+++ b/src/app/pages/NewWorkspace.tsx
@@ -1378,7 +1378,7 @@ function EditorArea({ colors, activeDoc, openTabs, activeTabId, closeTab, setAct
               {editorMode === 'preview' ? (
                 // Preview Mode - Rendered HTML
                 <div
-                  className="prose prose-lg max-w-none"
+                  className={`prose prose-lg max-w-none ${themeKey === 'dark' ? 'prose-dark' : ''}`}
                   style={{
                     color: colors.text,
                     lineHeight: 1.8,
diff --git a/src/styles/theme.css b/src/styles/theme.css
index faacf41..2f978e6 100644
--- a/src/styles/theme.css
+++ b/src/styles/theme.css
@@ -400,6 +400,36 @@
   color: var(--color-text-secondary);
 }
 
+/* Prose dark mode overrides - for workspace preview */
+.prose-dark,
+.prose-dark * {
+  color: inherit !important;
+}
+
+.prose-dark h1,
+.prose-dark h2,
+.prose-dark h3,
+.prose-dark h4,
+.prose-dark h5,
+.prose-dark h6 {
+  color: inherit !important;
+}
+
+.prose-dark p,
+.prose-dark li,
+.prose-dark span {
+  color: inherit !important;
+}
+
+.prose-dark a {
+  color: var(--color-primary) !important;
+}
+
+.prose-dark code {
+  color: #E6EDF3 !important;
+  background: rgba(110, 118, 129, 0.4) !important;
+}
+
 /* ============================================
    UTILITY CLASSES
    ============================================ */