From 1b5187dcc374283660d0f08d158d4d8c22b44a97 Mon Sep 17 00:00:00 2001
From: Ralph Thesen <mail@redimp.de>
Date: Wed, 25 Sep 2024 20:48:36 +0200
Subject: [PATCH] fix: initialize mermaid after DOM being ready

---
 otterwiki/templates/snippets/renderer_js.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/otterwiki/templates/snippets/renderer_js.html b/otterwiki/templates/snippets/renderer_js.html
index f5485db..54dcbee 100644
--- a/otterwiki/templates/snippets/renderer_js.html
+++ b/otterwiki/templates/snippets/renderer_js.html
@@ -3,11 +3,13 @@
 <script id="MathJax-script" async src="{{ url_for("static", filename="mathjax/tex-chtml.js") }}"></script>
 <script src="{{ url_for("static", filename="js/mermaid@11.2.0.min.js") }}"></script>
 <script type="text/javascript">
-    mermaid.initialize({
-{%- if request.cookies.get('halfmoon_preferredMode') == "dark-mode" %}
-      theme: 'dark',
-{%- else %}
-      theme: 'neutral',
-{%- endif %}
+    document.addEventListener("DOMContentLoaded", function(event) {
+        let theme = 'neutral';
+        if (document.querySelector("body").classList.contains("dark-mode")) {
+            theme = 'dark';
+        }
+        mermaid.initialize({
+            theme: theme,
+        });
     });
 </script>