Integrate mermaid

2023-11-18 23:56:46 +01:00 · 2023-11-18 23:56:46 +01:00 · d4e86b557b
commit d4e86b557b
parent aa2825a2a7
2 changed files with 29 additions and 0 deletions
--- a/layouts/partials/javascript.html
+++ b/layouts/partials/javascript.html
@ -9,3 +9,28 @@
        <script src="{{ $val }}"></script>
    {{ end }}
 {{ end }}
+{{ if .Page.Store.Get "hasMermaid" }}
+<script type="module">
+    import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
+    const settings = localStorage.getItem('theme') === 'dark' ?
+        {
+            startOnLoad: true,
+            theme: 'dark',
+            darkMode: true,
+            themeVariables: {
+                tertiaryColor: '#dee3ed'
+            }
+        }
+        :
+        {
+            startOnLoad: true,
+            theme: 'base',
+            darkMode: false,
+            themeVariables: {
+                tertiaryColor: '#dee3ed'
+            }
+        }
+    ;
+    mermaid.initialize(settings);
+</script>
+{{ end }}