Changed nav hover color from pink to teal
This commit is contained in:
parent
e61c74087f
commit
921557afe2
2 changed files with 6 additions and 6 deletions
|
@ -144,12 +144,12 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
|
||||||
display={'block'}
|
display={'block'}
|
||||||
p={2}
|
p={2}
|
||||||
rounded={'md'}
|
rounded={'md'}
|
||||||
_hover={{ bg: useColorModeValue('pink.50', 'gray.900') }}>
|
_hover={{ bg: useColorModeValue('teal.50', 'gray.900') }}>
|
||||||
<Stack direction={'row'} align={'center'}>
|
<Stack direction={'row'} align={'center'}>
|
||||||
<Box>
|
<Box>
|
||||||
<Text
|
<Text
|
||||||
transition={'all .3s ease'}
|
transition={'all .3s ease'}
|
||||||
_groupHover={{ color: 'pink.400' }}
|
_groupHover={{ color: 'teal.200' }}
|
||||||
fontWeight={500}>
|
fontWeight={500}>
|
||||||
{label}
|
{label}
|
||||||
</Text>
|
</Text>
|
||||||
|
@ -163,7 +163,7 @@ const DesktopSubNav = ({ label, href, subLabel }) => {
|
||||||
justify={'flex-end'}
|
justify={'flex-end'}
|
||||||
align={'center'}
|
align={'center'}
|
||||||
flex={1}>
|
flex={1}>
|
||||||
<Icon color={'pink.400'} w={5} h={5} as={ChevronRightIcon} />
|
<Icon color={'teal.200'} w={5} h={5} as={ChevronRightIcon} />
|
||||||
</Flex>
|
</Flex>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Link>
|
</Link>
|
||||||
|
|
Loading…
Reference in a new issue