fix: changed active state background color (#22545)

This commit is contained in:
Lucas Boilly 2025-01-09 13:51:55 +01:00 committed by GitHub
parent f7525dade9
commit 33da70177d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -24,25 +24,18 @@ const MainNavLinkWrapper = styled(RouterLink)`
padding-block: 0.6rem; padding-block: 0.6rem;
padding-inline: 0.6rem; padding-inline: 0.6rem;
&:hover,
&.active {
background: ${({ theme }) => theme.colors.neutral100};
}
&:hover { &:hover {
svg path { svg path {
fill: ${({ theme }) => theme.colors.neutral600}; fill: ${({ theme }) => theme.colors.neutral600};
} }
color: ${({ theme }) => theme.colors.neutral700}; background: ${({ theme }) => theme.colors.neutral100};
} }
&.active { &.active {
svg path { svg path {
fill: ${({ theme }) => theme.colors.primary600}; fill: ${({ theme }) => theme.colors.primary600};
} }
background: ${({ theme }) => theme.colors.primary100};
color: ${({ theme }) => theme.colors.primary600};
font-weight: 500;
} }
`; `;