add pal.text to onboarding screens (#538)

src/view/com/auth/create/Step2.tsx

@@ -46,7 +46,7 @@ export const Step2 = observer(({model}: {model: CreateAccountModel}) => {
       )}
 
       {!model.inviteCode && model.isInviteCodeRequired ? (
-        <Text style={s.alignBaseline}>
+        <Text style={[s.alignBaseline, pal.text]}>
           Don't have an invite code?{' '}
           <TouchableWithoutFeedback onPress={onPressWaitlist}>
             <Text style={pal.link}>Join the waitlist</Text>

src/view/com/auth/create/StepHeader.tsx

@@ -7,10 +7,12 @@ export function StepHeader({step, title}: {step: string; title: string}) {
   const pal = usePalette('default')
   return (
     <View style={styles.container}>
-      <Text type="lg" style={pal.textLight}>
+      <Text type="lg" style={[pal.textLight]}>
         {step === '3' ? 'Last step!' : <>Step {step} of 3</>}
       </Text>
-      <Text type="title-xl">{title}</Text>
+      <Text style={[pal.text]} type="title-xl">
+        {title}
+      </Text>
     </View>
   )
 }