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

* add mermaid sheets

Signed-off-by: Pete Lumbis <pete@upbound.io>

* add styling to mermaid diagrams for dark/light mode. Resolves #592

Signed-off-by: Pete Lumbis <pete@upbound.io>

---------

Signed-off-by: Pete Lumbis <pete@upbound.io>
This commit is contained in:
Pete Lumbis 2024-02-16 18:23:20 -05:00 committed by GitHub
parent c9b8afbe2f
commit 83a3d088a9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 16 additions and 1 deletions

View File

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

View File

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