Keep android changes

app.config.js

@@ -311,25 +311,25 @@ module.exports = function (_config) {
           'expo-splash-screen',
           {
             ios: {
-              enableFullScreenImage_legacy: true,
+              enableFullScreenImage_legacy: true, // iOS only
-              backgroundColor: '#ffffff',
+              backgroundColor: '#A8CCFF', // primary_200
-              image: './assets/splash.png',
+              image: './assets/splash/splash.png',
               resizeMode: 'cover',
               dark: {
-                enableFullScreenImage_legacy: true,
+                enableFullScreenImage_legacy: true, // iOS only
-                backgroundColor: '#001429',
+                backgroundColor: '#00398A', // primary_800
-                image: './assets/splash-dark.png',
+                image: './assets/splash/splash-dark.png',
                 resizeMode: 'cover',
               },
             },
             android: {
-              backgroundColor: '#0c7cff',
+              backgroundColor: '#A8CCFF', // primary_200
-              image: './assets/splash-android-icon.png',
+              image: './assets/splash/android-splash-logo-white.png',
-              imageWidth: 150,
+              imageWidth: 105,
               dark: {
-                backgroundColor: '#0c2a49',
+                backgroundColor: '#00398A', // primary_800
-                image: './assets/splash-android-icon-dark.png',
+                image: './assets/splash/android-splash-logo-white.png',
-                imageWidth: 150,
+                imageWidth: 105,
               },
             },
           },

src/Splash.tsx

@@ -21,9 +21,9 @@ import * as SplashScreen from 'expo-splash-screen'
 
 import {Logotype} from '#/view/icons/Logotype'
 // @ts-ignore
-import splashImagePointer from '../assets/splash.png'
+import splashImagePointer from '../assets/splash/splash.png'
 // @ts-ignore
-import darkSplashImagePointer from '../assets/splash-dark.png'
+import darkSplashImagePointer from '../assets/splash/splash-dark.png'
 const splashImageUri = RNImage.resolveAssetSource(splashImagePointer).uri
 const darkSplashImageUri = RNImage.resolveAssetSource(
   darkSplashImagePointer,

src/view/com/auth/SplashScreen.tsx

@@ -11,9 +11,9 @@ import {Logotype} from '#/view/icons/Logotype'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, ButtonText} from '#/components/Button'
 // @ts-ignore
-import splashImagePointer from '../../../../assets/splash/splash-mobile.png'
+import splashImagePointer from '../../../../assets/splash/illustration-mobile.png'
 // @ts-ignore
-import darkSplashImagePointer from '../../../../assets/splash/splash-mobile-dark.png'
+import darkSplashImagePointer from '../../../../assets/splash/illustration-mobile-dark.png'
 const splashImageUri = RNImage.resolveAssetSource(splashImagePointer).uri
 const darkSplashImageUri = RNImage.resolveAssetSource(
   darkSplashImagePointer,
@@ -78,7 +78,7 @@ export const SplashScreen = ({
 
         <View
           testID="signinOrCreateAccount"
-          style={[a.px_xl, a.gap_md, a.pb_sm]}>
+          style={[a.px_5xl, a.gap_md, a.pb_sm]}>
           <View
             style={[
               t.atoms.shadow_md,