Wrap all <Text> in a helper that ensures black color is applied by default

src/view/shell/mobile/Menu.tsx

@@ -2,7 +2,6 @@ import React, {useEffect} from 'react'
 import {
   StyleProp,
   StyleSheet,
-  Text,
   TouchableOpacity,
   View,
   ViewStyle,
@@ -18,6 +17,7 @@ import {
   MagnifyingGlassIcon,
 } from '../../lib/icons'
 import {UserAvatar} from '../../com/util/UserAvatar'
+import {Text} from '../../com/util/Text'
 import {CreateSceneModal} from '../../../state/models/shell-ui'
 
 export const Menu = ({

src/view/shell/mobile/TabsSelector.tsx

@@ -5,12 +5,12 @@ import {
   ScrollView,
   Share,
   StyleSheet,
-  Text,
   TouchableWithoutFeedback,
   View,
 } from 'react-native'
 import {useSafeAreaInsets} from 'react-native-safe-area-context'
 import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
+import {Text} from '../../com/util/Text'
 import Swipeable from 'react-native-gesture-handler/Swipeable'
 import {useStores} from '../../../state'
 import {s, colors} from '../../lib/styles'

src/view/shell/mobile/index.tsx

@@ -7,7 +7,6 @@ import {
   GestureResponderEvent,
   SafeAreaView,
   StyleSheet,
-  Text,
   TouchableOpacity,
   TouchableWithoutFeedback,
   useColorScheme,
@@ -30,6 +29,7 @@ import {Onboard} from '../../screens/Onboard'
 import {HorzSwipe} from '../../com/util/gestures/HorzSwipe'
 import {Modal} from '../../com/modals/Modal'
 import {Lightbox} from '../../com/lightbox/Lightbox'
+import {Text} from '../../com/util/Text'
 import {TabsSelector} from './TabsSelector'
 import {Composer} from './Composer'
 import {s, colors} from '../../lib/styles'