Update Mermaid cluster text styles in dark mode for better readability

khalidabuhakmeh · khalidabuhakmeh · commit 6439eeabd610 · 2026-04-22T16:27:40.000-04:00
diff --git a/astro/src/styles/custom.css b/astro/src/styles/custom.css
@@ -103,8 +103,8 @@
 
 :root:not([data-theme='light']) .mermaid .cluster text,
 :root:not([data-theme='light']) .mermaid .cluster span {
-    fill: #1a1a1a !important;
-    color: #1a1a1a !important;
+    fill: #ffffff !important;
+    color: #ffffff !important;
 }
 
 /* Styled subgraphs — preserve semantic colors in dark mode */

Original file line number	Diff line number	Diff line change
`@@ -103,8 +103,8 @@`
`103`	`103`
`104`	`104`	`:root:not([data-theme='light']) .mermaid .cluster text,`
`105`	`105`	`:root:not([data-theme='light']) .mermaid .cluster span {`
`106`		`- fill: #1a1a1a !important;`
`107`		`- color: #1a1a1a !important;`
	`106`	`+ fill: #ffffff !important;`
	`107`	`+ color: #ffffff !important;`
`108`	`108`	`}`
`109`	`109`
`110`	`110`	`/* Styled subgraphs — preserve semantic colors in dark mode */`