Hey everyone. The `isSystemInDarkTheme()` flag does not set dark theme on iOS. It works as expected...

# compose-ios

[Priyanshu Jain]

Hey everyone. The isSystemInDarkTheme() flag does not set dark theme on iOS. It works as expected on android. Using 1.5.0-rc06 version of compose multiplatform.

[Priyanshu Jain]

The theme file is structured as follows:

The commonMain directory has an expect fun declaration for the theme. Here, the useDarkTheme variable is set to isSystemInDarkTheme() flag.

@Composable
expect fun AppTheme(
    useDarkTheme: Boolean = isSystemInDarkTheme(),
    content: @Composable () -> Unit
)

[Priyanshu Jain]

And here's the iosMain actual implementation of the theme:

@Composable
actual fun AppTheme(
    useDarkTheme: Boolean,
    content: @Composable () -> Unit
) {
    val colors = when {
        useDarkTheme -> DarkColors
        else -> LightColors
    }
    MaterialTheme(
        colorScheme = colors,
        content = content
    )
}

[Alexander Zhirkevich]

Seems to work. Can you please create an issue and attach a minimal reproducible project?

[Farid Benhaimoud]

I did this for it to work

return ComposeUIViewController {
        val darkTheme = UIScreen.mainScreen.traitCollection.userInterfaceStyle ==
                UIUserInterfaceStyle.UIUserInterfaceStyleDark
       ...
        // Bind safe area as the value for LocalSafeArea
        CompositionLocalProvider(LocalSafeArea provides safeArea) {
            TalamydAppTheme(darkTheme) {
                Surface(
                    color = MaterialTheme.colorScheme.background,
                    modifier = Modifier.fillMaxSize()
                ) {
                    ContentView(
                        component = root,
                    )
                }
            }
        }
    }

@Composable
fun TalamydAppTheme(
    darkTheme: Boolean,
    content: @Composable () -> Unit
) {

    val colors = if (darkTheme) DarkColorScheme else LightColorScheme
    MaterialTheme(
        colorScheme = colors,
        content = content,
        typography = Typography
    )
}

[Priyanshu Jain]

@Alexander Zhirkevich Raised a bug with a minimal reproducible project attached: https://github.com/JetBrains/compose-multiplatform/issues/3575

[Priyanshu Jain]

@Farid Benhaimoud Thanks for your help. Will check and see if this works. Meanwhile, I have also raised a bug for the same.

[Priyanshu Jain]

The issue was due to

.preferredColorScheme(.light)

this line in iosApp.swift file.

[Dima Avdeev]

Thanks! That was mistake in template project. Already fixed!