Added automatic light and dark mode

This commit is contained in:
Jarrod Norwell 2024-09-26 03:21:32 +08:00
parent 984cab7a7b
commit 5cecf7a74b

View File

@ -62,8 +62,10 @@ export default function App() {
const [opened, setOpened] = useState(false); const [opened, setOpened] = useState(false);
const date = new Date();
return ( return (
<MantineProvider theme={theme}> <MantineProvider theme={theme} forceColorScheme={date.getHours() >= 7 && date.getHours() <= 19 ? "light" : "dark"}>
<Container> <Container>
<Flex align={'center'} justify={'center'} h={'100vh'}> <Flex align={'center'} justify={'center'} h={'100vh'}>
<Stack> <Stack>