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 1/4] 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 -->

From 166e2d6f9f05396dad5b8d4ae724da9867c7e9ef Mon Sep 17 00:00:00 2001
From: sylhare <sylhare@outlook.com>
Date: Wed, 18 May 2022 10:50:38 -0400
Subject: [PATCH 2/4] Remove map link

---
 _posts/2021-04-27-dark-mode.md | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/_posts/2021-04-27-dark-mode.md b/_posts/2021-04-27-dark-mode.md
index 7d996d0f24..387d199841 100644
--- a/_posts/2021-04-27-dark-mode.md
+++ b/_posts/2021-04-27-dark-mode.md
@@ -1,12 +1,12 @@
 ---
 layout: post
 title: Dark Mode
-tags: [Katex, Markdown]
+tags: [Katex, Mermaid, Markdown]
 ---
 
-**More colors with less light.**
+More colors with less light. Click the **half-moon** most top-right button to turn the lights ON/OFF.
+Here is a bit of everything, so you can check how the theme look, have fun! 👌
 
-Click the half-moon most top-right button to turn the lights on/off. 
 
 # Headers
 ## Level 2
@@ -79,3 +79,19 @@ C @= D
 $$
 
 $$\utilde{AB}$$
+
+## Mermaid
+
+<div class="mermaid">
+flowchart TB
+    c1-->a2
+    subgraph one
+    a1-->a2
+    end
+    subgraph two
+    b1-->b2
+    end
+    subgraph three
+    c1-->c2
+    end
+</div>

From b5142220bb8adae3ac8ee78805bc66a99cab0c11 Mon Sep 17 00:00:00 2001
From: sylhare <sylhare@outlook.com>
Date: Thu, 19 May 2022 09:43:29 -0400
Subject: [PATCH 3/4] Update article with mermaid example

---
 ...ech-stuff-example.md => 2019-11-02-Tech-stuff-example.md} | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)
 rename _posts/{2018-11-02-Tech-stuff-example.md => 2019-11-02-Tech-stuff-example.md} (98%)

diff --git a/_posts/2018-11-02-Tech-stuff-example.md b/_posts/2019-11-02-Tech-stuff-example.md
similarity index 98%
rename from _posts/2018-11-02-Tech-stuff-example.md
rename to _posts/2019-11-02-Tech-stuff-example.md
index 2a7c9f3d29..b9a7cb7d1b 100644
--- a/_posts/2018-11-02-Tech-stuff-example.md
+++ b/_posts/2019-11-02-Tech-stuff-example.md
@@ -7,9 +7,8 @@ thumbnail: "assets/img/thumbnails/feature-img/circuit.jpeg"
 tags: [Mermaid, Highlight, Markdown]
 ---
 
-
+Let's demo some code snippet, with some mermaid diagrams.
 Because if you put some code in your blog, you would at least make it:
-
 1. Searchable
 2. Good-looking
 
@@ -79,7 +78,7 @@ function helloWorld(param1, param2) {
         return null;
     }
 
-    // @TODO comment
+    // TODO comment
 }
 ```
 

From 518428c6359fecee75527a57f0ced48c1572deff Mon Sep 17 00:00:00 2001
From: sylhare <sylhare@outlook.com>
Date: Thu, 19 May 2022 09:49:32 -0400
Subject: [PATCH 4/4] Update documentation

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 27076a445f..815f302441 100644
--- a/README.md
+++ b/README.md
@@ -251,7 +251,7 @@ Enable the [mermaid-js](https://github.com/mermaid-js/mermaid) diagram rendering
 This will load and init the [mermaid.min.js](https://mermaid-js.github.io/mermaid/getting-started/n00b-gettingStarted.html#4-calling-mermaid-from-a-relative-link).
 
 ```yml
-mermaid: true # to Enable it
+mermaid: default # Enable mermaid-js for diagrams, use theme: base, forest, dark, default, neutral
 ```
 
 Find all the help you need on the official [mermaid documentation](https://mermaid-js.github.io/mermaid/).