Function applySystemTheme

packages/website/src/components/DarkModeSwitcher.tsx:62–71

()

    paint(savedTheme === "system" ? systemPrefersDark() : savedTheme === "dark");

    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
    const handleSystemThemeChange = () => {
      if ((localStorage.getItem("theme") || "system") === "system") {
        paint(systemPrefersDark());
      }
    };

    mediaQuery.addEventListener("change", handleSystemThemeChange);
    return () => {
      mediaQuery.removeEventListener("change", handleSystemThemeChange);
    };
  }, []);