100ms Raydium Sniper MCP

import { useCallback, useEffect, useState } from "react"; type Theme = "light" | "dark" | "system"; const useTheme = (): [Theme, (mode: Theme) => void] => { const [theme, setTheme] = useState<Theme>(() => { const savedTheme = localStorage.getItem("theme") as Theme; return savedTheme || "system"; }); useEffect(() => { const darkModeMediaQuery = window.matchMedia( "(prefers-color-scheme: dark)", ); const handleDarkModeChange = (e: MediaQueryListEvent) => { if (theme === "system") { updateDocumentTheme(e.matches ? "dark" : "light"); } }; const updateDocumentTheme = (newTheme: "light" | "dark") => { document.documentElement.classList.toggle("dark", newTheme === "dark"); }; // Set initial theme based on current mode if (theme === "system") { updateDocumentTheme(darkModeMediaQuery.matches ? "dark" : "light"); } else { updateDocumentTheme(theme); } darkModeMediaQuery.addEventListener("change", handleDarkModeChange); return () => { darkModeMediaQuery.removeEventListener("change", handleDarkModeChange); }; }, [theme]); return [ theme, useCallback((newTheme: Theme) => { setTheme(newTheme); localStorage.setItem("theme", newTheme); if (newTheme !== "system") { document.documentElement.classList.toggle("dark", newTheme === "dark"); } }, []), ]; }; export default useTheme;