Resolve dark mode styling issues

src/components/Colors.ios.tsx

@@ -22,5 +22,6 @@ export const colors = StyleSheet.create({
     },
     input: {
         backgroundColor: PlatformColor('systemGray5Color'),
+        color: PlatformColor('label'),
     }
 });

src/components/Modal.tsx

@@ -11,8 +11,6 @@ const Background = styled.View`
 const Container = styled.View`
     border-radius: 20px;
     flex: 1;
-    justify-content: center;
-    align-items: center;
 `;
 
 const Modal: React.FC = ({ children }) => {

src/screens/Player/index.tsx

@@ -13,8 +13,6 @@ const styles = StyleSheet.create({
     }
 });
 
-console.log(JSON.stringify(styles));
-
 export default function Player() {
     return (
         <ScrollView contentContainerStyle={styles.inner} style={styles.outer}>

src/screens/Settings/index.tsx

@@ -1,6 +1,5 @@
 import React, { useCallback } from 'react';
-import { View, Text, SafeAreaView, Button } from 'react-native';
-import { Picker } from '@react-native-community/picker';
+import { View, Text, SafeAreaView, Button, StyleSheet } from 'react-native';
 import { ScrollView } from 'react-native-gesture-handler';
 import styled from 'styled-components/native';
 import { useSelector } from 'react-redux';
@@ -16,7 +15,6 @@ const InputContainer = styled.View`
 `;
 
 const Input = styled.TextInput`
-    background-color: #fbfbfb;
     padding: 15px;
     margin-top: 5px;
     border-radius: 5px;
@@ -34,15 +32,15 @@ export default function Settings() {
                     <Header style={colors.text}>Settings</Header>
                     <InputContainer>
                         <Text style={colors.text}>Jellyfin Server URL</Text>
-                        <Input placeholder="https://jellyfin.yourserver.com/" value={jellyfin?.uri} editable={false} />
+                        <Input placeholder="https://jellyfin.yourserver.com/" value={jellyfin?.uri} editable={false} style={colors.input} />
                     </InputContainer>
                     <InputContainer>
                         <Text style={colors.text}>Jellyfin Access Token</Text>
-                        <Input placeholder="deadbeefdeadbeefdeadbeef" value={jellyfin?.access_token} editable={false} />
+                        <Input placeholder="deadbeefdeadbeefdeadbeef" value={jellyfin?.access_token} editable={false} style={colors.input} />
                     </InputContainer>
                     <InputContainer>
                         <Text style={colors.text}>Jellyfin User ID</Text>
-                        <Input placeholder="deadbeefdeadbeefdeadbeef" value={jellyfin?.user_id} editable={false} />
+                        <Input placeholder="deadbeefdeadbeefdeadbeef" value={jellyfin?.user_id} editable={false} style={colors.input} />
                     </InputContainer>
                     <Button title="Set Jellyfin server" onPress={handleClick} color={THEME_COLOR} />
                     {/* The bitrate setting is hidden for now, since Jellyfin does not appear to support custom bitrates */}

src/screens/modals/SetJellyfinServer/index.tsx

@@ -32,7 +32,7 @@ export default function SetJellyfinServer() {
                     onCredentialsRetrieved={saveCredentials}
                 />
             ) : (
-                <View style={{ padding: 20 }}>
+                <View style={{ padding: 20, flex: 1, justifyContent: 'center', alignItems: 'center' }}>
                     <Text style={colors.text}>
                         Please enter your Jellyfin server URL. Make sure to include the protocol and port
                     </Text>
@@ -43,7 +43,7 @@ export default function SetJellyfinServer() {
                         keyboardType="url"
                         autoCapitalize="none"
                         autoCorrect={false}
-                        style={colors.input}
+                        style={{ ...colors.input, width: '100%' }}
                     />
                     <Button
                         title="Set server"

src/utility/JellyfinApi.ts

@@ -46,8 +46,6 @@ export function generateTrack(track: AlbumTrack, credentials: Credentials): Trac
     };
     const trackParams = new URLSearchParams(trackOptions).toString();
     const url = encodeURI(`${credentials?.uri}/Audio/${track.Id}/universal.mp3?${trackParams}`);
-    
-    console.log(url);
 
     return {
         id: track.Id,