With Google I/O 2019 fast approaching, developers around the world anticipate new acts on one of the world’s biggest (and most popular) tech stages.

During last year’s presentation, there was a lot of news and discussion around Material Design Components. This took design implementation to the next level–making design easier for the developer community.

Refer Material.io Design - Material Studies

Designed for Android, iOS, Web and Flutter frameworks, the material component library is a universal tool. But there are specific considerations around Material Theming and how to use it in Android.

By definition, Material Theming is the ability to systematically customize Material Design to better reflect your brand within a digital product.

Theming consists of three major parts:

1. Color Theming
2. Shape Theming
3. Typography Theming

Color Theming

Many are accustomed to defining a color system at the app level. But this has evolved, adding more attributes. These attributes help to inform more global color applications–enhancing and customizing the look and feel, along with the accessibility, of view components.

Refer Material.io Design - Material Studies

The colorError attribute will be applied for all text fields to highlight the error behavior from just one source. Additionally, it helps to define multiple themes for a single app quickly, or to create variants of your app.

For example, you can change the color theme without affecting other code by identifying the appropriate theming attributes.

Refer Material.io Design - Material Studies

You can find the source code for this demo Blogs-Thinking_Material.

To find out more about material components and theming, you can also check out the official Android Material Theming Guide.

‍