Makes mobile nav have same background whether light/dark mode enabled

Glosseta · Nov 29, 2021 · b11d9fd · b11d9fd
1 parent 2b22dab
commit b11d9fd
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/pages/components/nav/mobile-nav.tsx b/src/pages/components/nav/mobile-nav.tsx
@@ -15,8 +15,7 @@ export default function MobileNav({
   isGlossaryPage,
   isSearchPage,
 }: any) {
-  const bg = useColorModeValue("white", "gray.800");
-  const mobileNav = useDisclosure();
+  const bg = useColorModeValue("gray.800", "gray.800");
   const { onClose, onOpen, isOpen } = useDisclosure();
 
   return (
@@ -25,7 +24,7 @@ export default function MobileNav({
         display={{ base: "flex", md: "none" }}
         aria-label="Open menu"
         fontSize="20px"
-        color={useColorModeValue("grey.800", "inherit")}
+        color="white"
         variant="ghost"
         icon={<AiOutlineMenu />}
         onClick={onOpen}
@@ -47,7 +46,7 @@ export default function MobileNav({
         shadow="sm"
         zIndex="99"
       >
-        <CloseButton aria-label="Close menu" onClick={onClose} color="white"/>
+        <CloseButton aria-label="Close menu" onClick={onClose} color="white" />
 
         <NavItems
           isHomePage={isHomePage}