authentication component

constants/color-palet.ts

@@ -8,6 +8,7 @@ export const MainColor = {
   orange: "#FF7043",
   green: "#4CAF4F",
   login: "#EDEBEBFF",
+  disabled: "#606360",
 };
 
 export const AccentColor = {

constants/global-styles.ts

@@ -0,0 +1,36 @@
+import { StyleSheet } from "react-native";
+import { MainColor } from "./color-palet";
+
+export const globalStyles = StyleSheet.create({
+  container: {
+    flex: 1,
+    paddingInline: 30,
+    paddingBlock: 20,
+  },
+  imageBackground: {
+    height: "100%",
+    width: "100%",
+  },
+
+  // AUTHENTICATION
+  authContainer: {
+    justifyContent: "center",
+    alignItems: "center",
+    marginBottom: 50,
+  },
+  authTitle: {
+    fontSize: 27,
+    color: MainColor.yellow,
+    fontWeight: "bold",
+  },
+  authSubTitle: {
+    fontSize: 22,
+    color: MainColor.yellow,
+    fontWeight: "bold",
+  },
+  textLabel: {
+    fontSize: 16,
+    color: MainColor.white,
+    fontWeight: "normal",
+  },
+});

constants/styles.ts

@@ -1,29 +0,0 @@
-import { StyleSheet } from "react-native";
-
-export const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    paddingInline: 30,
-    paddingBlock: 20,
-  },
-  imageBackground: {
-    height: "100%",
-    width: "100%",
-    // justifyContent: "center",
-    // alignItems: "center",
-  },
-    
-  input: {
-    backgroundColor: "#fff",
-    borderWidth: 1,
-    borderColor: "#ccc",
-    padding: 10,
-    marginBottom: 10,
-    borderRadius: 5,
-    width: "80%",
-  },
-  image: {
-    width: 30,
-    height: 30,
-  },
-});