提交修改
This commit is contained in:
@@ -10,7 +10,7 @@ interface IThemeContext {
|
||||
}
|
||||
|
||||
const ThemeContext = createContext<IThemeContext>({
|
||||
mode: 'light',
|
||||
mode: 'dark',
|
||||
toggle: () => {},
|
||||
setMode: () => {},
|
||||
})
|
||||
@@ -20,7 +20,7 @@ export function useTheme() {
|
||||
}
|
||||
|
||||
export default function ThemeProvider({ children }: { children: React.ReactNode }) {
|
||||
const [mode, setModeState] = useState<ThemeMode>('light')
|
||||
const [mode, setModeState] = useState<ThemeMode>('dark')
|
||||
const [mounted, setMounted] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
@@ -29,6 +29,8 @@ export default function ThemeProvider({ children }: { children: React.ReactNode
|
||||
setModeState(stored)
|
||||
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
setModeState('dark')
|
||||
} else {
|
||||
setModeState('dark')
|
||||
}
|
||||
setMounted(true)
|
||||
}, [])
|
||||
|
||||
Reference in New Issue
Block a user