about summary refs log tree commit diff
path: root/src/view/com/modals/ReportAccount.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/com/modals/ReportAccount.tsx')
-rw-r--r--src/view/com/modals/ReportAccount.tsx9
1 files changed, 5 insertions, 4 deletions
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: {