Our message design now has a layout, but it doesn't look too good yet.
Jetpack Compose provides an implementation of Material Design and its UI elements out of the
box. We'll improve the appearance of our MessageCard composable using Material Design styling.
To start, we wrap our
MessageCard function with the
Material theme created in your project,
in this case. Do it both in the
@Preview and in the
Material Design is built around three pillars: Color, Typography, Shape. Let's add them one by one
Note: the Empty Compose Activity generates a default theme for your project that allows you to
customize MaterialTheme. If you named your project anything different from ComposeTutorial, you
can find your custom theme in the ui.theme package.