Commit fe52fca5 authored by Max Alekseenko's avatar Max Alekseenko

fix bg for dark theme

parent 27b2ea9a
...@@ -43,6 +43,8 @@ const FeaturedApp = ({ ...@@ -43,6 +43,8 @@ const FeaturedApp = ({
const logoUrl = useColorModeValue(logo, logoDarkMode || logo); const logoUrl = useColorModeValue(logo, logoDarkMode || logo);
const categoriesLabel = categories.join(', '); const categoriesLabel = categories.join(', ');
const backgroundColor = useColorModeValue('purple.50', 'purple.800');
const onInfoClick = useCallback((id: string) => { const onInfoClick = useCallback((id: string) => {
mixpanel.logEvent(mixpanel.EventTypes.PAGE_WIDGET, { Type: 'More button', Info: id, Source: 'Banner' }); mixpanel.logEvent(mixpanel.EventTypes.PAGE_WIDGET, { Type: 'More button', Info: id, Source: 'Banner' });
onInfoClickProp(id); onInfoClickProp(id);
...@@ -73,7 +75,7 @@ const FeaturedApp = ({ ...@@ -73,7 +75,7 @@ const FeaturedApp = ({
_hover={{ boxShadow: 'none' }} _hover={{ boxShadow: 'none' }}
_focusWithin={{ boxShadow: 'none' }} _focusWithin={{ boxShadow: 'none' }}
border="none" border="none"
background="purple.50" background={ backgroundColor }
mb={ 4 } mb={ 4 }
/> />
); );
...@@ -86,7 +88,7 @@ const FeaturedApp = ({ ...@@ -86,7 +88,7 @@ const FeaturedApp = ({
borderRadius={{ base: '8px', sm: '12px' }} borderRadius={{ base: '8px', sm: '12px' }}
height={{ base: '135px', sm: '136px' }} height={{ base: '135px', sm: '136px' }}
padding={{ base: 3, sm: 5 }} padding={{ base: 3, sm: 5 }}
background="purple.50" background={ backgroundColor }
mb={ 6 } mb={ 6 }
> >
<Skeleton <Skeleton
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment