open-source/qinglong
1
0
Fork 0
mirror of https://github.com/whyour/qinglong.git synced 2025-11-04 11:16:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复matchMedia兼容性

Browse Source
This commit is contained in:
hanhh 2021-08-02 21:21:28 +08:00
parent 2a9751e051
commit 2f4fb657e6
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/utils/hooks.ts
View File

@ -47,7 +47,8 @@ export const useTheme = () => {
const isDark = const isDark =
(media.matches && storageTheme !== 'light') || storageTheme === 'dark'; (media.matches && storageTheme !== 'light') || storageTheme === 'dark';
setTheme(isDark ? 'vs-dark' : 'vs'); setTheme(isDark ? 'vs-dark' : 'vs');
media.addEventListener('change', (e) => {
const cb = (e: any) => {
if (storageTheme === 'auto' || !storageTheme) { if (storageTheme === 'auto' || !storageTheme) {
if (e.matches) { if (e.matches) {
setTheme('vs-dark'); setTheme('vs-dark');
@ -55,7 +56,12 @@ export const useTheme = () => {
setTheme('vs'); setTheme('vs');
} }
} }
}); };
if (typeof media.addEventListener === 'function') {
media.addEventListener('change', cb);
} else if (typeof media.addListener === 'function') {
media.addListener(cb);
}
}, []); }, []);
return { theme }; return { theme };