going dark

App.tsx

@@ -5,11 +5,13 @@ import "react-native-url-polyfill/auto";
 import Jellify from './components/jellify';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { useColorScheme } from 'react-native';
 
 export default function App(): React.JSX.Element {
 
   const queryClient = new QueryClient();
 
+  require('react-native-ui-lib/config').setConfig({appScheme: 'default'});
 
   return (
     <QueryClientProvider client={queryClient}>

components/jellify.tsx

@@ -37,9 +37,11 @@ function conditionalHomeRender(): React.JSX.Element {
   const Stack = createNativeStackNavigator()
   
   const Tab = createBottomTabNavigator();
+
+  const isDarkMode = useColorScheme() === 'dark';
   
   return (
-    <View style={jellifyStyles.container}>
+    <View style={jellifyStyles.container} bg-$backgroundDark={isDarkMode}>
         <NavigationContainer theme={useTheme()}>
             { !_.isUndefined(libraryId) ? (
               <Stack.Navigator screenOptions={{ headerShown: false }}>