diff --git a/index.html b/index.html
index bb8254d..7516f1a 100644
--- a/index.html
+++ b/index.html
@@ -23,8 +23,10 @@ <h2>Regular code</h2>
 C -->|Yes| D[App]
 C -->|No| E[Return error]
 </pre>
+<h2>Custom theme</h2>
+<pre class="mermaid">%%{init: {&#39;theme&#39;:&#39;forest&#39;}}%%&#10;graph TD&#10;A[Public web] --&gt;|HTTP request| B(Firewall)&#10;B --&gt; C{Is port open}&#10;C --&gt;|Yes| D[App]&#10;C --&gt;|No| E[Return error]&#10;</pre>
 
   <!-- MERMAID -->
-  <script type="module" async>import mermaid from "https://unpkg.com/mermaid@10/dist/mermaid.esm.min.mjs";document.addEventListener('DOMContentLoaded', mermaid.initialize({startOnLoad:true}));</script>
+  <script type="module" async>import mermaid from "https://unpkg.com/mermaid@10/dist/mermaid.esm.min.mjs";document.addEventListener('DOMContentLoaded', mermaid.initialize({"loadOnSave":true}));</script>
 </body>
 </html>
diff --git a/no-graphs/index.html b/no-graphs/index.html
index f740bd8..0f891b4 100644
--- a/no-graphs/index.html
+++ b/no-graphs/index.html
@@ -10,6 +10,6 @@ <h1>Plugin Test Page</h1>
 <p>This page contains no graphs so no mermaidJS should be loaded.</p>
 
   <!-- MERMAID -->
-  <script type="module" async>import mermaid from "https://unpkg.com/mermaid@10/dist/mermaid.esm.min.mjs";document.addEventListener('DOMContentLoaded', mermaid.initialize({startOnLoad:true}));</script>
+  <script type="module" async>import mermaid from "https://unpkg.com/mermaid@10/dist/mermaid.esm.min.mjs";document.addEventListener('DOMContentLoaded', mermaid.initialize({"loadOnSave":true}));</script>
 </body>
 </html>