🐛 fix: 修复themeConfig.prefersColor.switch配置不生效的问题 (#110)

arvinxx · Mar 19, 2024 · 69882d1 · 69882d1
1 parent c2201ca
commit 69882d1
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/slots/Header/index.tsx b/src/slots/Header/index.tsx
@@ -17,17 +17,18 @@ import { useThemeStore } from '../../store/useThemeStore';
 import { useStyle } from './style';
 
 const Switcher = () => {
+  const allowSwitchTheme = useSiteStore((s) => s.siteData.themeConfig.prefersColor.switch);
   const themeMode = useThemeStore((s) => s.themeMode);
   const [, , setColorMode] = usePrefersColor();
   useEffect(() => setColorMode(themeMode), [themeMode]);
-  return (
+  return allowSwitchTheme ? (
     <ThemeSwitch
       value={themeMode}
       onChange={(mode) => {
         useThemeStore.setState({ themeMode: mode });
       }}
     />
-  );
+  ) : null;
 };
 
 const Header: FC = () => {