change color interface

frontend/src/screen/Color.js

@@ -10,8 +10,10 @@ export default function Color(){
         <SafeAreaView>
             <ScrollView>
                 <View>
-                    <ImageBackground style={styles.imagebackground} source={require('../assets/login/login_background.png')} resizeMode="contain">
-                    </ImageBackground>
+                    <Image style={styles.imagebackground} source={require('../assets/color/background.png')} resizeMode="contain">
+                    
+                    </Image>
+                    
                 </View>
             </ScrollView>
         </SafeAreaView>
@@ -23,8 +25,7 @@ export default function Color(){
 
 const styles = StyleSheet.create({
     imagebackground:{
-        width: "100%",
-        height: "100%",
+        
     }
 
 })
\ No newline at end of file

frontend/src/screen/home.js

@@ -15,7 +15,7 @@ export default function Home({ navigation }){
                     <View style={styles.imageView}>
                         <Image style={styles.image} source={require('../assets/color/background.png')} resizeMode="contain">
                         </Image>
-                        <ImageButton title="Color And Sape"/>
+                        <ImageButton title="Color Activity"/>
                     </View>
                 </View>
             </ScrollView>