Merge pull request #1010 from cmgustavo/bug/paragraph-color-02

Fix: Paragraph color on Recovery Screen
bitpay · Dec 18, 2023 · bda66b2 · bda66b2
2 parents 3fe30aa + 888b7a2
commit bda66b2
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/navigation/wallet/screens/RecoveryPhrase.tsx b/src/navigation/wallet/screens/RecoveryPhrase.tsx
@@ -17,6 +17,7 @@ import {
   Caution25,
   Caution60,
   Grey,
+  LightBlack,
   Slate,
   SlateDark,
 } from '../../../styles/colors';
@@ -117,6 +118,10 @@ const WarningMessageText = styled(BaseText)`
   color: ${({theme: {dark}}) => (dark ? Caution60 : Caution)};
 `;
 
+const ParagraphRecovery = styled(Paragraph)`
+  color: ${({theme: {dark}}) => (dark ? SlateDark : LightBlack)};
+`;
+
 const RecoveryPhrase: React.FC<RecoveryPhraseScreenProps> = ({route}) => {
   const {t} = useTranslation();
   const navigation = useNavigation();
@@ -226,7 +231,9 @@ const RecoveryPhrase: React.FC<RecoveryPhraseScreenProps> = ({route}) => {
             <WarningMessageTitle>{t('CONFIDENTIAL')}</WarningMessageTitle>
           </WarningMessageTitleContainer>
           <WarningMessageDescContainer>
-            <Paragraph>{t('Your 12-word recovery phrase')}</Paragraph>
+            <ParagraphRecovery>
+              {t('Your 12-word recovery phrase')}
+            </ParagraphRecovery>
           </WarningMessageDescContainer>
           <WarningMessageTextContainer>
             <WarningMessageText>