From 1c9efe6007b1e8d1c18bce194dac40b3deb9de6c Mon Sep 17 00:00:00 2001
From: drelich <david.relich@me.com>
Date: Tue, 17 Mar 2026 00:12:06 +0100
Subject: [PATCH] Fix TipTap editor content colors for dark mode

- Added proper text colors for all editor content in dark mode
- Fixed headings (H1, H2, H3) to use light text in dark mode
- Fixed bold, italic, strikethrough, underline text colors
- Fixed list items (ul, ol, li) text colors
- Fixed blockquote colors and borders for dark mode
- Fixed horizontal rule colors
- All formatted content now properly visible in dark mode
---
 src/index.css | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)

diff --git a/src/index.css b/src/index.css
index e663abf..b2a0ef5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -35,6 +35,11 @@ code {
   font-weight: bold;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
+  color: #111827;
+}
+
+.dark .ProseMirror h1 {
+  color: #f3f4f6;
 }
 
 .ProseMirror h2 {
@@ -42,6 +47,11 @@ code {
   font-weight: bold;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
+  color: #111827;
+}
+
+.dark .ProseMirror h2 {
+  color: #f3f4f6;
 }
 
 .ProseMirror h3 {
@@ -49,26 +59,56 @@ code {
   font-weight: bold;
   margin-top: 0.5em;
   margin-bottom: 0.5em;
+  color: #111827;
+}
+
+.dark .ProseMirror h3 {
+  color: #f3f4f6;
 }
 
 .ProseMirror p {
   margin-bottom: 0.5em;
+  color: #111827;
+}
+
+.dark .ProseMirror p {
+  color: #f3f4f6;
 }
 
 .ProseMirror strong {
   font-weight: bold;
+  color: #111827;
+}
+
+.dark .ProseMirror strong {
+  color: #f3f4f6;
 }
 
 .ProseMirror em {
   font-style: italic;
+  color: #111827;
+}
+
+.dark .ProseMirror em {
+  color: #f3f4f6;
 }
 
 .ProseMirror s {
   text-decoration: line-through;
+  color: #111827;
+}
+
+.dark .ProseMirror s {
+  color: #f3f4f6;
 }
 
 .ProseMirror u {
   text-decoration: underline;
+  color: #111827;
+}
+
+.dark .ProseMirror u {
+  color: #f3f4f6;
 }
 
 .ProseMirror code {
@@ -108,6 +148,12 @@ code {
 .ProseMirror ol {
   padding-left: 1.5rem;
   margin: 0.5em 0;
+  color: #111827;
+}
+
+.dark .ProseMirror ul,
+.dark .ProseMirror ol {
+  color: #f3f4f6;
 }
 
 .ProseMirror ul {
@@ -120,6 +166,11 @@ code {
 
 .ProseMirror li {
   margin: 0.25em 0;
+  color: #111827;
+}
+
+.dark .ProseMirror li {
+  color: #f3f4f6;
 }
 
 .ProseMirror blockquote {
@@ -129,8 +180,17 @@ code {
   color: #6b7280;
 }
 
+.dark .ProseMirror blockquote {
+  border-left-color: #4b5563;
+  color: #9ca3af;
+}
+
 .ProseMirror hr {
   border: none;
   border-top: 2px solid #e5e7eb;
   margin: 2em 0;
 }
+
+.dark .ProseMirror hr {
+  border-top-color: #374151;
+}