From 1d24c15e85c0f18a36f337a6318e96efc5f3fed0 Mon Sep 17 00:00:00 2001
From: Jannis Baum <jannis.baum@gmail.com>
Date: Mon, 26 Aug 2024 11:19:45 -0500
Subject: [PATCH] feat(#132): dark/light theming

---
 src/routes/viewer.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/routes/viewer.ts b/src/routes/viewer.ts
index e807875..70e026d 100644
--- a/src/routes/viewer.ts
+++ b/src/routes/viewer.ts
@@ -90,7 +90,8 @@ router.get(/.*/, async (req: Request, res: Response) => {
 
             <script type="module">
                 import mermaid from '/static/mermaid/mermaid.esm.min.mjs';
-                mermaid.initialize({ startOnLoad: true });
+                const darkModePreference = window.matchMedia("(prefers-color-scheme: dark)");
+                mermaid.initialize({ startOnLoad: true, theme: darkModePreference.matches ? 'dark' : 'default' })
             </script>
             <script type="text/javascript" src="/static/client.js"></script>
         </html>