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'}