Google's colorful Material You works in these apps

Google's colorful Material You theme works in these apps

9to5Google By Ben Schoon September 14, 2021

[{"selector":"#anim-2a3920e9-5259-4113-932a-9d790250f34e","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Material You is Google's new design language for Android, and it's set to be fully embraced by Pixel phones soon. The big trick of this feature is that it has the ability to change its look to match the colors of your wallpaper throughout the operating system and apps that support the feature.

[{"selector":"#anim-0780baad-2840-4e83-b87b-04a3b16c936e","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Even before Android 12 has been released, some apps are already taking advantage of the new design. This comes in the form of new UI elements as well as "Dynamic Color" which can match the system accent color and use that throughout the rest of the operating system.

[{"selector":"#anim-050b34db-fadd-459a-bf68-be0de30e61f0","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-007e3dc7-6214-4b84-92ef-f1eabda6ebbf","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] What apps support Android 12's wallpaper-based colors? As of mid-September, over 20 apps support Material You and Dynamic Color in some capacity. Let's take a look...

[{"selector":"#anim-e484e2bc-93c3-4510-ad7a-eda4d5370354","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0d6b1501-c35f-4eb5-8250-fb166098ab9e","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Google Calculator One of our favorite examples so far is Google Calculator, which brings out some beautiful themes that pull multiple colors out of your wallpaper for the different screen elements. The update comes with v8.0 of the app which is bundled with Android 12.

[{"selector":"#anim-9562b24e-9072-4028-8af8-43c13a635570","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce0ce24b-f065-4b4d-82a6-c487ea86a3cf","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Google Clock Another great example of Material You used to its fullest potential is Google Clock, which brought a big redesign with Android 12. Like Calculator, it pulls some fantastic themes from your wallpaper and just looks gorgeous in certain themes.

[{"selector":"#anim-6d8d1367-f1cf-4863-beb1-a9bd1d0bdc6d","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-91c76d3b-dd96-4233-935a-65157726ec14","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Google Phone & Contacts The Google Phone and Google Contacts apps were some of the first to adopt Dynamic Color. Both have tweaked UI elements such as the search bar and buttons, and the bottom bar picks up tinted colors based on the system accent.

[{"selector":"#anim-ac8eea88-85b9-42b0-9981-6637f4812692","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-765d3c49-b798-4668-9668-d53078511c4b","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Google Workspace Apps Beyond stock Android apps, Google is also bringing Material You to some of its most popular apps — Workspace apps. This includes Gmail, Keep, Meet, Drive, and more.

[{"selector":"#anim-98092130-9593-4283-b13e-1f8d21da14d5","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1868f7fb-db5d-4faf-9c06-637264895e0e","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Google Camera & Lens More subtle examples of Material You in apps include that of Google Camera and Lens, both of which only use Dynamic Color to adjust some sparse UI elements.

[{"selector":"#anim-b2421656-fc26-49c8-b35d-97ef5c5837a1","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ee21df0e-29e2-4b11-be54-c5e6b91ee5fc","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Gboard Perhaps the most fun Material You redesign, though, comes in the form of Gboard. The clever design has vibrant shades of the accent colors, has a neat circular letter preview pop-up, and more.

[{"selector":"#anim-d45e4fdc-8e6a-4b68-975c-005b9fa78c6b","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-27cf873b-c022-4e7a-a306-dceba9bd1b8e","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] What app do you want to get a Material You update? Material You is a brand new design legacy, and as such it's going to take time to expand. There are a few third-party apps with support including Tasker, Inware, and Sleep as Android, but it'll be a little while before it expands. What app do you want to see updated?