MaterialTheme examples in Material Compose

Material Theming Material Theming refers to the customization of your Material Design app to better reflect your product’s brand.

MaterialThemeSample

@Sampled
@Composable
fun MaterialThemeSample() {
    val lightColors = lightColors(primary = Color(0xFF1EB980))

    val darkColors = darkColors(primary = Color(0xFF66ffc7))

    val colors = if (isSystemInDarkTheme()) darkColors else lightColors

    val typography =
        Typography(
            h1 = TextStyle(fontWeight = FontWeight.W100, fontSize = 96.sp),
            button = TextStyle(fontWeight = FontWeight.W600, fontSize = 14.sp),
        )

    MaterialTheme(colors = colors, typography = typography) {
        val currentTheme = if (MaterialTheme.colors.isLight) "light" else "dark"
        ExtendedFloatingActionButton(
            text = { Text("FAB with text style and color from $currentTheme theme") },
            onClick = {},
        )
    }
}