Explicitly set color of all StyledButtons to #A017B7. See #71

ltonetwork · May 26, 2023 · a09c2f1 · a09c2f1
1 parent e7cedff
commit a09c2f1
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/components/styles/StyledButton.styles.ts b/src/components/styles/StyledButton.styles.ts
@@ -11,7 +11,7 @@ export const StyledButton = styled(Button)`
     font-size: 16px;
     font-weight: 800;
     ${props => props.mode === `contained` && props.disabled === false
-        ? `background-color: ${props.color || '#A017B7'}; border-color: ${props.color || '#A017B7'}; border-width: 1px; color: #ffffff;`
-        : `border-width: 1px; color: ${props.color || '#A017B7'}; border-color: ${props.color || '#A017B7'};`};
+        ? `background-color: ${props.color}; border-color: ${props.color}; border-width: 1px; color: #ffffff;`
+        : `border-width: 1px; color: ${props.color}; border-color: ${props.color};`};
     ${props => props.disabled === true && `border-color: transparent;`};
 `
diff --git a/src/screens/RegisterAccountScreen/RegisterAccountScreen.tsx b/src/screens/RegisterAccountScreen/RegisterAccountScreen.tsx
@@ -239,6 +239,7 @@ export default function RegisterAccountScreen({ navigation, route }: RootStackSc
                             ?
                             <StyledButton
                                 mode="contained"
+                                color="#A017B7"
                                 disabled={false}
                                 uppercase={false}
                                 labelStyle={{ fontWeight: '400', fontSize: 16, width: '100%' }}
@@ -249,6 +250,7 @@ export default function RegisterAccountScreen({ navigation, route }: RootStackSc
                             :
                             <StyledButton
                                 mode="contained"
+                                color="#A017B7"
                                 disabled={false}
                                 uppercase={false}
                                 labelStyle={{ fontWeight: '400', fontSize: 16, width: '100%' }}

diff --git a/src/screens/SignUpScreen/SignUpScreen.tsx b/src/screens/SignUpScreen/SignUpScreen.tsx
@@ -40,6 +40,7 @@ export default function SignUpScreen({ navigation }: RootStackScreenProps<'SignU
                 </StyledButton>
                 <StyledButton
                     mode="outlined"
+                    color="#A017B7"
                     uppercase={false}
                     labelStyle={{ fontWeight: '400', fontSize: 16, width: '90%' }}
                     onPress={() => {