fix: fix dark mode for web

Author: ElenaBitire

src/app/_layout.tsx

@@ -45,9 +45,11 @@ function RootLayoutNav() {
 
 function Providers({ children }: { children: React.ReactNode }) {
   const theme = useThemeConfig();
-
   return (
-    <GestureHandlerRootView style={styles.container}>
+    <GestureHandlerRootView
+      style={styles.container}
+      className={theme.dark ? `dark` : undefined}
+    >
       <ThemeProvider value={theme}>
         <APIProvider>
           <BottomSheetModalProvider>

tailwind.config.js

@@ -4,6 +4,7 @@ const colors = require('./src/ui/colors');
 module.exports = {
   // NOTE: Update this to include the paths to all of your component files.
   content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  darkMode: 'class',
   presets: [require('nativewind/preset')],
   theme: {
     extend: {