Merge pull request #13874 from 0xmiroslav/issue-12914

apply dark theme throughout the app

android/app/src/main/java/com/expensify/chat/MainApplication.java

@@ -3,6 +3,7 @@
 import android.content.Context;
 import android.database.CursorWindow;
 
+import androidx.appcompat.app.AppCompatDelegate;
 import androidx.multidex.MultiDexApplication;
 
 import com.expensify.chat.bootsplash.BootSplashPackage;
@@ -64,6 +65,10 @@ public ReactNativeHost getReactNativeHost() {
   @Override
   public void onCreate() {
       super.onCreate();
+
+      // Use night (dark) mode so native UI defaults to dark theme.
+      AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
+
       // If you opted-in for the New Architecture, we enable the TurboModule system
       ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED;
       SoLoader.init(this, /* native exopackage */ false);

android/app/src/main/res/values/styles.xml

@@ -4,7 +4,7 @@
     <style name="AppTheme" parent="BaseAppTheme"/>
 
     <!-- Base application theme. Applied to all Android versions -->
-    <style name="BaseAppTheme" parent="Theme.AppCompat.Light.NoActionBar">
+    <style name="BaseAppTheme" parent="Theme.AppCompat.NoActionBar">
         <item name="android:textColor">@color/dark</item>
         <item name="android:colorEdgeEffect">@color/gray4</item>
         <item name="android:statusBarColor">#061B09</item>

ios/NewExpensify/Info.plist

@@ -111,6 +111,8 @@
 		<string>UIInterfaceOrientationLandscapeRight</string>
 		<string>UIInterfaceOrientationLandscapeLeft</string>
 	</array>
+	<key>UIUserInterfaceStyle</key>
+	<string>Dark</string>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
 </dict>

web/index.html

@@ -23,6 +23,9 @@
         #root > div > div {
             height: 100% !important;
         }
+        :root {
+            color-scheme: dark;
+        }
         #drag-area {
             -webkit-app-region: drag;
         }