svg[id^="mermaid"] {
--nodeBackground: Khaki;
--strokeColor: Maroon;
--textColor: Black;
--edgeLabelBackground: Black;
--edgeLabelStrokeColor: Black;
--edgeLabelTextColor: Ivory;
}
/* 
 * flowchart.css
 * tested with mermaid 10.8
 */
svg[id^="mermaid"] .cluster rect {fill:LightYellow!important;stroke:var(--strokeColor)!important;}
svg[id^="mermaid"] .cluster text {fill:var(--textColor)!important;}
svg[id^="mermaid"] .cluster .nodeLabel {color:var(--textColor)!important;}
svg[id^="mermaid"] .node :is(rect, circle, path) {fill:var(--nodeBackground)!important;stroke:var(--strokeColor)!important;}
svg[id^="mermaid"] .node text {fill:var(--textColor)!important;}
svg[id^="mermaid"] .node .nodeLabel{color:var(--textColor)!important;}
svg[id^="mermaid"] .edgePaths path {stroke:var(--strokeColor)!important;}
svg[id^="mermaid"] .edgeLabel {color:ivory!important;background:black!important;}
svg[id^="mermaid"] .edgeLabel text {fill:var(--edgeLabelTextColor)!important;}
svg[id^="mermaid"] .edgeLabel rect {fill:var(--edgeLabelBackground)!important;stroke:var(--edgeLabelStrokeColor)!important;opacity:1!important;}
svg[id^="mermaid"] .marker {fill:var(--strokeColor)!important;stroke:var(--strokeColor)!important;}
svg[id^="mermaid"] .marker circle {fill:var(--strokeColor)!important;stroke:var(--strokeColor)!important;}