Refactor color scheme handling to use a fixed 'dark' theme and implement SourceSelectionModal for source management in the player

app/_layout.tsx

@@ -3,7 +3,7 @@ import { useFonts } from "expo-font";
 import { Stack } from "expo-router";
 import * as SplashScreen from "expo-splash-screen";
 import { useEffect } from "react";
-import { Platform, useColorScheme } from "react-native";
+import { Platform } from "react-native";
 
 import { useSettingsStore } from "@/stores/settingsStore";
 
@@ -11,7 +11,7 @@ import { useSettingsStore } from "@/stores/settingsStore";
 SplashScreen.preventAutoHideAsync();
 
 export default function RootLayout() {
-  const colorScheme = useColorScheme() ?? "dark";
+  const colorScheme = "dark";
   const [loaded, error] = useFonts({
     SpaceMono: require("../assets/fonts/SpaceMono-Regular.ttf"),
   });

app/index.tsx

@@ -5,7 +5,6 @@ import { ThemedText } from "@/components/ThemedText";
 import { api } from "@/services/api";
 import VideoCard from "@/components/VideoCard.tv";
 import { useFocusEffect, useRouter } from "expo-router";
-import { useColorScheme } from "react-native";
 import { Search, Settings } from "lucide-react-native";
 import { SettingsModal } from "@/components/SettingsModal";
 import { StyledButton } from "@/components/StyledButton";
@@ -18,7 +17,7 @@ const ITEM_WIDTH = width / NUM_COLUMNS - 24;
 
 export default function HomeScreen() {
   const router = useRouter();
-  const colorScheme = useColorScheme();
+  const colorScheme = "dark";
   const flatListRef = useRef<FlatList>(null);
 
   const {

app/play.tsx

@@ -6,6 +6,7 @@ import { useKeepAwake } from "expo-keep-awake";
 import { ThemedView } from "@/components/ThemedView";
 import { PlayerControls } from "@/components/PlayerControls";
 import { EpisodeSelectionModal } from "@/components/EpisodeSelectionModal";
+import { SourceSelectionModal } from "@/components/SourceSelectionModal";
 import { SeekingBar } from "@/components/SeekingBar";
 import { NextEpisodeOverlay } from "@/components/NextEpisodeOverlay";
 import { LoadingOverlay } from "@/components/LoadingOverlay";
@@ -30,6 +31,7 @@ export default function PlayScreen() {
     isLoading,
     showControls,
     showEpisodeModal,
+    showSourceModal,
     showNextEpisodeOverlay,
     initialPosition,
     setVideoRef,
@@ -40,6 +42,7 @@ export default function PlayScreen() {
     handlePlaybackStatusUpdate,
     setShowControls,
     setShowEpisodeModal,
+    setShowSourceModal,
     setShowNextEpisodeOverlay,
     reset,
   } = usePlayerStore();
@@ -69,7 +72,15 @@ export default function PlayScreen() {
     const backHandler = BackHandler.addEventListener("hardwareBackPress", backAction);
 
     return () => backHandler.remove();
-  }, [showControls, showEpisodeModal, setShowControls, setShowEpisodeModal, router]);
+  }, [
+    showControls,
+    showEpisodeModal,
+    showSourceModal,
+    setShowControls,
+    setShowEpisodeModal,
+    setShowSourceModal,
+    router,
+  ]);
 
   if (!detail && isLoading) {
     return (
@@ -111,6 +122,7 @@ export default function PlayScreen() {
       </TouchableOpacity>
 
       <EpisodeSelectionModal />
+      <SourceSelectionModal />
     </ThemedView>
   );
 }

app/search.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect } from "react";
-import { View, TextInput, StyleSheet, FlatList, ActivityIndicator, Text, Keyboard, useColorScheme } from "react-native";
+import { View, TextInput, StyleSheet, FlatList, ActivityIndicator, Text, Keyboard } from "react-native";
 import { ThemedView } from "@/components/ThemedView";
 import { ThemedText } from "@/components/ThemedText";
 import VideoCard from "@/components/VideoCard.tv";
@@ -13,7 +13,7 @@ export default function SearchScreen() {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const textInputRef = useRef<TextInput>(null);
-  const colorScheme = useColorScheme();
+  const colorScheme = "dark"; // Replace with useColorScheme() if needed
   const [isInputFocused, setIsInputFocused] = useState(false);
 
   useEffect(() => {