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={}
color="white"
- _expanded={{ color: "white" }}
+ fontWeight="500"
+ _expanded={{ color: "white", fontWeight: "700" }}
+ _focus={{ textDecoration: "none" }}
+ _hover={{ textDecoration: "none", fontWeight: "700" }}
>
{item.title}
@@ -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}
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}
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={}
color="white"
+ fontWeight="500"
fontSize="16px"
- _expanded={{ color: "white" }}
+ _expanded={{ color: "white", fontWeight: "700" }}
+ _focus={{ textDecoration: "none" }}
+ _hover={{ textDecoration: "none", fontWeight: "700" }}
>
{item.title}
{
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}
@@ -129,7 +132,7 @@ const LandingNavbar = () => {
{ui.isLoggedIn && (
{
)}
{!ui.isLoggedIn && (