gitea-admin/clash-verge-rev
1
0
Fork 0
mirror of https://github.com/clash-verge-rev/clash-verge-rev.git synced 2026-11-06 17:12:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(theme): simplify useCustomTheme for Tauri only

Browse Source
This commit is contained in:
Slinetrac
2025-12-26 12:25:51 +08:00
parent 8e27834e35
commit a67abda72d
2 changed files with 1 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/layout/use-custom-theme.ts
-70
View File
@@ -31,9 +31,6 @@ const canUseCssScope = () => {
if (cssScopeSupport !== null) {
return cssScopeSupport;
}
if (typeof document === "undefined") {
return false;
}
try {
const testStyle = document.createElement("style");
testStyle.textContent = "@scope (:root) { }";
@@ -88,16 +85,6 @@ export const useCustomTheme = () => {
return;
}
const preferBrowserMatchMedia =
typeof window !== "undefined" &&
typeof window.matchMedia === "function" &&
// Skip Tauri flow when running purely in browser.
!("__TAURI__" in window);
if (preferBrowserMatchMedia) {
return;
}
let isMounted = true;
const timerId = setTimeout(() => {
@@ -135,63 +122,6 @@ export const useCustomTheme = () => {
};
}, [theme_mode, appWindow, setMode]);
useEffect(() => {
if (theme_mode !== "system") {
return;
}
if (
typeof window === "undefined" ||
typeof window.matchMedia !== "function"
) {
return;
}
const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
const syncMode = (isDark: boolean) => setMode(isDark ? "dark" : "light");
const handleChange = (event: MediaQueryListEvent) =>
syncMode(event.matches);
syncMode(mediaQuery.matches);
if (typeof mediaQuery.addEventListener === "function") {
mediaQuery.addEventListener("change", handleChange);
return () => mediaQuery.removeEventListener("change", handleChange);
}
type MediaQueryListLegacy = MediaQueryList & {
addListener?: (
listener: (this: MediaQueryList, event: MediaQueryListEvent) => void,
) => void;
removeListener?: (
listener: (this: MediaQueryList, event: MediaQueryListEvent) => void,
) => void;
};
const legacyQuery = mediaQuery as MediaQueryListLegacy;
const legacyAddListener = (
legacyQuery as {
addListener?: (
listener: (this: MediaQueryList, event: MediaQueryListEvent) => void,
) => void;
}
).addListener;
legacyAddListener?.call(legacyQuery, handleChange);
return () => {
const legacyRemoveListener = (
legacyQuery as {
removeListener?: (
listener: (
this: MediaQueryList,
event: MediaQueryListEvent,
) => void,
) => void;
}
).removeListener;
legacyRemoveListener?.call(legacyQuery, handleChange);
};
}, [theme_mode, setMode]);
useEffect(() => {
if (theme_mode === undefined) {
return;