Theming stuff

components/Player/mini-player.tsx

@@ -26,7 +26,7 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
     const { width } = useSafeAreaFrame();
 
     return (
-        <BlurView>
+        <BlurView overlayColor={Colors.Background}>
             { nowPlaying && (
 
                 <XStack 

components/jellify.tsx

@@ -6,7 +6,7 @@ import Navigation from "./navigation";
 import Login from "./Login/component";
 import { JellyfinAuthenticationProvider } from "./Login/provider";
 import { SafeAreaProvider } from "react-native-safe-area-context";
-import { JellifyTheme } from "./theme";
+import { JellifyDarkTheme } from "./theme";
 import { PlayerProvider } from "../player/provider";
 
 export default function Jellify(): React.JSX.Element {
@@ -24,7 +24,7 @@ function App(): React.JSX.Element {
   const { server, library } = useApiClientContext();
   
   return (
-    <NavigationContainer theme={JellifyTheme}>
+    <NavigationContainer theme={JellifyDarkTheme}>
       <SafeAreaProvider>
         { server && library ? (
           <PlayerProvider>

components/theme.ts

@@ -1,12 +1,13 @@
 import { DarkTheme } from "@react-navigation/native";
 import { Colors } from "../enums/colors";
 
-export const JellifyTheme = {
-    ...DarkTheme,
+export const JellifyDarkTheme = {
     colors: {
       ...DarkTheme.colors,
+      card: Colors.Background,
+      border: Colors.Secondary,
       background: Colors.Background,
       primary: Colors.Primary,
     },  
     dark: true
-  };
+};