From a97de0201810e293d308e5ae31c4ee089c5baba9 Mon Sep 17 00:00:00 2001
From: sylhare <sylhare@outlook.com>
Date: Wed, 18 May 2022 10:47:54 -0400
Subject: [PATCH] Add mermaid theme color

---
 _config.yml                   | 2 +-
 _includes/default/head.liquid | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/_config.yml b/_config.yml
index cecf0c4c1f..589b26d5c9 100644
--- a/_config.yml
+++ b/_config.yml
@@ -24,7 +24,7 @@ color_image: /assets/img/lineart.png                    # A bit transparent for
 # More in the _data folder for share buttons, author and language
 # For layout customization, go to the "_sass > base" folder, and check "_variables.scss"
 katex: true                                             # Enable if using math markup
-mermaid: true                                           # Enable mermaid-js for sequence and diagrams
+mermaid: default                                        # Enable mermaid-js for diagrams, use theme: base, forest, dark, default, neutral
 google_analytics:                                       # Tracking ID, e.g. "UA-000000-01"
 cookie_consent: false                                   # To respect the usage of cookies
 color_theme: auto                                       # auto, dark or light
diff --git a/_includes/default/head.liquid b/_includes/default/head.liquid
index 6aaa508154..03ccd34e3b 100644
--- a/_includes/default/head.liquid
+++ b/_includes/default/head.liquid
@@ -43,7 +43,10 @@
 
     <!-- Mermaid 9.1.1 -->
     {% if site.mermaid %}
-    <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}" onload="mermaid.initialize({startOnLoad:true});"></script>
+    <script defer src="{{ '/assets/js/vendor/mermaid.min.js' | relative_url }}" onload="mermaid.initialize({
+      startOnLoad:true,
+      theme: '{{ site.mermaid }}',
+    });"></script>
     {% endif %}
 
     <!-- Simple Jekyll Search 1.10.0 -->