From b11d9fd0487ed9117fb8edccd7f35c6c7056237f Mon Sep 17 00:00:00 2001
From: Narbeh Shahnazarian <narbwork@gmail.com>
Date: Sun, 28 Nov 2021 22:32:40 -0800
Subject: [PATCH] Makes mobile nav have same background whether light/dark mode
 enabled

---
 src/pages/components/nav/mobile-nav.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/pages/components/nav/mobile-nav.tsx b/src/pages/components/nav/mobile-nav.tsx
index f0a96a6..d87de37 100644
--- 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}