From b53b0d4952f5e7d98d91231aba21ee3d06297b40 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Thu, 17 Nov 2022 19:47:38 +0300
Subject: [PATCH 01/11] password input eye

---
 frontend/public/icons/password.svg | 4 ++--
 frontend/src/components/SignIn.js  | 5 ++++-
 frontend/src/components/SignUp.js  | 5 ++++-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/public/icons/password.svg b/frontend/public/icons/password.svg
index e4326abb..a30de671 100644
--- a/frontend/public/icons/password.svg
+++ b/frontend/public/icons/password.svg
@@ -5,11 +5,11 @@
         <g id="04-01-register" transform="translate(-895.000000, -362.000000)">
             <g id="Group" transform="translate(891.000000, 356.000000)">
                 <rect id="Rectangle-Copy-5" x="0" y="0" width="24" height="24"></rect>
-                <g id="Group-6" transform="translate(5.000000, 7.000000)" stroke="#83859E" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
+                <g id="Group-6" transform="translate(5.000000, 7.000000)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5">
                     <path d="M0,5.09090909 C0,5.09090909 2.54545455,-2.57571742e-14 7,-2.57571742e-14 C11.4545455,-2.57571742e-14 14,5.09090909 14,5.09090909 C14,5.09090909 11.4545455,10.1818182 7,10.1818182 C2.54545455,10.1818182 0,5.09090909 0,5.09090909 Z" id="Path"></path>
                     <circle id="Oval" cx="7" cy="5.09090909" r="1.90909091"></circle>
                 </g>
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/frontend/src/components/SignIn.js b/frontend/src/components/SignIn.js
index 335526aa..6ae31590 100644
--- a/frontend/src/components/SignIn.js
+++ b/frontend/src/components/SignIn.js
@@ -70,7 +70,10 @@ const SignIn = ({ toggleModal }) => {
                 type={showPassword ? "text" : "password"}
                 ref={register({ required: "Password is required" })}
               />
-              <InputRightElement onClick={() => setShowPassword(!showPassword)}>
+              <InputRightElement
+                onClick={() => setShowPassword(!showPassword)}
+                style={{ cursor: "pointer" }}
+              >
                 <CustomIcon icon="password" />
               </InputRightElement>
             </InputGroup>
diff --git a/frontend/src/components/SignUp.js b/frontend/src/components/SignUp.js
index 41ee6dfc..a326c40b 100644
--- a/frontend/src/components/SignUp.js
+++ b/frontend/src/components/SignUp.js
@@ -88,7 +88,10 @@ const SignUp = ({ toggleModal }) => {
                 type={showPassword ? "text" : "password"}
                 ref={register({ required: "Password is required" })}
               />
-              <InputRightElement onClick={() => setShowPassword(!showPassword)}>
+              <InputRightElement
+                onClick={() => setShowPassword(!showPassword)}
+                style={{ cursor: "pointer" }}
+              >
                 <CustomIcon icon="password" />
               </InputRightElement>
             </InputGroup>

From c640c38fdb99e8375e178d4f5967b20dd3c42050 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Sat, 19 Nov 2022 12:25:42 +0300
Subject: [PATCH 02/11] collapse first p of FAQ

---
 frontend/pages/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/pages/index.js b/frontend/pages/index.js
index 0269f6c7..da402252 100644
--- a/frontend/pages/index.js
+++ b/frontend/pages/index.js
@@ -721,7 +721,7 @@ const Homepage = () => {
                 <Heading {...HEADING_PROPS} textAlign="center" as="h2" pb={10}>
                   FAQ
                 </Heading>
-                <Accordion defaultIndex={[0]} allowMultiple allowToggle>
+                <Accordion defaultIndex={[-1]} allowMultiple allowToggle>
                   <FAQCard
                     heading="I’m a game designer. What can Moonstream engine do for me?"
                     headingProps={HEADING_PROPS}

From 779be7c23a2c233df070723f7c05678b2f1f02d5 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Sat, 19 Nov 2022 12:27:46 +0300
Subject: [PATCH 03/11] adjust navbar height

---
 frontend/src/components/LandingNavbar.js | 9 +--------
 frontend/src/components/Navbar.js        | 4 ++--
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/LandingNavbar.js b/frontend/src/components/LandingNavbar.js
index d76ab26b..f3365a03 100644
--- a/frontend/src/components/LandingNavbar.js
+++ b/frontend/src/components/LandingNavbar.js
@@ -4,7 +4,6 @@ import {
   Button,
   Image,
   ButtonGroup,
-  Spacer,
   Link,
   Flex,
   Menu,
@@ -36,7 +35,7 @@ const LandingNavbar = () => {
           <Flex
             pl={ui.isMobileView ? 2 : "60px"}
             justifySelf="flex-start"
-            h="48px"
+            h={ui.isMobileView && !ui.isAppView ? "89px" : "72px"}
             py={1}
             flexBasis="200px"
             flexGrow={0.6}
@@ -180,12 +179,6 @@ const LandingNavbar = () => {
           </ButtonGroup>
         </>
       )}
-      {ui.isLoggedIn && ui.isMobileView && (
-        <>
-          <Spacer />
-          <ChakraAccountIconButton variant="link" colorScheme="orange" />
-        </>
-      )}
     </>
   );
 };
diff --git a/frontend/src/components/Navbar.js b/frontend/src/components/Navbar.js
index c4c451f3..255f0831 100644
--- a/frontend/src/components/Navbar.js
+++ b/frontend/src/components/Navbar.js
@@ -15,8 +15,8 @@ const Navbar = () => {
       zIndex={1}
       alignItems="center"
       id="Navbar"
-      minH={isMobileView ? "48px" : "72px"}
-      maxH={isMobileView ? "48px" : "72px"}
+      minH={isMobileView && !isAppView ? "89px" : "72px"}
+      maxH={isMobileView && !isAppView ? "89px" : "72px"}
       bgColor={BACKGROUND_COLOR}
       borderBottom="1px solid white"
       direction="row"

From 224610088a6804380effbcd4354aca11856d95e3 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Sat, 19 Nov 2022 12:28:44 +0300
Subject: [PATCH 04/11] calculate hidden navbar top

---
 frontend/src/components/Scrollable.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Scrollable.js b/frontend/src/components/Scrollable.js
index 42368f67..635aa35c 100644
--- a/frontend/src/components/Scrollable.js
+++ b/frontend/src/components/Scrollable.js
@@ -27,10 +27,11 @@ const Scrollable = (props) => {
       }
     }
 
+    const navbar = document.getElementById("Navbar");
     if (dir === -1) {
-      document.getElementById("Navbar").style.top = "-48px";
+      navbar.style.top = `${-navbar.offsetHeight}px`;
     } else {
-      document.getElementById("Navbar").style.top = "-0";
+      navbar.style.top = "-0";
     }
     setY(currentScroll);
     if (currentScroll > scrollDepth) {
@@ -69,6 +70,7 @@ const Scrollable = (props) => {
         ref={scrollerRef}
         overflowY="scroll"
         onScroll={(e) => handleScroll(e)}
+        // pt="72px"
       >
         {props.children}
       </Box>

From 9f02ee21b0b12914441a4912b30332427615e5da Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Sat, 19 Nov 2022 12:32:13 +0300
Subject: [PATCH 05/11] mobile navbar

---
 frontend/src/components/LandingBarMobile.js | 97 +++++++++++++++++++--
 1 file changed, 91 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/LandingBarMobile.js b/frontend/src/components/LandingBarMobile.js
index 17948e8f..9e988555 100644
--- a/frontend/src/components/LandingBarMobile.js
+++ b/frontend/src/components/LandingBarMobile.js
@@ -1,18 +1,46 @@
 import React, { useContext } from "react";
 import RouterLink from "next/link";
-import { Image, Link, Flex, Spacer, Text, Box } from "@chakra-ui/react";
-import { PRIMARY_MOON_LOGO_URL } from "../core/constants";
+import {
+  Button,
+  Image,
+  ButtonGroup,
+  Spacer,
+  Link,
+  Flex,
+  Menu,
+  MenuButton,
+  MenuList,
+  MenuItem,
+  Portal,
+  Text,
+  Box,
+} from "@chakra-ui/react";
+
+import { PAGETYPE, SITEMAP, PRIMARY_MOON_LOGO_URL } from "../core/constants";
 import { MODAL_TYPES } from "../core/providers/OverlayProvider/constants";
 import useModals from "../core/hooks/useModals";
 import UIContext from "../core/providers/UIProvider/context";
 import PlainButton from "./atoms/PlainButton";
+import ChakraAccountIconButton from "./AccountIconButton";
 
 const LandingBarMobile = () => {
   const ui = useContext(UIContext);
   const { toggleModal } = useModals();
   return (
-    <Flex direction="column" width={"100%"}>
-      <Flex width={"100%"} alignItems="center" flex="flex: 0 0 100%" px="27px">
+    <Flex
+      h={ui.isAppView ? "72px" : "89px"}
+      direction="column"
+      width={"100%"}
+      justifyContent={ui.isLoggedIn ? "center" : "space-between"}
+    >
+      <Flex
+        width={"100%"}
+        alignItems="center"
+        flex="flex: 0 0 100%"
+        pl="10px"
+        pr="27px"
+        mt={ui.isLoggedIn ? "0px" : "12px"}
+      >
         <RouterLink href="/" passHref>
           <Link
             as={Image}
@@ -29,6 +57,7 @@ const LandingBarMobile = () => {
             style={{
               marginRight: "12px",
               fontSize: "14px",
+              padding: "2px 10px",
             }}
             onClick={() => toggleModal({ type: MODAL_TYPES.SIGNUP })}
           >
@@ -52,7 +81,7 @@ const LandingBarMobile = () => {
         {ui.isLoggedIn && (
           <RouterLink href="/welcome" passHref>
             <Box
-              bg="#F56646"
+              bg="orange.1000"
               alignSelf={"center"}
               as={Link}
               color="white"
@@ -63,13 +92,69 @@ const LandingBarMobile = () => {
               h="25px"
               textAlign="center"
               fontSize="14px"
-              // pb="5px"
             >
               <Text lineHeight="25px">App</Text>
             </Box>
           </RouterLink>
         )}
+        {ui.isLoggedIn && ui.isMobileView && (
+          <>
+            <ChakraAccountIconButton variant="link" colorScheme="orange" />
+          </>
+        )}
       </Flex>
+      <ButtonGroup
+        justifyContent="center"
+        w="100%"
+        variant="link"
+        spacing={4}
+        flexGrow={0.5}
+      >
+        {SITEMAP.map((item, idx) => {
+          return (
+            <React.Fragment key={`Fragment-${idx}`}>
+              {item.type !== PAGETYPE.FOOTER_CATEGORY && item.children && (
+                <Menu>
+                  <MenuButton variant="mobile" mb="0px" p="0px" as={Button}>
+                    {item.title}
+                  </MenuButton>
+                  <Portal>
+                    <MenuList
+                      zIndex={100}
+                      bg="black.300"
+                      w="auto"
+                      minW="auto"
+                      borderRadius="10px"
+                      p="10px 20px 10px 20px"
+                      border="1px solid white"
+                    >
+                      {item.children.map((child, idx) => (
+                        <RouterLink
+                          shallow={true}
+                          key={`${idx}-${item.title}-menu-links`}
+                          href={child.path}
+                          passHref
+                        >
+                          <MenuItem
+                            color="white"
+                            key={`menu-${idx}`}
+                            as={"a"}
+                            m={0}
+                            fontSize="sm"
+                            _focus={{ backgroundColor: "black.300" }}
+                          >
+                            {child.title}
+                          </MenuItem>
+                        </RouterLink>
+                      ))}
+                    </MenuList>
+                  </Portal>
+                </Menu>
+              )}
+            </React.Fragment>
+          );
+        })}
+      </ButtonGroup>
     </Flex>
   );
 };

From fee4e748616a7da89f53b4dce08e87203f624e82 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Sat, 19 Nov 2022 12:32:27 +0300
Subject: [PATCH 06/11] remove unused var

---
 frontend/src/components/NewDashboardChart.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/src/components/NewDashboardChart.js b/frontend/src/components/NewDashboardChart.js
index 1416e872..0ce7e68b 100644
--- a/frontend/src/components/NewDashboardChart.js
+++ b/frontend/src/components/NewDashboardChart.js
@@ -244,7 +244,6 @@ const NewDashboardChart = () => {
                               </Button>
                             )}
                             dropdownItem={(item) => {
-                              const badgeColor = color(`${item.color}`);
                               return (
                                 <Stack cursor="pointer" direction="row">
                                   <chakra.span whiteSpace="nowrap">

From 9ba9e591697100f5046f1eb578e01d81f0862ddb Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Sat, 19 Nov 2022 12:33:20 +0300
Subject: [PATCH 07/11] add menuButton to chakra theme

---
 frontend/src/Theme/MenuButton/index.js | 26 ++++++++++++++++++++++++++
 frontend/src/Theme/theme.js            |  2 ++
 2 files changed, 28 insertions(+)
 create mode 100644 frontend/src/Theme/MenuButton/index.js

diff --git a/frontend/src/Theme/MenuButton/index.js b/frontend/src/Theme/MenuButton/index.js
new file mode 100644
index 00000000..1d156888
--- /dev/null
+++ b/frontend/src/Theme/MenuButton/index.js
@@ -0,0 +1,26 @@
+const mobileVariant = () => {
+  return {
+    _active: {
+      backgroundColor: "black.300 !important",
+      color: "white",
+      textDecoration: "none",
+    },
+    _focus: {
+      backgroundColor: "black.300",
+      color: "white",
+      textDecoration: "none",
+    },
+    color: "white",
+    fontSize: "sm",
+    margin: "0px",
+    padding: "0px",
+  };
+};
+
+const MenuButton = {
+  variants: {
+    mobile: mobileVariant,
+  },
+};
+
+export default MenuButton;
diff --git a/frontend/src/Theme/theme.js b/frontend/src/Theme/theme.js
index 5cabd994..00adea8a 100644
--- a/frontend/src/Theme/theme.js
+++ b/frontend/src/Theme/theme.js
@@ -2,6 +2,7 @@ import { extendTheme } from "@chakra-ui/react";
 import Button from "./Button";
 import Tag from "./Tag";
 import Menu from "./Menu";
+import MenuButton from "./MenuButton";
 import Input from "./Input";
 // import Spinner from "./Spinner";
 import NumberInput from "./NumberInput";
@@ -59,6 +60,7 @@ const theme = extendTheme({
     Spinner,
     Tooltip,
     Heading,
+    MenuButton,
   },
 
   fonts: {

From 72caf9695eef5846cf01f1c95897354ed0b6f017 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Sat, 19 Nov 2022 12:34:52 +0300
Subject: [PATCH 08/11] ajusting top of landing pages

---
 frontend/pages/contact/index.js        | 1 +
 frontend/pages/features/index.js       | 1 +
 frontend/pages/privacy-policy/index.js | 2 +-
 frontend/pages/status/index.js         | 1 +
 frontend/pages/team/index.js           | 2 +-
 frontend/pages/tos/index.js            | 4 ++--
 frontend/pages/whitepapers.js          | 4 +++-
 7 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/pages/contact/index.js b/frontend/pages/contact/index.js
index 4bc5b9d3..e264ddbd 100644
--- a/frontend/pages/contact/index.js
+++ b/frontend/pages/contact/index.js
@@ -38,6 +38,7 @@ const Contact = () => {
         textColor="black"
         bgColor="white"
         position="relative"
+        pt="72px"
       >
         <Icon
           as={BiArrowBack}
diff --git a/frontend/pages/features/index.js b/frontend/pages/features/index.js
index 50cfcf3c..420cc42c 100644
--- a/frontend/pages/features/index.js
+++ b/frontend/pages/features/index.js
@@ -23,6 +23,7 @@ const Features = () => {
       id="container"
       maxW="container.xl"
       px={["10%", "10%", "7%", "0"]}
+      mt="72px"
     >
       <Heading as="h1" hidden>
         Moonstream feautes
diff --git a/frontend/pages/privacy-policy/index.js b/frontend/pages/privacy-policy/index.js
index 3af5c1fe..dd08e2da 100644
--- a/frontend/pages/privacy-policy/index.js
+++ b/frontend/pages/privacy-policy/index.js
@@ -4,7 +4,7 @@ import { DEFAULT_METATAGS } from "../../src/core/constants";
 import { getLayout, getLayoutProps } from "../../src/layouts/WideInfoPage";
 
 const PrivacyPolicy = () => (
-  <Box>
+  <Box mt="72px">
     <Box px="1.5rem" m="auto" mb={8} maxWidth="1199.98px" minHeight="60vh">
       <Heading my={8} as="h1">
         Privacy Policy for Moonstream
diff --git a/frontend/pages/status/index.js b/frontend/pages/status/index.js
index 0e9f95bb..d33685b0 100644
--- a/frontend/pages/status/index.js
+++ b/frontend/pages/status/index.js
@@ -58,6 +58,7 @@ const Status = () => {
         px={12}
         py={2}
         borderTopRadius="xl"
+        mt="72px"
       >
         {`Status page`}
       </Heading>
diff --git a/frontend/pages/team/index.js b/frontend/pages/team/index.js
index 1f94e33c..28e68dec 100644
--- a/frontend/pages/team/index.js
+++ b/frontend/pages/team/index.js
@@ -49,7 +49,7 @@ const Team = () => {
       alignItems="center"
       w="100%"
     >
-      <Stack mx={margin} maxW="1700px" w="100%">
+      <Stack mt="72px" mx={margin} maxW="1700px" w="100%">
         <SimpleGrid
           px={12}
           alignItems="start"
diff --git a/frontend/pages/tos/index.js b/frontend/pages/tos/index.js
index 45d31bf5..e40a4dfa 100644
--- a/frontend/pages/tos/index.js
+++ b/frontend/pages/tos/index.js
@@ -5,9 +5,9 @@ import { DEFAULT_METATAGS } from "../../src/core/constants";
 import { getLayout, getLayoutProps } from "../../src/layouts/WideInfoPage";
 
 const TermsOfService = () => (
-  <Box>
+  <Box mt="72px">
     <Box px="1.5rem" m="auto" mb={8} maxWidth="1199.98px" minHeight="60vh">
-      <Heading my={8} as="h1">
+      <Heading textAlign="start" my={8} as="h1">
         Moonstream Terms of Service
       </Heading>
       <Text fontSize="md">
diff --git a/frontend/pages/whitepapers.js b/frontend/pages/whitepapers.js
index 746117f8..72e99b04 100644
--- a/frontend/pages/whitepapers.js
+++ b/frontend/pages/whitepapers.js
@@ -6,7 +6,9 @@ import { MdPictureAsPdf } from "react-icons/md";
 const Papers = () => {
   return (
     <VStack>
-      <Heading py={12}>Whitepapers</Heading>
+      <Heading pb={12} pt="72px">
+        Whitepapers
+      </Heading>
       <Link
         color="orange.900"
         href="https://github.com/bugout-dev/moonstream/blob/main/datasets/nfts/papers/ethereum-nfts.pdf"

From 4d333191af7cb05d0e3d7d7e891dcdb1d5c6fef3 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Sun, 20 Nov 2022 14:23:42 +0300
Subject: [PATCH 09/11] fix Submit on Cancel button

---
 frontend/src/components/TokenRequest.js | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/frontend/src/components/TokenRequest.js b/frontend/src/components/TokenRequest.js
index d28ea34c..466d36e6 100644
--- a/frontend/src/components/TokenRequest.js
+++ b/frontend/src/components/TokenRequest.js
@@ -115,12 +115,7 @@ const TokenRequest = ({ setNewToken, onClose }) => {
             >
               Submit
             </Button>
-            <Button
-              variant="solid"
-              colorScheme="red"
-              type="submit"
-              onClick={() => onClose()}
-            >
+            <Button variant="solid" colorScheme="red" onClick={() => onClose()}>
               Cancel
             </Button>
           </Stack>

From 22f8012956185c5177997cb95e490a2d64404d90 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Mon, 21 Nov 2022 10:15:26 +0300
Subject: [PATCH 10/11] styling menus

---
 frontend/src/components/AppNavbar.js        |  9 ++++++---
 frontend/src/components/LandingBarMobile.js |  2 ++
 frontend/src/components/LandingNavbar.js    | 17 ++++++++++-------
 3 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/AppNavbar.js b/frontend/src/components/AppNavbar.js
index 44a68bea..85716b20 100644
--- a/frontend/src/components/AppNavbar.js
+++ b/frontend/src/components/AppNavbar.js
@@ -145,7 +145,10 @@ const AppNavbar = () => {
                           as={Button}
                           rightIcon={<ChevronDownIcon />}
                           color="white"
-                          _expanded={{ color: "white" }}
+                          fontWeight="500"
+                          _expanded={{ color: "white", fontWeight: "700" }}
+                          _focus={{ textDecoration: "none" }}
+                          _hover={{ textDecoration: "none", fontWeight: "700" }}
                         >
                           {item.title}
                         </MenuButton>
@@ -176,11 +179,11 @@ const AppNavbar = () => {
                                   mb="10px"
                                   h="22px"
                                   _hover={{
-                                    backgroundColor: "#1A1D22",
+                                    backgroundColor: "black.300",
                                     color: "#F56646",
                                     fontWeight: "700",
                                   }}
-                                  _focus={{ backgroundColor: "#1A1D22" }}
+                                  _focus={{ backgroundColor: "black.300" }}
                                 >
                                   {child.title}
                                 </MenuItem>
diff --git a/frontend/src/components/LandingBarMobile.js b/frontend/src/components/LandingBarMobile.js
index 9e988555..82c84b88 100644
--- a/frontend/src/components/LandingBarMobile.js
+++ b/frontend/src/components/LandingBarMobile.js
@@ -142,6 +142,8 @@ const LandingBarMobile = () => {
                             m={0}
                             fontSize="sm"
                             _focus={{ backgroundColor: "black.300" }}
+                            _active={{ backgroundColor: "black.300" }}
+                            _hover={{ backgroundColor: "black.300" }}
                           >
                             {child.title}
                           </MenuItem>
diff --git a/frontend/src/components/LandingNavbar.js b/frontend/src/components/LandingNavbar.js
index f3365a03..e8831f05 100644
--- a/frontend/src/components/LandingNavbar.js
+++ b/frontend/src/components/LandingNavbar.js
@@ -74,15 +74,18 @@ const LandingNavbar = () => {
                         as={Button}
                         rightIcon={<ChevronDownIcon />}
                         color="white"
+                        fontWeight="500"
                         fontSize="16px"
-                        _expanded={{ color: "white" }}
+                        _expanded={{ color: "white", fontWeight: "700" }}
+                        _focus={{ textDecoration: "none" }}
+                        _hover={{ textDecoration: "none", fontWeight: "700" }}
                       >
                         {item.title}
                       </MenuButton>
                       <Portal>
                         <MenuList
                           zIndex={100}
-                          bg="#1A1D22"
+                          bg="black.300"
                           w="auto"
                           minW="auto"
                           borderRadius="10px"
@@ -107,11 +110,11 @@ const LandingNavbar = () => {
                                 mb="10px"
                                 h="22px"
                                 _hover={{
-                                  backgroundColor: "#1A1D22",
-                                  color: "#F56646",
+                                  backgroundColor: "black.300",
+                                  color: "orange.1000",
                                   fontWeight: "700",
                                 }}
-                                _focus={{ backgroundColor: "#1A1D22" }}
+                                _focus={{ backgroundColor: "black.300" }}
                               >
                                 {child.title}
                               </MenuItem>
@@ -129,7 +132,7 @@ const LandingNavbar = () => {
             {ui.isLoggedIn && (
               <RouterLink href="/welcome" passHref>
                 <Box
-                  bg="#F56646"
+                  bg="orange.1000"
                   alignSelf={"center"}
                   fontWeight="700"
                   borderRadius="15px"
@@ -150,7 +153,7 @@ const LandingNavbar = () => {
             )}
             {!ui.isLoggedIn && (
               <Button
-                bg="#F56646"
+                bg="orange.1000"
                 variant="solid"
                 onClick={() => toggleModal({ type: MODAL_TYPES.SIGNUP })}
                 size="sm"

From 9d566cf62a44eabc90897c5ee62e2dc078a88772 Mon Sep 17 00:00:00 2001
From: Anton Mushnin <anton.mushnin@gmail.com>
Date: Mon, 21 Nov 2022 11:35:08 +0300
Subject: [PATCH 11/11] menu button style

---
 frontend/src/Theme/MenuButton/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/Theme/MenuButton/index.js b/frontend/src/Theme/MenuButton/index.js
index 1d156888..906b434e 100644
--- a/frontend/src/Theme/MenuButton/index.js
+++ b/frontend/src/Theme/MenuButton/index.js
@@ -1,7 +1,7 @@
 const mobileVariant = () => {
   return {
     _active: {
-      backgroundColor: "black.300 !important",
+      backgroundColor: "black.300",
       color: "white",
       textDecoration: "none",
     },