feat(#132): dark/light theming

jannis-baum · Aug 26, 2024 · 1d24c15 · 1d24c15
1 parent bfaa72b
commit 1d24c15
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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>