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]>

Author: plumbis

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;
+    }
+
+
+}

themes/geekboot/assets/scss/docs.scss

@@ -49,4 +49,5 @@
 @import "crds";
 /* purgecss end ignore */
 @import "skippy";
-@import "fonts";
+@import "fonts";
+@import "mermaid";