login screen done

src/components/Background.js

@@ -4,11 +4,11 @@ import React from 'react';
 import { StyleSheet, SafeAreaView, StatusBar } from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
 
-const Background = ({ children, barcolor = 'light-content', gradientColors = ['#4c669f', '#3b5998', '#192f6a'] }) => {
+const Background = ({ children, barcolor = 'light-content'}) => {
   return (
     <SafeAreaView style={styles.container}>
       <StatusBar barStyle={barcolor} backgroundColor="transparent" translucent />
-      <LinearGradient colors={gradientColors} style={styles.gradient}>
+      <LinearGradient colors={['#E3EBF8', '#ffffff']} start={{ x: 0.5, y: 0 }} end={{ x: 0.5, y: 1 }} style={styles.gradient}>
         {children}
       </LinearGradient>
     </SafeAreaView>
@@ -21,7 +21,6 @@ const styles = StyleSheet.create({
   },
   gradient: {
     flex: 1,
-    paddingHorizontal: 16, // optional padding
   },
 });
 

src/components/CustomTextInput.js

@@ -25,9 +25,9 @@ const CustomTextInput = ({
   };
 
   const inputStyle = {
-    borderColor: isFocused ? '#2680EB' : 'transparent',
-    borderWidth: 2,
-    backgroundColor: isFocused ? '#FFF' : '#F1F1F1',
+    borderColor: isFocused ? '#2680EB' : '#DFDFDF',
+    borderWidth: isFocused ? 2 : 1,
+    backgroundColor: isFocused ? '#FFF' : '#Fff',
     borderRadius: GlobalTheme.borderRadius.md,
   };
 

src/screens/AuthScreen/Login/index.js

@@ -17,11 +17,8 @@ const Login = ({ navigation }) => {
   const [username, setUsername] = useState('');
 
   return (
-    <Background
-      barcolor="light-content"
-      gradientColors={['#1a1a1a', '#333333', '#4d4d4d']} // optional custom colors
-    >
-      <KeyboardAwareScrollView style={styles.container}>
+    <Background barcolor="light-content">
+      <KeyboardAwareScrollView style={styles.container} contentContainerStyle={{justifyContent:'center', flex:1}}>
         <View style={styles.logoContainer}>
           <Image style={styles.appLogo} source={IMAGES.AppLogo} />
         </View>

src/screens/AuthScreen/Login/style.js

@@ -4,13 +4,13 @@ import { GlobalTheme , Screen } from '../../../theme';
 
 export const styles = StyleSheet.create({
   container: {
-    // flex: 1,
-    backgroundColor: GlobalTheme.colors.white,
+    flex: 1,
+    // backgroundColor: GlobalTheme.colors.white,
     paddingHorizontal: 10,
+    // justifyContent:'center'
   },
   logoContainer: {
     alignItems: 'center',
-    paddingTop: 40,
   },
   appLogo: {
     height :200 ,