fix status bar color

Author: Lyokone

app/src/main/java/com/firebase/uidemo/auth/compose/AuthComposeActivity.kt

@@ -6,27 +6,34 @@ import android.os.Bundle
 import androidx.activity.ComponentActivity
 import androidx.activity.compose.setContent
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Surface
 import androidx.compose.ui.Modifier
-import com.firebase.ui.auth.AuthUI
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.toArgb
+import androidx.core.view.WindowCompat
 import com.firebase.ui.auth.data.model.FirebaseAuthUIAuthenticationResult
-import com.firebase.uidemo.R
 import com.firebase.uidemo.auth.SignedInActivity
 import com.firebase.uidemo.ui.theme.FirebaseUIDemoTheme
 
 class AuthComposeActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
+
+        // Configure system UI
+        window.apply {
+            statusBarColor = Color.White.toArgb()
+            navigationBarColor = Color.White.toArgb()
+
+            WindowCompat.getInsetsController(this, decorView).apply {
+                isAppearanceLightStatusBars = true
+                isAppearanceLightNavigationBars = true
+            }
+        }
+
         setContent {
             FirebaseUIDemoTheme {
-                Surface(
-                    modifier = Modifier.fillMaxSize(),
-                    color = MaterialTheme.colorScheme.background
-                ) {
-                    AuthScreen { result ->
-                        handleSignInResponse(result)
-                    }
+                Surface(modifier = Modifier.fillMaxSize(), color = Color.White) {
+                    AuthScreen { result -> handleSignInResponse(result) }
                 }
             }
         }
@@ -35,20 +42,16 @@ class AuthComposeActivity : ComponentActivity() {
     private fun handleSignInResponse(result: FirebaseAuthUIAuthenticationResult) {
         when (result.resultCode) {
             RESULT_OK -> {
-                // Successfully signed in
                 val response = result.idpResponse
                 startActivity(SignedInActivity.createIntent(this, response))
                 finish()
             }
             else -> {
-                // Sign in failed
                 val response = result.idpResponse
                 if (response == null) {
-                    // User pressed back button
                     finish()
                     return
                 }
-                // Handle other error cases
             }
         }
     }
@@ -58,4 +61,4 @@ class AuthComposeActivity : ComponentActivity() {
             return Intent(context, AuthComposeActivity::class.java)
         }
     }
-} 
+}

app/src/main/java/com/firebase/uidemo/auth/compose/AuthScreen.kt

@@ -1,38 +1,33 @@
 package com.firebase.uidemo.auth.compose
 
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.fillMaxSize
-import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
-import com.firebase.ui.auth.AuthUI
+import androidx.compose.ui.graphics.Color
 import com.firebase.ui.auth.AuthUI.IdpConfig
-import com.firebase.ui.auth.data.model.FirebaseAuthUIAuthenticationResult
 import com.firebase.ui.auth.compose.FirebaseAuthUI
+import com.firebase.ui.auth.data.model.FirebaseAuthUIAuthenticationResult
 import com.firebase.uidemo.R
 
 @Composable
-fun AuthScreen(
-    onSignInResult: (FirebaseAuthUIAuthenticationResult) -> Unit
-) {
-    val providers = listOf(
-        IdpConfig.GoogleBuilder().build(),
-        IdpConfig.EmailBuilder().build(),
-    )
-
-    FirebaseAuthUI(
-        providers = providers,
-        onSignInResult = { result -> /* optional logging */ },
-
-        signedInContent = {
-            SignedInScreen(idpResponse = null) {
-            }
-        },
+fun AuthScreen(onSignInResult: (FirebaseAuthUIAuthenticationResult) -> Unit) {
+    val providers =
+            listOf(
+                    IdpConfig.GoogleBuilder().build(),
+                    IdpConfig.EmailBuilder().build(),
+            )
 
-        theme = R.style.AppTheme,
-        logo = R.drawable.firebase_auth_120dp,
-        tosUrl = "https://www.google.com/policies/terms/",
-        privacyPolicyUrl = "https://www.google.com/policies/privacy/"
-    )
-} 
+    Box(modifier = Modifier.fillMaxSize().background(Color.White)) {
+        FirebaseAuthUI(
+                providers = providers,
+                onSignInResult = { result -> /* optional logging */ },
+                signedInContent = { SignedInScreen(idpResponse = null) {} },
+                theme = R.style.AppTheme,
+                logo = R.drawable.firebase_auth_120dp,
+                tosUrl = "https://www.google.com/policies/terms/",
+                privacyPolicyUrl = "https://www.google.com/policies/privacy/"
+        )
+    }
+}