From 014fe9a01c1de5ef63b4f776b5ec43e3f8dcf22d Mon Sep 17 00:00:00 2001 From: EyaOuenniche <122678675+EyaOuenniche@users.noreply.github.com> Date: Mon, 18 Mar 2024 19:38:39 +0100 Subject: [PATCH] [website] Improve navbar's items hover state (#41535) Co-authored-by: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> --- docs/src/components/header/HeaderNavBar.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/src/components/header/HeaderNavBar.tsx b/docs/src/components/header/HeaderNavBar.tsx index 6a62f99818448c..5d53a9b03d7100 100644 --- a/docs/src/components/header/HeaderNavBar.tsx +++ b/docs/src/components/header/HeaderNavBar.tsx @@ -27,8 +27,8 @@ const Navigation = styled('nav')(({ theme }) => [ }, '& li': { ...theme.typography.body2, - color: (theme.vars || theme).palette.text.primary, - fontWeight: theme.typography.fontWeightBold, + color: (theme.vars || theme).palette.text.secondary, + fontWeight: theme.typography.fontWeightSemiBold, '& > a, & > button': { display: 'inline-block', color: 'inherit', @@ -38,7 +38,7 @@ const Navigation = styled('nav')(({ theme }) => [ borderRadius: (theme.vars || theme).shape.borderRadius, border: '1px solid transparent', '&:hover': { - color: (theme.vars || theme).palette.grey[900], + color: (theme.vars || theme).palette.text.primary, backgroundColor: (theme.vars || theme).palette.grey[50], borderColor: (theme.vars || theme).palette.grey[100], '@media (hover: none)': {