Fixed colors of arrows in class an state diagrams for dark mode

CHANGELOG

@@ -1,3 +1,11 @@
+mkdocs-material-8.2.10 (2022-04-24)
+
+  * Added Macedonian translations
+  * Updated Mermaid.js 9.0.1
+  * Switched sidebar title in mobile navigation to bold font
+  * Fixed color of arrows in class and state diagrams for dark mode
+  * Fixed #3836: Inline admonitions overlayed by code blocks titles
+
 mkdocs-material-8.2.9 (2022-04-08)
 
   * Mitigate flicker on color palette switch by disabling all transitions

material/base.html

@@ -34,7 +34,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.0d6e90a3.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.df45aa19.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.9647289d.min.css' | url }}">
@@ -214,7 +214,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.6e54b5cd.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.748e2769.min.js' | url }}"></script>
       {% for path in config["extra_javascript"] %}
         <script src="{{ path | url }}"></script>
       {% endfor %}

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

@@ -99,12 +99,12 @@ marker {
 }
 
 /* Flowchart markers */
-#flowchart-circleStart,
-#flowchart-circleEnd,
-#flowchart-crossStart,
-#flowchart-crossEnd,
-#flowchart-pointStart,
-#flowchart-pointEnd {
+defs #flowchart-circleStart,
+defs #flowchart-circleEnd,
+defs #flowchart-crossStart,
+defs #flowchart-crossEnd,
+defs #flowchart-pointStart,
+defs #flowchart-pointEnd {
   stroke: none;
 }
 
@@ -160,19 +160,19 @@ g.classGroup text {
 }
 
 /* Class extension, composition and dependency marker */
-#extensionStart,
-#extensionEnd,
-#compositionStart,
-#compositionEnd,
-#dependencyStart,
-#dependencyEnd {
+defs #classDiagram-extensionStart,
+defs #classDiagram-extensionEnd,
+defs #classDiagram-compositionStart,
+defs #classDiagram-compositionEnd,
+defs #classDiagram-dependencyStart,
+defs #classDiagram-dependencyEnd {
   fill: var(--md-mermaid-edge-color) !important;
   stroke: var(--md-mermaid-edge-color) !important;
 }
 
 /* Class aggregation marker */
-#aggregationStart,
-#aggregationEnd {
+defs #classDiagram-aggregationStart,
+defs #classDiagram-aggregationEnd {
   fill: var(--md-mermaid-label-bg-color) !important;
   stroke: var(--md-mermaid-edge-color) !important;
 }
@@ -253,6 +253,11 @@ g.stateGroup .composit {
   stroke: var(--md-default-fg-color--lighter);
 }
 
+/* State diagram markers */
+defs #statediagram-barbEnd {
+  stroke: var(--md-mermaid-edge-color);
+}
+
 /* ----------------------------------------------------------------------------
  * Rules: entity-relationship diagrams
  * ------------------------------------------------------------------------- */
@@ -288,20 +293,20 @@ g.stateGroup .composit {
 }
 
 /* Entity relationship line markers */
-#ZERO_OR_ONE_START *,
-#ZERO_OR_ONE_END *,
-#ZERO_OR_MORE_START *,
-#ZERO_OR_MORE_END *,
-#ONLY_ONE_START *,
-#ONLY_ONE_END *,
-#ONE_OR_MORE_START *,
-#ONE_OR_MORE_END * {
+defs #ZERO_OR_ONE_START *,
+defs #ZERO_OR_ONE_END *,
+defs #ZERO_OR_MORE_START *,
+defs #ZERO_OR_MORE_END *,
+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 */
-#ZERO_OR_MORE_START circle,
-#ZERO_OR_MORE_END circle {
+defs #ZERO_OR_MORE_START circle,
+defs #ZERO_OR_MORE_END circle {
   fill: var(--md-mermaid-label-bg-color);
 }
 

src/assets/javascripts/components/content/code/mermaid/index.ts

@@ -69,7 +69,7 @@ let index = 0
  */
 function fetchScripts(): Observable<void> {
   return typeof mermaid === "undefined" || mermaid instanceof Element
-    ? watchScript("https://unpkg.com/mermaid@8.13.3/dist/mermaid.min.js")
+    ? watchScript("https://unpkg.com/mermaid@9.0.1/dist/mermaid.min.js")
     : of(undefined)
 }
 

src/assets/stylesheets/main/layout/_nav.scss

@@ -194,7 +194,6 @@
         height: px2rem(112px);
         padding: px2rem(60px) px2rem(16px) px2rem(4px);
         color: var(--md-default-fg-color--light);
-        font-weight: 400;
         line-height: px2rem(48px);
         white-space: nowrap;
         background-color: var(--md-default-fg-color--lightest);