Compose color machine how to#
Compose color machine android#

The application also contains Compose layout previews. Selecting either configuration and pressing the run button will deploy the code to your device or emulator. The application has 2 run configurations reflecting the start and end states of the codelab.

Compose color machine android#

Select your working version of a file and the corresponding file from the finish package and use Android Studio's Compare function. Note: At any time you can compare your current state of a file with the end state.

.finish This is the end state of the codelab, for your reference..start This is the starting point for the codelab, you should make all changes requested in this codelab in this package.You should not need to edit this package during this codelab. This contains model classes and sample data.The project contains three main packages: Open the project in Android Studio and select ‘File > Import Project' and browse to the ThemingCodelab directory. If you do not have git, you can click the following button to download all the code for this codelab: git clone Ĭd android-compose-codelabs/ThemingCodelab To check whether git is installed, type git -version in the terminal or command line and verify that it executes correctly. If you have git installed, you can simply run the command below. In this step, you will download the code for this which comprises a simple news-reader app that we will style. Basic familiarity with Compose layouts e.g.Experience with Kotlin syntax, including lambdas.We begin with an unstyled application and will apply what we learn to theme the application and support dark themes.

In this codelab we will style a news-reading app.

Compose color machine how to#

How to define and use colors, typography and shapes throughout your app.How Compose implements the Material Design system.A primer in Material Design and how you can customize it for your brand.We'll see how to customize colors, shapes and typography so that they're used consistently throughout your application, supporting multiple themes such as light & dark theme. In this codelab you will learn how to use Jetpack Compose's theming APIs to style your application.