<div class='type'>Composable Component</div>



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

<a id='references'></a>



<h2 id="materialtheme-colorscheme-shapes-typography-content">MaterialTheme</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@Composable
fun MaterialTheme(
    colorScheme: ColorScheme = MaterialTheme.colorScheme,
    shapes: Shapes = MaterialTheme.shapes,
    typography: Typography = MaterialTheme.typography,
    content: @Composable () -> Unit,
) =
    MaterialTheme(
        colorScheme = colorScheme,
        motionScheme = MaterialTheme.motionScheme,
        shapes = shapes,
        typography = typography,
        content = content,
    )
```


#### Parameters

| | |
| --- | --- |
| colorScheme | A complete definition of the Material Color theme for this hierarchy |
| shapes | A set of corner shapes to be used as this hierarchy's shape system |
| typography | A set of text styles to be used as this hierarchy's typography system |
| content | The content inheriting this theme |






<hr class="docs-overload-divider">


<h2 id="materialtheme-colorscheme-motionscheme-shapes-typography-content">MaterialTheme</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@Composable
fun MaterialTheme(
    colorScheme: ColorScheme = MaterialTheme.colorScheme,
    motionScheme: MotionScheme = MaterialTheme.motionScheme,
    shapes: Shapes = MaterialTheme.shapes,
    typography: Typography = MaterialTheme.typography,
    content: @Composable () -> Unit,
)
```


#### Parameters

| | |
| --- | --- |
| colorScheme | A complete definition of the Material Color theme for this hierarchy |
| motionScheme | A complete definition of the Material Motion scheme for this hierarchy |
| shapes | A set of corner shapes to be used as this hierarchy's shape system |
| typography | A set of text styles to be used as this hierarchy's typography system |