themming and try to create awesome theme

src/screens/home/Home.tsx

@@ -2,12 +2,13 @@ import { StyleSheet, Text, View } from 'react-native'
 import React from 'react'
 import AppView from '../../components/AppView'
 import UserProfileStatus from './UserProfileStatus'
+import colors from '../../components/colors'
 
 const Home = () => {
   return (
-  <AppView>
-    <UserProfileStatus/>
-  </AppView>
+      <AppView backgroundColor={colors.pastelPink} barStyle="dark-content">
+        <UserProfileStatus/>
+      </AppView>
   )
 }
 

src/screens/home/UserProfileStatus.tsx

@@ -9,8 +9,8 @@ import {
     Alert,
 } from "react-native";
 import * as Keychain from "react-native-keychain";
-import { base_URL } from "../../utils/ApiUrls";
 import { useFocusEffect, useNavigation } from "@react-navigation/native";
+import { BASE_URL } from "../../utils/ApiUrls";
 
 export type ApiResponse = {
     message: string;
@@ -43,7 +43,7 @@ const UserProfileStatus: React.FC = () => {
 
             setLoading(true);
             setError(null);
-            const response = await fetch(`${base_URL}user/profile/status`, {
+            const response = await fetch(`${BASE_URL}user/profile/status`, {
                 method: "GET",
                 headers: {
                     Accept: "*/*",
@@ -154,8 +154,8 @@ export default UserProfileStatus;
 const styles = StyleSheet.create({
     container: {
         flex: 1,
-        padding: 16,
-        backgroundColor: "#f5f7fb",
+        // padding: 16,
+        // backgroundColor: "#f5f7fb",
     },
     centered: {
         flex: 1,