Changed nav hover color from pink to teal

This commit is contained in:
qt-coder 2021-06-30 10:45:39 +08:00
parent e61c74087f
commit 921557afe2
2 changed files with 6 additions and 6 deletions

View file

@ -144,12 +144,12 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
display={'block'}
p={2}
rounded={'md'}
_hover={{ bg: useColorModeValue('pink.50', 'gray.900') }}>
_hover={{ bg: useColorModeValue('teal.50', 'gray.900') }}>
<Stack direction={'row'} align={'center'}>
<Box>
<Text
transition={'all .3s ease'}
_groupHover={{ color: 'pink.400' }}
_groupHover={{ color: 'teal.200' }}
fontWeight={500}>
{label}
</Text>
@ -163,7 +163,7 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
justify={'flex-end'}
align={'center'}
flex={1}>
<Icon color={'pink.400'} w={5} h={5} as={ChevronRightIcon} />
<Icon color={'teal.200'} w={5} h={5} as={ChevronRightIcon} />
</Flex>
</Stack>
</Link>