BESTEST Welcome Modal

src/components/WelcomeModal.tsx

···
               maxHeight: 600,
               width: '90%',
               height: '90%',
-              backgroundColor: '#d6c0f0ff',
+              backgroundColor: '#716066',
             },
             a.rounded_lg,
             a.overflow_hidden,
···
                       a.text_2xl,
                       a.font_semi_bold,
                       a.user_select_none,
-                      {color: '#354358', letterSpacing: -0.5},
+                      {color: '#ff9696ff', letterSpacing: -0.5},
                     ]}>
                     Bitchsky
                   </Text>
···
                     gtMobile ? a.text_4xl : a.text_3xl,
                     a.font_semi_bold,
                     a.text_center,
-                    {color: '#354358'},
+                    {color: '#583535ff'},
                     web({
                       backgroundImage:
-                        'linear-gradient(180deg, #313F54 0%, #667B99 83.65%, rgba(102, 123, 153, 0.50) 100%)',
+                        'linear-gradient(180deg, #ffd8d8ff 0%, #eca8a8ff 83.65%, rgba(233, 165, 165, 0.47) 100%)',
                       backgroundClip: 'text',
                       WebkitBackgroundClip: 'text',
                       WebkitTextFillColor: 'transparent',
···
                     hoverStyle={[a.bg_transparent]}>
                     {({hovered}) => (
                       <ButtonText
-                        style={[hovered && [a.underline], {color: '#BB6868'}]}>
+                        style={[hovered && [a.underline], {color: '#ff9191'}]}>
                         <Trans>Explore the app</Trans>
                       </ButtonText>
                     )}
···
                     style={[
                       a.text_md,
                       a.text_center,
-                      {color: '#684040ff', lineHeight: 24},
+                      {color: '#ffe3e3ff', lineHeight: 24},
                     ]}>
                     <Trans>Already have an account?</Trans>{' '}
                     <Pressable
···
                         style={[
                           a.font_medium,
                           {
-                            color: '#BB6868',
+                            color: '#ff9191',
                             fontSize: undefined,
                           },
                           signInLinkHovered && a.underline,
···
                 <XIcon
                   size="md"
                   style={{
-                    color: '#583535ff',
+                    color: '#ffe3e3ff',
                     opacity: hovered || pressed || focused ? 1 : 0.7,
                   }}
                 />