4 files changed, 16 insertions, 12 deletions
diff --git a/src/view/com/composer/ComposePost.tsx b/src/view/com/composer/ComposePost.tsx
index 6f8fe460d..0bfe07f55 100644
--- a/src/view/com/composer/ComposePost.tsx
+++ b/src/view/com/composer/ComposePost.tsx
@@ -379,7 +379,7 @@ export const ComposePost = observer(function ComposePost({
           </View>
           {isProcessing ? (
             <View style={[pal.btn, styles.processingLine]}>
-              <Text style={s.black}>{processingState}</Text>
+              <Text style={pal.text}>{processingState}</Text>
             </View>
           ) : undefined}
           {error !== '' && (
@@ -468,7 +468,7 @@ export const ComposePost = observer(function ComposePost({
                   key={`suggested-${url}`}
                   style={[pal.borderDark, styles.addExtLinkBtn]}
                   onPress={() => onPressAddLinkCard(url)}>
-                  <Text>
+                  <Text style={pal.text}>
                     Add link card: <Text style={pal.link}>{url}</Text>
                   </Text>
                 </TouchableOpacity>
diff --git a/src/view/com/modals/EditProfile.tsx b/src/view/com/modals/EditProfile.tsx
index f822fcfd9..052681fd3 100644
--- a/src/view/com/modals/EditProfile.tsx
+++ b/src/view/com/modals/EditProfile.tsx
@@ -106,7 +106,7 @@ export function Component({
   }
 
   return (
-    <View style={s.flex1}>
+    <View style={[s.flex1, pal.view]}>
       <ScrollView style={styles.inner}>
         <Text style={[styles.title, pal.text]}>Edit my profile</Text>
         <View style={styles.photos}>
@@ -130,7 +130,7 @@ export function Component({
           </View>
         )}
         <View>
-          <Text style={styles.label}>Display Name</Text>
+          <Text style={[styles.label, pal.text]}>Display Name</Text>
           <TextInput
             style={[styles.textInput, pal.text]}
             placeholder="e.g. Alice Roberts"
diff --git a/src/view/com/modals/ReportAccount.tsx b/src/view/com/modals/ReportAccount.tsx
index 377a32838..c9ee004b8 100644
--- a/src/view/com/modals/ReportAccount.tsx
+++ b/src/view/com/modals/ReportAccount.tsx
@@ -14,6 +14,7 @@ import {Text} from '../util/text/Text'
 import * as Toast from '../util/Toast'
 import {ErrorMessage} from '../util/error/ErrorMessage'
 import {cleanError} from 'lib/strings/errors'
+import {usePalette} from 'lib/hooks/usePalette'
 
 const ITEMS: RadioGroupItem[] = [
   {key: 'spam', label: 'Spam or excessive repeat posts'},
@@ -25,6 +26,7 @@ export const snapPoints = ['50%']
 
 export function Component({did}: {did: string}) {
   const store = useStores()
+  const pal = usePalette('default')
   const [isProcessing, setIsProcessing] = useState<boolean>(false)
   const [error, setError] = useState<string>('')
   const [issue, setIssue] = useState<string>('')
@@ -59,9 +61,9 @@ export function Component({did}: {did: string}) {
     }
   }
   return (
-    <View style={[s.flex1, s.pl10, s.pr10]}>
-      <Text style={styles.title}>Report account</Text>
-      <Text style={styles.description}>
+    <View style={[s.flex1, s.pl10, s.pr10, pal.view]}>
+      <Text style={[pal.text, styles.title]}>Report account</Text>
+      <Text style={[pal.textLight, styles.description]}>
         What is the issue with this account?
       </Text>
       <RadioGroup items={ITEMS} onSelect={onSelectIssue} />
@@ -100,7 +102,6 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     fontSize: 17,
     paddingHorizontal: 22,
-    color: colors.gray5,
     marginBottom: 10,
   },
   btn: {
diff --git a/src/view/com/modals/ReportPost.tsx b/src/view/com/modals/ReportPost.tsx
index 3d47e7ef0..3e876c6c8 100644
--- a/src/view/com/modals/ReportPost.tsx
+++ b/src/view/com/modals/ReportPost.tsx
@@ -14,6 +14,7 @@ import {Text} from '../util/text/Text'
 import * as Toast from '../util/Toast'
 import {ErrorMessage} from '../util/error/ErrorMessage'
 import {cleanError} from 'lib/strings/errors'
+import {usePalette} from 'lib/hooks/usePalette'
 
 const ITEMS: RadioGroupItem[] = [
   {key: 'spam', label: 'Spam or excessive repeat posts'},
@@ -32,6 +33,7 @@ export function Component({
   postCid: string
 }) {
   const store = useStores()
+  const pal = usePalette('default')
   const [isProcessing, setIsProcessing] = useState<boolean>(false)
   const [error, setError] = useState<string>('')
   const [issue, setIssue] = useState<string>('')
@@ -67,9 +69,11 @@ export function Component({
     }
   }
   return (
-    <View style={[s.flex1, s.pl10, s.pr10]}>
-      <Text style={styles.title}>Report post</Text>
-      <Text style={styles.description}>What is the issue with this post?</Text>
+    <View style={[s.flex1, s.pl10, s.pr10, pal.view]}>
+      <Text style={[pal.text, styles.title]}>Report post</Text>
+      <Text style={[pal.textLight, styles.description]}>
+        What is the issue with this post?
+      </Text>
       <RadioGroup items={ITEMS} onSelect={onSelectIssue} />
       {error ? (
         <View style={s.mt10}>
@@ -106,7 +110,6 @@ const styles = StyleSheet.create({
     textAlign: 'center',
     fontSize: 17,
     paddingHorizontal: 22,
-    color: colors.gray5,
     marginBottom: 10,
   },
   btn: {