fix screen color styles (#733)

rsksmart · Sep 11, 2023 · e9ed8e0 · e9ed8e0
1 parent 7d30df2
commit e9ed8e0
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/src/navigation/index.tsx b/src/navigation/index.tsx
@@ -51,7 +51,7 @@ export const screenOptionsWithHeader = (
     ),
     headerStyle: {
       height: 64 + topInset,
-      backgroundColor: color ?? sharedColors.black,
+      backgroundColor: color ?? sharedColors.secondary,
     },
     headerShadowVisible: false,
   }

diff --git a/src/screens/contacts/ContactDetails.tsx b/src/screens/contacts/ContactDetails.tsx
@@ -133,6 +133,9 @@ export const ContactDetails = ({
           />
         </AppTouchable>
       ),
+      headerStyle: {
+        backgroundColor: sharedColors.inputActive,
+      },
       headerRightContainerStyle: {
         paddingTop: 0,
       },
@@ -188,7 +191,7 @@ export const ContactDetails = ({
             </Typography>
           </View>
         </View>
-        <BarButtonGroupContainer backgroundColor={sharedColors.secondary}>
+        <BarButtonGroupContainer backgroundColor={sharedColors.inputActive}>
           <BarButtonGroupIcon
             onPress={onSendToContact}
             iconName={'north-east'}
@@ -267,7 +270,7 @@ const styles = StyleSheet.create({
     paddingBottom: 144,
   }),
   contactDetailsView: castStyle.view({
-    backgroundColor: sharedColors.inputInactive,
+    backgroundColor: sharedColors.inputActive,
     justifyContent: 'center',
     alignItems: 'center',
     height: 167,

diff --git a/src/screens/contacts/ContactFormScreen.tsx b/src/screens/contacts/ContactFormScreen.tsx
@@ -136,6 +136,9 @@ export const ContactFormScreen = ({
         ? t('contact_form_title_edit')
         : t('contact_form_title_create'),
       headerTintColor: sharedColors.white,
+      headerStyle: {
+        backgroundColor: sharedColors.secondary,
+      },
       headerRightContainerStyle: {
         paddingTop: 0,
       },

diff --git a/src/screens/send/TransactionForm.tsx b/src/screens/send/TransactionForm.tsx
@@ -312,7 +312,7 @@ export const TransactionForm = ({
             style={styles.marginTop10}
             firstValue={firstBalance}
             secondValue={secondBalance}
-            color={sharedColors.black}
+            color={sharedColors.secondary}
             error={hasEnoughBalance ? t('transaction_form_error_balance') : ''}
             onSwap={onSwapBalance}
             editable
@@ -434,7 +434,7 @@ const styles = StyleSheet.create({
   }),
   buttonCancel: castStyle.view({
     marginTop: 10,
-    backgroundColor: sharedColors.black,
+    backgroundColor: sharedColors.secondary,
   }),
   assetToggleRow: castStyle.view({
     flexDirection: 'row',