align welcome back buttons with general scheme

Citizen-Knowledge-Graph · Nov 10, 2024 · b36384b · b36384b
1 parent d838d9d
commit b36384b
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/src/screens/info-screen/InfoScreenNewOrExistingUser.js b/src/screens/info-screen/InfoScreenNewOrExistingUser.js
@@ -123,14 +123,17 @@ const InfoScreenNewOrExistingUser = () => {
                                     <Button variant="text"
                                             sx={{
                                                 fontSize: '16px',
-                                                color: 'white',
+                                                color: 'black',
                                                 fontWeight: 'bold',
                                                 textTransform: 'none',
                                                 padding: '12px',
                                                 borderRadius: '12px',
-                                                backgroundColor: globalStyles.colorPineGreen,
+                                                backgroundColor: 'white',
+                                                borderStyle: 'solid',
+                                                borderWidth: '1px',
+                                                borderColor: globalStyles.primaryColor,
                                                 '&:hover': {
-                                                    color: 'black',  // Change text color to black on hover
+                                                    backgroundColor: globalStyles.primaryColor,
                                                 },
                                             }}
                                             onClick={continueWithExisting}
@@ -144,22 +147,25 @@ const InfoScreenNewOrExistingUser = () => {
                                                     {t("app.welcomeBack.yesBtnText")}
                                                 </Typography>
                                             </VStack>
-                                            <ArrowForwardIcon sx={{color: 'white', fontSize: 30, flex: 1}}/>
+                                            <ArrowForwardIcon sx={{color: 'black', fontSize: 30, flex: 1}}/>
                                         </HStack>
                                     </Button>
                                 </HStack>
                                 <HStack>
                                     <Button variant="text"
                                             sx={{
                                                 fontSize: '16px',
-                                                color: 'white',
+                                                color: 'black',
                                                 fontWeight: 'bold',
                                                 textTransform: 'none',
-                                                padding: '16px',
+                                                padding: '12px',
                                                 borderRadius: '12px',
-                                                backgroundColor: globalStyles.colorSteelBlue,
+                                                backgroundColor: 'white',
+                                                borderStyle: 'solid',
+                                                borderWidth: '1px',
+                                                borderColor: globalStyles.primaryColor,
                                                 '&:hover': {
-                                                    color: 'black',  // Change text color to black on hover
+                                                    backgroundColor: globalStyles.primaryColor,
                                                 },
                                             }}
                                             onClick={startOver}
@@ -173,7 +179,7 @@ const InfoScreenNewOrExistingUser = () => {
                                                     {t("app.welcomeBack.noBtnText")}
                                                 </Typography>
                                             </VStack>
-                                            <ReplayIcon sx={{color: 'white', fontSize: 30, flex: 1}}/>
+                                            <ReplayIcon sx={{color: 'black', fontSize: 30, flex: 1}}/>
                                         </HStack>
                                     </Button>
                                 </HStack>