Style in Kotlin Multiplatform Compose

Style.kt

// LocalAppTheme
val LocalAppTheme = staticCompositionLocalOf { DefaultAppTheme }

val DefaultAppTheme = AppTheme(
    colors = DarkThemeColors,
    typography = DefaultAppTypography,
    dimension = DefaultAppDimension
)

// AppTheme
data class AppTheme(
    val colors: AppColors,
    val typography: AppTypography,
    val dimension: AppDimension,
)

@Composable
fun AppTheme(content: @Composable () -> Unit) {
    CompositionLocalProvider(
        LocalAppTheme provides DarkAppTheme(),
    ) {
        val appTheme = LocalAppTheme.current
        changeSystemBarsColor(
            statusBarColor = appTheme.colors.greyscale.c100,
            navBarColor = appTheme.colors.greyscale.c100,
        )
        MaterialTheme(
            colors = MaterialTheme.colors.copy(
                primary = appTheme.colors.primary.c60,//specify some colors in default material theme as well to provide values for default components.
                background = appTheme.colors.greyscale.c100,
                onBackground = appTheme.colors.greyscale.c10,
            ),
        ) {
            content()
        }
    }
}