修复主题逻辑判断

This commit is contained in:
whyour
2021-03-21 14:22:38 +08:00
parent 3a1de79322
commit 386eff8a0b
2 changed files with 7 additions and 12 deletions
+4 -7
View File
@@ -3,6 +3,7 @@ import ProLayout from '@ant-design/pro-layout';
import {
enable as enableDarkMode,
disable as disableDarkMode,
auto as followSystemColorScheme,
setFetchMethod,
} from 'darkreader';
import defaultProps from './defaultProps';
@@ -26,18 +27,14 @@ export default function (props: any) {
}, [props.location.pathname]);
useEffect(() => {
const colorScheme =
window.matchMedia('(prefers-color-scheme: dark)').matches && 'dark';
let localTheme = localStorage.getItem('qinglong_dark_theme');
if (localTheme === 'auto') {
localTheme = null;
}
const theme = localTheme || colorScheme || 'light';
const theme = localStorage.getItem('qinglong_dark_theme') || 'auto';
setFetchMethod(window.fetch);
if (theme === 'dark') {
enableDarkMode({ darkSchemeTextColor: '#fff' });
} else if (theme === 'light') {
disableDarkMode();
} else {
followSystemColorScheme({ darkSchemeTextColor: '#fff' });
}
}, []);