diff --git a/layouts/partials/extend_footer.html b/layouts/partials/extend_footer.html
new file mode 100644
index 0000000..d93c8d3
--- /dev/null
+++ b/layouts/partials/extend_footer.html
@@ -0,0 +1,7 @@
+{{- if .Store.Get "hasMermaid" }}
+<script type="module">
+  import mermaid from "https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs";
+  const theme = document.body.classList.contains("dark") ? "dark" : "default";
+  mermaid.initialize({ startOnLoad: true, theme });
+</script>
+{{- end }}