From 1f3583cc6727ef471603f88231bdea7fffea6390 Mon Sep 17 00:00:00 2001
From: Daniela Henkel <daniel_henkel@yahoo.com>
Date: Sat, 15 Nov 2025 02:46:56 +0100
Subject: [PATCH] change welcome modal

---
 src/components/WelcomeModal.tsx | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/WelcomeModal.tsx b/src/components/WelcomeModal.tsx
index 1271a5f3a..ce9a07b6c 100644
--- a/src/components/WelcomeModal.tsx
+++ b/src/components/WelcomeModal.tsx
@@ -84,7 +84,7 @@ export function WelcomeModal({control}: WelcomeModalProps) {
               maxHeight: 600,
               width: '90%',
               height: '90%',
-              backgroundColor: '#C0DCF0',
+              backgroundColor: '#d6c0f0ff',
             },
             a.rounded_lg,
             a.overflow_hidden,
@@ -112,7 +112,7 @@ export function WelcomeModal({control}: WelcomeModalProps) {
                       a.user_select_none,
                       {color: '#354358', letterSpacing: -0.5},
                     ]}>
-                    Bluesky
+                    Kitty
                   </Text>
                 </View>
               </View>
@@ -132,7 +132,7 @@ export function WelcomeModal({control}: WelcomeModalProps) {
                     {color: '#354358'},
                     web({
                       backgroundImage:
-                        'linear-gradient(180deg, #313F54 0%, #667B99 83.65%, rgba(102, 123, 153, 0.50) 100%)',
+                        'linear-gradient(180deg, #453154ff 0%, #866699ff 83.65%rgba(134, 102, 153, 0.5)0) 100%)',
                       backgroundClip: 'text',
                       WebkitBackgroundClip: 'text',
                       WebkitTextFillColor: 'transparent',
@@ -157,7 +157,7 @@ export function WelcomeModal({control}: WelcomeModalProps) {
                     color="primary"
                     style={{
                       width: 200,
-                      backgroundColor: '#006AFF',
+                      backgroundColor: 'hsl(290, 35%, 58%)',
                     }}>
                     <ButtonText>
                       <Trans>Create account</Trans>
@@ -173,7 +173,10 @@ export function WelcomeModal({control}: WelcomeModalProps) {
                     hoverStyle={[a.bg_transparent]}>
                     {({hovered}) => (
                       <ButtonText
-                        style={[hovered && [a.underline], {color: '#006AFF'}]}>
+                        style={[
+                          hovered && [a.underline],
+                          {color: 'hsl(290, 35%, 58%)'},
+                        ]}>
                         <Trans>Explore the app</Trans>
                       </ButtonText>
                     )}
@@ -184,7 +187,7 @@ export function WelcomeModal({control}: WelcomeModalProps) {
                     style={[
                       a.text_md,
                       a.text_center,
-                      {color: '#405168', lineHeight: 24},
+                      {color: '#564068ff', lineHeight: 24},
                     ]}>
                     <Trans>Already have an account?</Trans>{' '}
                     <Pressable
@@ -197,7 +200,7 @@ export function WelcomeModal({control}: WelcomeModalProps) {
                         style={[
                           a.font_medium,
                           {
-                            color: '#006AFF',
+                            color: 'hsl(290, 35%, 58%)',
                             fontSize: undefined,
                           },
                           signInLinkHovered && a.underline,
@@ -233,7 +236,7 @@ export function WelcomeModal({control}: WelcomeModalProps) {
                 <XIcon
                   size="md"
                   style={{
-                    color: '#354358',
+                    color: '#443558ff',
                     opacity: hovered || pressed || focused ? 1 : 0.7,
                   }}
                 />
-- 
2.51.2