diff --git a/src/hooks/useMarkdown.hook.ts b/src/hooks/useMarkdown.hook.ts
index b3c0f69..d3ec7ff 100644
--- a/src/hooks/useMarkdown.hook.ts
+++ b/src/hooks/useMarkdown.hook.ts
@@ -105,7 +105,11 @@ let mermaidInitialized = false
 export const runMermaid = (querySelector: string) => {
   if (!mermaidInitialized) {
     mermaidInitialized = true
-    mermaid.initialize({ startOnLoad: false, flowchart: { curve: "natural" } })
+    mermaid.initialize({
+      theme: "dark",
+      startOnLoad: false,
+      flowchart: { curve: "natural" },
+    })
   }
 
   mermaid.run({