log in css mobile

mobile-ui/App.js

@@ -14,6 +14,7 @@ import {
   FormControl,
   Input,
   Button,
+  Image
 } from "native-base";
 import NativeBaseIcon from "./components/NativeBaseIcon";
 import { Platform } from "react-native";
@@ -25,13 +26,23 @@ const config = {
 };
 
 // extend the theme
-export const theme = extendTheme({ config });
+export const theme = extendTheme({ config,
+colors: {
+  brown: "#D7A86E"
+} });
+
+//const logo = require('./assets/')
 
 export default function App() {
   return (
     <NativeBaseProvider>
       <Center w="100%">
         <Box safeArea p="2" py="8" w="90%" maxW="290">
+        {/* <Image source={{
+      uri: logo.default.src
+    }} width={500} height={500}
+    alt="Katoikia logo" size="xl" /> */}
+
           <Heading
             size="lg"
             fontWeight="600"
@@ -40,7 +51,7 @@ export default function App() {
               color: "warmGray.50",
             }}
           >
-            Welcome To Katoikia 
+            Bienvenido a Katoikia 
           </Heading>
           <Heading
             mt="1"
@@ -51,16 +62,16 @@ export default function App() {
             fontWeight="medium"
             size="xs"
           >
-             Sign in to continue!
+             Su app de comunidad de confianza
           </Heading>
 
           <VStack space={3} mt="5">
             <FormControl>
-              <FormControl.Label> Email ID</FormControl.Label>
+              <FormControl.Label> Correo Electrónico</FormControl.Label>
               <Input />
             </FormControl>
             <FormControl>
-              <FormControl.Label> Password </FormControl.Label>
+              <FormControl.Label> Contraseña </FormControl.Label>
               <Input type="password" />
               <Link
                 _text={{
@@ -71,15 +82,16 @@ export default function App() {
                 alignSelf="flex-end"
                 mt="1"
               >
-                  Forget Password? 
+                  Recuperar contraseña
                
               </Link>
             </FormControl>
-            <Button mt="2" colorScheme="indigo">
-              <Text>Sign in </Text>
+            <Button mt="2" colorScheme="primary"
+            >
+              <Text>Continuar</Text>
             </Button>
             <HStack mt="6" justifyContent="center">
-              <Text
+              {/* <Text
                 fontSize="sm"
                 color="coolGray.600"
                 _dark={{
@@ -87,16 +99,16 @@ export default function App() {
                 }}
               >
                 I'm a new user.
-              </Text>
+              </Text> */}
               <Link
                 _text={{
-                  color: "indigo.500",
+                  color: "warning.300",
                   fontWeight: "medium",
                   fontSize: "sm",
                 }}
                 href="#"
               >
-                 Sign Up
+                 Regístrese aquí
               </Link>
             </HStack>
           </VStack>