fix: [LW-11513] incorrect title color in onboarding recovery choices (#1434)

Author: mchappell

apps/browser-extension-wallet/src/views/browser-view/features/multi-wallet/create-wallet/steps/ChooseRecoveryMethod.tsx

@@ -70,7 +70,11 @@ export const ChooseRecoveryMethod: VFC = () => {
                   >
                     <Flex p="$16" gap="$24" justifyContent="space-between" className={styles.pointer}>
                       <Flex flexDirection="column">
-                        <Flex mb="$8">{optionElement}</Flex>
+                        <Flex mb="$8">
+                          <Text.Body.Normal weight="$medium" color="primary" data-testid="mnemonic-words-label">
+                            {optionElement}
+                          </Text.Body.Normal>
+                        </Flex>
                         <Box pl="$40">
                           <Text.Body.Normal weight="$medium" color="secondary" data-testid="mnemonic-words-description">
                             {i18n.t('paperWallet.chooseRecoveryMethod.mnemonicDescription')}
@@ -101,7 +105,11 @@ export const ChooseRecoveryMethod: VFC = () => {
                     <Flex p="$16" gap="$24" justifyContent="space-between" className={styles.pointer}>
                       <Flex flexDirection="column">
                         <Flex mb="$8" gap="$8" alignItems="center">
-                          <Flex>{optionElement}</Flex>
+                          <Flex>
+                            <Text.Body.Normal weight="$medium" color="primary" data-testid="paper-wallet-label">
+                              {optionElement}
+                            </Text.Body.Normal>
+                          </Flex>
                           <Text.Body.Small className={styles.advancedBadge} data-testid="paper-wallet-advanced-badge">
                             {i18n.t('paperWallet.chooseRecoveryMethod.advanced')}
                           </Text.Body.Small>

apps/browser-extension-wallet/src/views/browser-view/features/multi-wallet/restore-wallet/steps/ChooseRestoreMethod.tsx

@@ -77,7 +77,11 @@ export const ChooseRestoreMethod: VFC = () => {
                   >
                     <Flex p="$16" gap="$24" justifyContent="space-between" className={styles.pointer}>
                       <Flex flexDirection="column">
-                        <Flex mb="$8">{optionElement}</Flex>
+                        <Flex mb="$8">
+                          <Text.Body.Normal weight="$medium" color="primary" data-testid="mnemonic-words-label">
+                            {optionElement}
+                          </Text.Body.Normal>
+                        </Flex>
                         <Box pl="$40">
                           <Text.Body.Normal weight="$medium" color="secondary" data-testid="mnemonic-words-description">
                             {i18n.t('paperWallet.chooseRecoveryMethod.mnemonicDescription')}
@@ -108,7 +112,9 @@ export const ChooseRestoreMethod: VFC = () => {
                     <Flex p="$16" gap="$24" justifyContent="space-between" className={styles.pointer}>
                       <Flex flexDirection="column">
                         <Flex mb="$8" gap="$8" alignItems="center">
-                          {optionElement}
+                          <Text.Body.Normal weight="$medium" color="primary" data-testid="paper-wallet-label">
+                            {optionElement}
+                          </Text.Body.Normal>
                         </Flex>
                         <Box pl="$40">
                           <Text.Body.Normal weight="$medium" color="secondary" data-testid="paper-wallet-description">