diff --git a/src/view/com/pager/FeedsTabBarMobile.tsx b/src/view/com/pager/FeedsTabBarMobile.tsx index 0d71b2b9..9c713881 100644 --- a/src/view/com/pager/FeedsTabBarMobile.tsx +++ b/src/view/com/pager/FeedsTabBarMobile.tsx @@ -6,6 +6,7 @@ import {RenderTabBarFnProps} from 'view/com/pager/Pager' import {useStores} from 'state/index' import {usePalette} from 'lib/hooks/usePalette' import {useAnimatedValue} from 'lib/hooks/useAnimatedValue' +import {useColorSchemeStyle} from 'lib/hooks/useColorSchemeStyle' import {Link} from '../util/Link' import {Text} from '../util/text/Text' import {CogIcon} from 'lib/icons' @@ -32,6 +33,8 @@ export const FeedsTabBar = observer( transform: [{translateY: Animated.multiply(interp, -100)}], } + const brandBlue = useColorSchemeStyle(s.brandBlue, s.blue3) + const onPressAvi = React.useCallback(() => { store.shell.openDrawer() }, [store]) @@ -59,9 +62,7 @@ export const FeedsTabBar = observer( /> - - Bluesky - + Bluesky - - + + + Discover new feeds @@ -146,7 +139,7 @@ export const MultiFeed = observer(function Feed({ } return null }, - [showPostFollowBtn, pal, palInverted], + [showPostFollowBtn, pal], ) const FeedFooter = React.useCallback( @@ -181,11 +174,7 @@ export const MultiFeed = observer(function Feed({ /> } contentContainerStyle={s.contentContainer} - style={[ - {paddingTop: headerOffset}, - isDesktopWeb ? pal.view : pal.viewLight, - styles.container, - ]} + style={[{paddingTop: headerOffset}, pal.view, styles.container]} onScroll={onScroll} scrollEventThrottle={scrollEventThrottle} indicatorStyle={theme.colorScheme === 'dark' ? 'white' : 'black'}