From 72eecd51f906060a068136b3371b2a7df4d3e641 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Thu, 17 Oct 2024 10:38:35 -0500
Subject: [PATCH] idk

---
 components/Login/component.tsx |  3 ++-
 components/styles.ts           |  1 -
 index.js                       |  4 ----
 package-lock.json              | 11 +++++++++++
 package.json                   |  1 +
 5 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/components/Login/component.tsx b/components/Login/component.tsx
index c75964fb..88c00334 100644
--- a/components/Login/component.tsx
+++ b/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
diff --git a/components/styles.ts b/components/styles.ts
index 72cc780e..ebdbddf8 100644
--- a/components/styles.ts
+++ b/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,
     },
diff --git a/index.js b/index.js
index e7a29691..dce9c859 100644
--- a/index.js
+++ b/index.js
@@ -1,7 +1,3 @@
-/**
- * @format
- */
-
 import 'react-native-gesture-handler';
 import {AppRegistry} from 'react-native';
 import App from './App';
diff --git a/package-lock.json b/package-lock.json
index a4f75342..5c78330f 100644
--- a/package-lock.json
+++ b/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",
diff --git a/package.json b/package.json
index 7d80cc96..a532c757 100644
--- a/package.json
+++ b/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",