diff --git a/App.tsx b/App.tsx
index b92463d0..b9e88aa5 100644
--- a/App.tsx
+++ b/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}>
diff --git a/components/jellify.tsx b/components/jellify.tsx
index 87ba0787..cf51d1ba 100644
--- a/components/jellify.tsx
+++ b/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 }}>