idk

components/Login/component.tsx

@@ -3,6 +3,7 @@ import ServerAuthentication from "./helpers/server-authentication";
 import ServerAddress from "./helpers/server-address";
 import { createStackNavigator } from "@react-navigation/stack";
 import { useApiClientContext } from "../jellyfin-api-provider";
+import { useColorScheme } from "react-native";
 
 export default function Login(): React.JSX.Element {
 
@@ -11,7 +12,7 @@ export default function Login(): React.JSX.Element {
     const Stack = createStackNavigator();
 
     return (
-        <Stack.Navigator>
+        <Stack.Navigator screenOptions={{ cardStyle: { backgroundColor: useColorScheme() === 'dark' ? 'dark' : 'light' }}}>
             { 
                 (_.isUndefined(server) || _.isEmpty(server.url)) ? (
                     <Stack.Screen

components/styles.ts

@@ -3,7 +3,6 @@ import { StyleSheet } from "react-native";
 export const jellifyStyles = StyleSheet.create({
     container: {
       flex: 1,
-      backgroundColor: 'black',
       justifyContent: 'center',
       marginHorizontal: 16,
     },

index.js

@@ -1,7 +1,3 @@
-/**
- * @format
- */
-
 import 'react-native-gesture-handler';
 import {AppRegistry} from 'react-native';
 import App from './App';

package-lock.json

@@ -13,6 +13,7 @@
         "@jellyfin/sdk": "^0.10.0",
         "@react-native-async-storage/async-storage": "^2.0.0",
         "@react-native-community/masked-view": "^0.1.11",
+        "@react-native-masked-view/masked-view": "^0.3.1",
         "@react-navigation/native": "^6.1.18",
         "@react-navigation/stack": "^6.4.1",
         "@tanstack/react-query": "^5.52.1",
@@ -4173,6 +4174,16 @@
         "react-native": ">=0.57"
       }
     },
+    "node_modules/@react-native-masked-view/masked-view": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@react-native-masked-view/masked-view/-/masked-view-0.3.1.tgz",
+      "integrity": "sha512-uVm8U6nwFIlUd1iDIB5cS+lDadApKR+l8k4k84d9hn+GN4lzAIJhUZ9syYX7c022MxNgAlbxoFLt0pqKoyaAGg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16",
+        "react-native": ">=0.57"
+      }
+    },
     "node_modules/@react-native/assets-registry": {
       "version": "0.75.2",
       "resolved": "https://registry.npmjs.org/@react-native/assets-registry/-/assets-registry-0.75.2.tgz",

package.json

@@ -15,6 +15,7 @@
     "@jellyfin/sdk": "^0.10.0",
     "@react-native-async-storage/async-storage": "^2.0.0",
     "@react-native-community/masked-view": "^0.1.11",
+    "@react-native-masked-view/masked-view": "^0.3.1",
     "@react-navigation/native": "^6.1.18",
     "@react-navigation/stack": "^6.4.1",
     "@tanstack/react-query": "^5.52.1",