Fixed entity-relationship diagram styling after Mermaid upgrade

material/templates/base.html

@@ -245,7 +245,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.22469e04.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.13a4f30d.min.js' | url }}"></script>
       {% for script in config.extra_javascript %}
         {{ script | script_tag }}
       {% endfor %}

src/templates/assets/javascripts/components/content/mermaid/index.css

@@ -280,66 +280,25 @@ defs #statediagram-barbEnd {
  * Rules: entity-relationship diagrams
  * ------------------------------------------------------------------------- */
 
-/* Entity-relationship diagram title */
+/* Entity node and path - override color or markers will shine through */
-.entityTitleText {
+[id^=entity] rect,
-  fill: var(--md-mermaid-label-fg-color);
+[id^=entity] path {
+  fill: var(--md-default-bg-color);
 }
 
-/* Attribute box */
+/* Entity relationship line */
-.attributeBoxEven,
-.attributeBoxOdd {
-  fill: var(--md-mermaid-node-bg-color);
-  stroke: var(--md-mermaid-node-fg-color);
-}
-
-/* Entity node */
-.entityBox {
-  fill: var(--md-mermaid-label-bg-color);
-  stroke: var(--md-mermaid-node-fg-color);
-}
-
-/* Entity node label */
-.entityLabel {
-  font-family: var(--md-mermaid-font-family);
-  fill: var(--md-mermaid-label-fg-color);
-}
-
-/* Entity relationship label container */
-.relationshipLabelBox {
-  background-color: var(--md-mermaid-label-bg-color);
-  opacity: 1;
-  fill: var(--md-mermaid-label-bg-color);
-  fill-opacity: 1;
-}
-
-/* Entity relationship label */
-.relationshipLabel {
-  fill: var(--md-mermaid-label-fg-color);
-}
-
-/* Entity relationship line { */
 .relationshipLine {
   stroke: var(--md-mermaid-edge-color);
 }
 
 /* Entity relationship line markers */
-defs #ZERO_OR_ONE_START *,
+defs .marker.onlyOne.er *,
-defs #ZERO_OR_ONE_END *,
+defs .marker.zeroOrOne.er *,
-defs #ZERO_OR_MORE_START *,
+defs .marker.oneOrMore.er *,
-defs #ZERO_OR_MORE_END *,
+defs .marker.zeroOrMore.er * {
-defs #ONLY_ONE_START *,
-defs #ONLY_ONE_END *,
-defs #ONE_OR_MORE_START *,
-defs #ONE_OR_MORE_END * {
   stroke: var(--md-mermaid-edge-color) !important;
 }
 
-/* Entity relationship line markers */
-defs #ZERO_OR_MORE_START circle,
-defs #ZERO_OR_MORE_END circle {
-  fill: var(--md-mermaid-label-bg-color);
-}
-
 /* ----------------------------------------------------------------------------
  * Rules: sequence diagrams
  * ------------------------------------------------------------------------- */