Fix mermaid diagrams in light/dark mode (#718)

* add mermaid sheets Signed-off-by: Pete Lumbis <[email protected]> * add styling to mermaid diagrams for dark/light mode. Resolves #592 Signed-off-by: Pete Lumbis <[email protected]> --------- Signed-off-by: Pete Lumbis <[email protected]>
crossplane · Feb 16, 2024 · 83a3d08 · 83a3d08
1 parent c9b8afb
commit 83a3d08
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/themes/geekboot/assets/scss/_mermaid.scss b/themes/geekboot/assets/scss/_mermaid.scss
@@ -0,0 +1,14 @@
+.mermaid{
+    fill: var(--body-font-color) !important;
+
+    .messageText, .loopText>tspan, .marker, .marker.cross{
+        color: var(--body-font-color) !important;
+        fill: var(--body-font-color) !important;
+    }
+
+    .flowchart-link{
+        stroke: var(--body-font-color) !important;
+    }
+
+
+}
diff --git a/themes/geekboot/assets/scss/docs.scss b/themes/geekboot/assets/scss/docs.scss
@@ -49,4 +49,5 @@
 @import "crds";
 /* purgecss end ignore */
 @import "skippy";
-@import "fonts";
+@import "fonts";
+@import "mermaid";