fix mermaid initialization

2023-08-04 22:35:21 -07:00
parent 564be92f17
commit 6a7ee31c7c
3 changed files with 9 additions and 3 deletions
--- a/quartz/plugins/transformers/ofm.ts
+++ b/quartz/plugins/transformers/ofm.ts
@@ -414,7 +414,13 @@ export const ObsidianFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>
        js.push({
          script: `
          import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.esm.min.mjs';
-          mermaid.initialize({ startOnLoad: true });
+          document.addEventListener('nav', async () => {
+            const darkMode = document.documentElement.getAttribute('saved-theme') === 'dark'
+            mermaid.initialize({ 
+              securityLevel: 'loose',
+              theme: darkMode ? 'dark' : 'default'
+            });
+          });
          `,
          loadTime: "afterDOMReady",
          moduleType: "module",