first commit

constants/color-palet.ts

@@ -0,0 +1,41 @@
+export const MainColor = {
+  black: "#202020",
+  darkblue: "#001D3D",
+  soft_darkblue: "#0e3763",
+  yellow: "#E1B525",
+  white: "#D4D0D0",
+  red: "#FF4B4C",
+  orange: "#FF7043",
+  green: "#4CAF4F",
+  login: "#EDEBEBFF",
+};
+
+export const AccentColor = {
+  blackgray: "#333533FF",
+  darkblue: "#002E59",
+  blue: "#00447D",
+  softblue: "#007CBA",
+  skyblue: "#00BFFF",
+  yellow: "#F8A824",
+  white: "#FEFFFE",
+};
+
+export const AdminColor = {
+  yellow: "#FFEB99",
+  green: "#A7DCA5",
+  orange: "#F7C69B",
+  red: "#F4A8A8",
+  bgAdmin: "#182c47",
+  white: "#D6D9DCFF",
+  dividerWhite: "#D6D9DC2E",
+  softBlue: "#163C64FF",
+};
+//yellow: "#FFC300"
+//yellow: "#FFD60A"
+// white: "#FEFFFE"
+
+// Warna Terang: #80a7c4
+// Warna Sedang: #40738d
+// Warna Asli: #002e59
+// Warna Lebih Gelap: #001f3b
+// Warna Tergelap: #001323

constants/styles.ts

@@ -0,0 +1,29 @@
+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,
+  },
+});