terrakok/Compose-Multiplatform-Wizard-App

Android target has a screen with dark background compared to other targets

Closed this issue · 5 comments

image

The phone itself has the Light theme:
image

The reason is

android:theme="@android:style/Theme.Material.NoActionBar"

it needs to be

android:theme="@android:style/Theme.Material.Light.NoActionBar"

as in the official Compose Multiplatform template and in official Android template from Android Studio Giraffe | 2022.3.1 Patch 1.

The official Jetpack Compose also creates dynamic changing of the theme (but still has Theme.Material.Light.NoActionBar):


private val DarkColorScheme = darkColorScheme(
    primary = Purple80,
    secondary = PurpleGrey80,
    tertiary = Pink80
)

private val LightColorScheme = lightColorScheme(
    primary = Purple40,
    secondary = PurpleGrey40,
    tertiary = Pink40

    /* Other default colors to override
    background = Color(0xFFFFFBFE),
    surface = Color(0xFFFFFBFE),
    onPrimary = Color.White,
    onSecondary = Color.White,
    onTertiary = Color.White,
    onBackground = Color(0xFF1C1B1F),
    onSurface = Color(0xFF1C1B1F),
    */
)

@Composable
fun MyApplicationTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    // Dynamic color is available on Android 12+
    dynamicColor: Boolean = true,
    content: @Composable () -> Unit
) {
    val colorScheme = when {
        dynamicColor && Build.VERSION.SDK_INT >= Build.VERSION_CODES.S -> {
            val context = LocalContext.current
            if (darkTheme) dynamicDarkColorScheme(context) else dynamicLightColorScheme(context)
        }

        darkTheme -> DarkColorScheme
        else -> LightColorScheme
    }
    val view = LocalView.current
    if (!view.isInEditMode) {
        SideEffect {
            val window = (view.context as Activity).window
            window.statusBarColor = colorScheme.primary.toArgb()
            WindowCompat.getInsetsController(window, view).isAppearanceLightStatusBars = darkTheme
        }
    }

    MaterialTheme(
        colorScheme = colorScheme,
        typography = Typography,
        content = content
    )
}

I don't understand the problem. Are you sure about the project?

I created the project with https://terrakok.github.io/Compose-Multiplatform-Wizard/, and when I run it:
on Android - I have dark background
on ios/desktop - white background

the problem that Android has dark background, but it should have white background

aha, It is the project iteself. Where can I create wizard issues?

it is a different project. I guess you mean https://github.com/terrakok/Compose-Multiplatform-Wizard