Fixed actors in sequence diagrams not adhering to color scheme

material/base.html

@@ -40,7 +40,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.03fa9ba6.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.707f6b2f.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.2505c338.min.css' | url }}">
@@ -240,7 +240,7 @@
       </script>
     {% endblock %}
     {% block scripts %}
-      <script src="{{ 'assets/javascripts/bundle.18008817.min.js' | url }}"></script>
+      <script src="{{ 'assets/javascripts/bundle.055143c9.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

@@ -338,6 +338,13 @@ line {
   stroke: var(--md-default-fg-color--lighter);
 }
 
+/* Sequence actor */
+.actor-man circle,
+.actor-man line {
+  fill: var(--md-mermaid-label-bg-color);
+  stroke: var(--md-mermaid-node-fg-color);
+}
+
 /* Sequence message line */
 .messageLine0,
 .messageLine1 {

src/assets/stylesheets/main/integrations/_mermaid.scss

@@ -25,7 +25,7 @@
 // ----------------------------------------------------------------------------
 
 // All definitions
-:root > * {
+.mermaid {
   --md-mermaid-font-family:            var(--md-text-font-family), sans-serif;
 
   // Colors
@@ -34,10 +34,8 @@
   --md-mermaid-node-fg-color:          var(--md-accent-fg-color);
   --md-mermaid-label-bg-color:         var(--md-default-bg-color);
   --md-mermaid-label-fg-color:         var(--md-code-fg-color);
-}
 
   // Mermaid container
-.mermaid {
   margin: 1em 0;
   line-height: normal;
 }