Darkmode fixes (#301) (#327)

* Fix dark mode rendering of 'follows you' pill

* Fix the darkmode coloring of the PTR

* Fix dark mode styles in dns instructions

* Only lint the src dir

src/view/com/profile/ProfileCard.tsx

@@ -62,7 +62,9 @@ export function ProfileCard({
           {isFollowedBy && (
             <View style={s.flexRow}>
               <View style={[s.mt5, pal.btn, styles.pill]}>
-                <Text type="xs">Follows You</Text>
+                <Text type="xs" style={pal.text}>
+                  Follows You
+                </Text>
               </View>
             </View>
           )}

src/view/com/profile/ProfileFollowers.tsx

@@ -1,6 +1,6 @@
 import React, {useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
-import {ActivityIndicator, StyleSheet, View} from 'react-native'
+import {ActivityIndicator, RefreshControl, StyleSheet, View} from 'react-native'
 import {
   UserFollowersViewModel,
   FollowerItem,
@@ -9,12 +9,14 @@ import {CenteredView, FlatList} from '../util/Views'
 import {ErrorMessage} from '../util/error/ErrorMessage'
 import {ProfileCardWithFollowBtn} from './ProfileCard'
 import {useStores} from 'state/index'
+import {usePalette} from 'lib/hooks/usePalette'
 
 export const ProfileFollowers = observer(function ProfileFollowers({
   name,
 }: {
   name: string
 }) {
+  const pal = usePalette('default')
   const store = useStores()
   const view = React.useMemo(
     () => new UserFollowersViewModel(store, {user: name}),
@@ -73,8 +75,14 @@ export const ProfileFollowers = observer(function ProfileFollowers({
     <FlatList
       data={view.followers}
       keyExtractor={item => item.did}
-      refreshing={view.isRefreshing}
-      onRefresh={onRefresh}
+      refreshControl={
+        <RefreshControl
+          refreshing={view.isRefreshing}
+          onRefresh={onRefresh}
+          tintColor={pal.colors.text}
+          titleColor={pal.colors.text}
+        />
+      }
       onEndReached={onEndReached}
       renderItem={renderItem}
       initialNumToRender={15}

src/view/com/profile/ProfileFollows.tsx

@@ -1,17 +1,19 @@
 import React, {useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
-import {ActivityIndicator, StyleSheet, View} from 'react-native'
+import {ActivityIndicator, RefreshControl, StyleSheet, View} from 'react-native'
 import {CenteredView, FlatList} from '../util/Views'
 import {UserFollowsViewModel, FollowItem} from 'state/models/user-follows-view'
 import {ErrorMessage} from '../util/error/ErrorMessage'
 import {ProfileCardWithFollowBtn} from './ProfileCard'
 import {useStores} from 'state/index'
+import {usePalette} from 'lib/hooks/usePalette'
 
 export const ProfileFollows = observer(function ProfileFollows({
   name,
 }: {
   name: string
 }) {
+  const pal = usePalette('default')
   const store = useStores()
   const view = React.useMemo(
     () => new UserFollowsViewModel(store, {user: name}),
@@ -70,8 +72,14 @@ export const ProfileFollows = observer(function ProfileFollows({
     <FlatList
       data={view.follows}
       keyExtractor={item => item.did}
-      refreshing={view.isRefreshing}
-      onRefresh={onRefresh}
+      refreshControl={
+        <RefreshControl
+          refreshing={view.isRefreshing}
+          onRefresh={onRefresh}
+          tintColor={pal.colors.text}
+          titleColor={pal.colors.text}
+        />
+      }
       onEndReached={onEndReached}
       renderItem={renderItem}
       initialNumToRender={15}