colors

src/screens/home/Home.tsx

@@ -222,7 +222,7 @@ const Home: React.FC = () => {
   return (
     <AppView barStyle="dark-content" style={styles.container}>
       <View style={styles.header}>
-        <Text style={styles.greeting}>Hello, {user.firstName || apiUser?.firstName} {user.lastName || apiUser?.lastName}👋</Text>
+        <Text style={styles.greeting}>Hello, {user.firstName || apiUser?.firstName} {user.lastName || apiUser?.lastName}</Text>
         <TouchableOpacity onPress={() => navigation.navigate("Profile" as never)}>
           <Image
             source={
@@ -270,7 +270,7 @@ const styles = StyleSheet.create({
     flex: 1,
     justifyContent: "space-around",
   },
-  greeting: { fontSize: 22, fontWeight: "600", color: colors.Home },
+  greeting: { fontSize: 22, fontWeight: "600", color: colors.pastelPink },
   gridButton: {
     flex: 1,
     margin: 8,

src/screens/home/UserProfileStatus.tsx

@@ -110,7 +110,8 @@ const UserProfileStatus: React.FC = () => {
             {/* <Text style={styles.title}>Welcome Back 👋</Text> */}
 
             <LinearGradient
-                colors={[colors.primary, colors.Home]}
+                colors={[colors.pastelPink, colors.pastelPink
+                ]}
                 start={{ x: 0, y: 0 }}
                 end={{ x: 1, y: 1 }}
                 style={styles.card}