fix mermaid in dark mode

timothypratley · timothypratley · commit eca5e6ca8aa7 · 2025-09-05T10:28:34.000-07:00
diff --git a/site/styles.scss b/site/styles.scss
@@ -30,7 +30,8 @@ figcaption {
   text-align: center;
 }
 
-body.quarto-dark .js-plotly-plot {
+body.quarto-dark .js-plotly-plot,
+body.quarto-dark .mermaid {
   filter: invert(100%) hue-rotate(180deg);
 }
 
@@ -85,4 +86,4 @@ table {
 /* Add space between main headings and descriptions */
 #title-block-header.quarto-title-block.default .quarto-title .title {
   margin-bottom: 0.5em;
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,8 @@ figcaption {`
`30`	`30`	`text-align: center;`
`31`	`31`	`}`
`32`	`32`
`33`		`-body.quarto-dark .js-plotly-plot {`
	`33`	`+body.quarto-dark .js-plotly-plot,`
	`34`	`+body.quarto-dark .mermaid {`
`34`	`35`	`filter: invert(100%) hue-rotate(180deg);`
`35`	`36`	`}`
`36`	`37`
`@@ -85,4 +86,4 @@ table {`
`85`	`86`	`/* Add space between main headings and descriptions */`
`86`	`87`	`#title-block-header.quarto-title-block.default .quarto-title .title {`
`87`	`88`	`margin-bottom: 0.5em;`
`88`		`-}`
	`89`	`+}`