diff --git a/src/client/stdlib/mermaid.js b/src/client/stdlib/mermaid.js
index 8831e5c61..7393b7110 100644
--- a/src/client/stdlib/mermaid.js
+++ b/src/client/stdlib/mermaid.js
@@ -1,7 +1,7 @@
 import mer from "npm:mermaid";
 
 let nextId = 0;
-const theme = matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "neutral";
+const theme = getComputedStyle(document.body).getPropertyValue("color-scheme") === "dark" ? "dark" : "neutral";
 mer.initialize({startOnLoad: false, securityLevel: "loose", theme});
 
 export default async function mermaid() {