add event listener to hot reload theme

2026-11-02 02:00:31 +08:00 · 2024-11-25 16:49:50 +01:00
parent b050924caa
commit 032b269cb9
1 changed files with 7 additions and 0 deletions
@@ -24,6 +24,13 @@

  const activeRouteStore = router.activeRouteStore;

+  window
+    .matchMedia("(prefers-color-scheme: dark)")
+    .addEventListener("change", ({ matches }) => {
+      theme.set(matches ? "dark" : "light");
+      followSystemTheme.set(true);
+    });
+
  void router.loadFromLocation();

  $: document.documentElement.setAttribute("data-codefont", $codeFont);