From 94e7f7f0a04f940754e2fbd232025916a582846a Mon Sep 17 00:00:00 2001
From: Brian Richard <44203805+briian365@users.noreply.github.com>
Date: Sat, 4 Apr 2026 03:30:17 +0300
Subject: [PATCH] fix: enhance text contrast for headings, and paragraphs in
 blockquotes in dark mode on the Guide page (#1369)

---
 app/assets/tailwind/maybe-design-system.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/assets/tailwind/maybe-design-system.css b/app/assets/tailwind/maybe-design-system.css
index f27b97078..e4ff87051 100644
--- a/app/assets/tailwind/maybe-design-system.css
+++ b/app/assets/tailwind/maybe-design-system.css
@@ -248,6 +248,18 @@
   color: theme(colors.white) !important;
 }
 
+/* Specific override for headings in prose under dark mode */
+.prose:where([data-theme=dark], [data-theme=dark] *) h1,
+.prose:where([data-theme=dark], [data-theme=dark] *) h2,
+.prose:where([data-theme=dark], [data-theme=dark] *) h3,
+.prose:where([data-theme=dark], [data-theme=dark] *) h4,
+.prose:where([data-theme=dark], [data-theme=dark] *) h5,
+.prose:where([data-theme=dark], [data-theme=dark] *) h6,
+.prose:where([data-theme=dark], [data-theme=dark] *) blockquote,
+.prose:where([data-theme=dark], [data-theme=dark] *) thead th {
+  color: theme(colors.white) !important;
+}
+
 @layer base {
   [data-theme="dark"] { 
     --color-success: var(--color-green-500);