UI tune ups

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(
               />
             </TouchableOpacity>
           </View>
-          <Text type="title-lg" style={[s.brandBlue, s.bold]}>
-            Bluesky
-          </Text>
+          <Text style={[brandBlue, s.bold, styles.title]}>Bluesky</Text>
           <View style={[pal.view]}>
             <Link
               href="/settings/saved-feeds"
@@ -104,4 +105,7 @@ const styles = StyleSheet.create({
     paddingBottom: 2,
     width: '100%',
   },
+  title: {
+    fontSize: 21,
+  },
 })