At any time, you can run either version in Android Studio by changing the git branch of the project. We recommend that you start with the code in the main branch and follow the codelab step-by-step at your own pace. end – Contains the completed code for this codelab.You will make changes to this code to complete the codelab.

main – Contains the starter code for this project.

The project is built in multiple git branches:

ThemingCodelab - Project that contains the starting and completed code for this codelab.To complete this codelab, open the ThemingCodelab project inside Android Studio. The code you just downloaded contains code for all available Compose codelabs.

To clone it, run: $ git clone Īlternatively, you can download two zip files: The code for this codelab can be found in the codelab-android-compose GitHub repository. In this step, you download the full code of the Reply app that you'll style in this codelab.

Basic familiarity with Compose layouts, such as Row, Column, and Modifier.

Basic experience with the Kotlin language.

By the end of codelab, you'll have support for both color and dynamic themes for your app.Įnd point of the theming codelab with light color theming and light dynamic theming.Įnd point of the theming codelab with dark color theming and dark dynamic theming. You will also add dynamic theme support to the app. You'll create your theme with color scheme, typography, and shapes, and then apply it to your app's email list and detail page. If you do not specify or customize your theme, Material components will fall back to the baseline theme.ĭefault starting point of our app with the baseline theme. Note: Material defaults to a baseline purple color scheme. You begin with an unstyled application, using the baseline theme, and will apply what you learn to theme the application and support dark themes. In this codelab, you will theme an email client app called Reply.

Material 3 components and customizing to style your app.

Typography and shapes to personalize your app.

How to support dynamic and light/dark theming for your app.

Material 3 color schemes and how to generate themes for your app.Note: The terms 'Material Design 3', 'Material 3', and 'M3' are interchangeable. In addition, you'll explore support of dynamic theming along with different emphasis levels. You'll also learn about the key building blocks of Material Design 3 Color schemes, typography, and shapes, which help you theme your application in personalized and accessible ways. In this codelab, you will learn about theming your apps in Jetpack Compose using Material Design 3.

Download the new for android LightBear