fix white screen

src/navigation/MainStack.js

@@ -308,14 +308,15 @@ export default function Main() {
   return (
     <MainStack.Navigator
       initialRouteName={Routes.Splash}
-      screenOptions={[
+      screenOptions={{
-        {
+        ...screenOptions,
-          contentStyle: {
+        contentStyle: {
-            backgroundColor: Palette.white,
+          backgroundColor: Palette.black,
-          },
         },
-        screenOptions,
+        cardStyle: {
-      ]}
+          backgroundColor: Palette.black,
+        },
+      }}
     >
       {screens.map((screen) => (
         <MainStack.Screen

src/styles/Palette.js

@@ -2,6 +2,8 @@ const Palette = {
   primary: "#FB68A8",
   transparentPrimary: "rgba(251, 104, 168, 0.1)",
 
+  background: "#0F0C14",
+
   darkPurple: "#0F0C14",
   transparentDarkPurple: "rgba(15, 12, 20, 0.1)",
   lightPurple: "#16121E",