Google Chrome Desktop Adds Material Design Theme

In this codelab, you will learn how to update a starter app, a tip calculator app, to use the new features in Material Design 3, allowing an application's user interface to be themed dynamically based on the user's wallpaper. To get started, make sure you have a computer with Android Studio installed.

When working with themes in Android, it's essential to understand how theme attributes relate to each other. This knowledge will help you create and apply custom themes using our tooling. You'll also need to differentiate between existing Material Components and Material 3 themes.

Before diving into the codelab, make sure you're comfortable modifying an app's theme and familiar with basic theming concepts in Android. With this foundation, you'll be ready to explore some additional scenarios that allow you to control how colors are applied.

Let's take a look at a couple of screenshots of the application with dynamic color applied:

Now that we have a better understanding of the basics, it's time to update our starter app. We'll use the new features in Material Design 3 to create a theme that dynamically changes based on the user's wallpaper.

In this codelab, you'll learn how to create and apply custom themes using Android Studio's tooling. You'll also examine some additional scenarios that allow you to control how colors are applied. By the end of this codelab, you'll have a solid understanding of how to use Material Design 3 to create dynamic themes for your applications.

Google chrome desktop adds material design theme