diff --git a/components/search/modal.js b/components/search/modal.js index 195f383..613ba00 100644 --- a/components/search/modal.js +++ b/components/search/modal.js @@ -10,12 +10,14 @@ import { useDisclosure, IconButton, Button, + useColorModeValue, } from "@chakra-ui/react"; import Search from "components/search"; import { IoSearch } from "react-icons/io5"; const ModalSearch = (props) => { const { isOpen, onOpen, onClose } = useDisclosure(); + const bg = useColorModeValue("light.100", "dark.800"); return ( <> { /> - + Search diff --git a/pages/_app.js b/pages/_app.js index b115d60..6fbf505 100644 --- a/pages/_app.js +++ b/pages/_app.js @@ -30,9 +30,11 @@ function MyApp({ Component, pageProps, router }) { - + + + diff --git a/styles/theme.js b/styles/theme.js index 8ac0c4d..be173c0 100644 --- a/styles/theme.js +++ b/styles/theme.js @@ -8,7 +8,7 @@ const theme = extendTheme( }, { config: { - initialColorMode: "dark", + initialColorMode: "light", useSystemColorMode: false, }, colors: {