# material-you

Published articles for material-you.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Material You supports efficient tablet and foldable experiences

DevFeed: [Material You supports efficient tablet and foldable experiences](<https://devfeed.tech/articles/better-design-for-bigger-screens-29301.md>)

Original publisher: [Read original article](<https://material.io/blog/material-you-large-screens>)

Published: 2023-04-29T13:00:00Z

Content type: article

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [material-you](<https://devfeed.tech/topics/material-you.md>)

Tags: [beautiful](<https://devfeed.tech/tags/beautiful.md>), [better](<https://devfeed.tech/tags/better.md>), [design](<https://devfeed.tech/tags/design.md>), [material-you](<https://devfeed.tech/tags/material-you.md>)

### AI overview

This article explains how Material You supports efficient design for tablet and foldable experiences.

### Source excerpt

How Material You supports beautiful, efficient tablet and foldable experiences

## Supporting adaptive themed icons on Android 13

DevFeed: [Supporting adaptive themed icons on Android 13](<https://devfeed.tech/articles/supporting-adaptive-themed-icons-on-android-13-28363.md>)

Original publisher: [Read original article](<https://siddroid.com/post/android/supporting-adaptive-themed-icons-on-android-13/>)

Author: Siddhesh Patil

Published: 2022-05-19T11:50:55Z

Content type: tutorial

Language: en

Sources: [Sid Patil - Android Engineer and Kotlin Advocate](<https://devfeed.tech/sources/sid-patil-android-engineer-and-kotlin-advocate.md>)

Topics: [Android](<https://devfeed.tech/topics/android.md>), [android-13](<https://devfeed.tech/topics/android-13.md>), [material-you](<https://devfeed.tech/topics/material-you.md>), [implementation](<https://devfeed.tech/topics/implementation.md>), [personalization](<https://devfeed.tech/topics/personalization.md>), [Specifications](<https://devfeed.tech/topics/specifications.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [adaptive](<https://devfeed.tech/tags/adaptive.md>), [adaptive-icons](<https://devfeed.tech/tags/adaptive-icons.md>), [android](<https://devfeed.tech/tags/android.md>), [android-13](<https://devfeed.tech/tags/android-13.md>), [android-13-features](<https://devfeed.tech/tags/android-13-features.md>), [android-system-ui](<https://devfeed.tech/tags/android-system-ui.md>), [android-tiramisu](<https://devfeed.tech/tags/android-tiramisu.md>), [articles-by-sid-patil](<https://devfeed.tech/tags/articles-by-sid-patil.md>), [icons](<https://devfeed.tech/tags/icons.md>), [implementation](<https://devfeed.tech/tags/implementation.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [material-you](<https://devfeed.tech/tags/material-you.md>), [md3](<https://devfeed.tech/tags/md3.md>), [migrate](<https://devfeed.tech/tags/migrate.md>), [migrating-apps-to-android-tiramisu](<https://devfeed.tech/tags/migrating-apps-to-android-tiramisu.md>), [migrating-to-android-13](<https://devfeed.tech/tags/migrating-to-android-13.md>), [monet](<https://devfeed.tech/tags/monet.md>), [monet-theming](<https://devfeed.tech/tags/monet-theming.md>), [personalization](<https://devfeed.tech/tags/personalization.md>), [specifications](<https://devfeed.tech/tags/specifications.md>), [support](<https://devfeed.tech/tags/support.md>), [supporting-themed-icons-on-android-13](<https://devfeed.tech/tags/supporting-themed-icons-on-android-13.md>), [system-ui-apk](<https://devfeed.tech/tags/system-ui-apk.md>), [themed-icons](<https://devfeed.tech/tags/themed-icons.md>), [tiramisu](<https://devfeed.tech/tags/tiramisu.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

A tutorial on adding adaptive themed icon support to Android applications targeting Android 13 (Tiramisu). It explains the role of Material You and Monet, and identifies Android 13, device-maker Monet support, launcher support, and app-level support as requirements.

### Source excerpt

One of the coolest features of Android 13 with Material You and Monet is dynamically themed icons. Let us take a look at how we can migrate our apps to Tiramisu and add support for custom themed icons to match the system wide dynamic theme colors.

## Dynamic themes with Compose and Material 3

DevFeed: [Dynamic themes with Compose and Material 3](<https://devfeed.tech/articles/dynamic-themes-with-compose-and-material-3-28366.md>)

Original publisher: [Read original article](<https://siddroid.com/post/compose/dynamic-themes-with-compose-and-material-3/>)

Author: Siddhesh Patil

Published: 2022-04-27T23:50:55Z

Content type: tutorial

Language: en

Sources: [Sid Patil - Android Engineer and Kotlin Advocate](<https://devfeed.tech/sources/sid-patil-android-engineer-and-kotlin-advocate.md>)

Topics: [Compose](<https://devfeed.tech/topics/compose.md>), [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [Android](<https://devfeed.tech/topics/android.md>), [material-you](<https://devfeed.tech/topics/material-you.md>), [Library](<https://devfeed.tech/topics/library.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-12](<https://devfeed.tech/tags/android-12.md>), [android-13](<https://devfeed.tech/tags/android-13.md>), [articles-by-sid-patil](<https://devfeed.tech/tags/articles-by-sid-patil.md>), [compose](<https://devfeed.tech/tags/compose.md>), [dynamic-colors-jetpack-compose](<https://devfeed.tech/tags/dynamic-colors-jetpack-compose.md>), [dynamic-theming](<https://devfeed.tech/tags/dynamic-theming.md>), [github](<https://devfeed.tech/tags/github.md>), [github-pages](<https://devfeed.tech/tags/github-pages.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [jetpack-compose-theme](<https://devfeed.tech/tags/jetpack-compose-theme.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [material-you](<https://devfeed.tech/tags/material-you.md>), [md3](<https://devfeed.tech/tags/md3.md>), [monet](<https://devfeed.tech/tags/monet.md>), [typography](<https://devfeed.tech/tags/typography.md>)

### AI overview

A tutorial on building dynamic light and dark themes with Jetpack Compose and Material 3, using wallpaper-derived colors from Material You on Android 12 and later. It covers dependencies, the Material Theme Builder, generated theme files, and manual theme preparation.

### Source excerpt

Use wallpaper generated system colors from Android 12 and Material You to repaint your apps to the users taste by using the material design 3 library and Jetpack compose

## Chasing Monet inside the Android framework

DevFeed: [Chasing Monet inside the Android framework](<https://devfeed.tech/articles/chasing-monet-inside-the-android-framework-28362.md>)

Original publisher: [Read original article](<https://siddroid.com/post/android/chasing-monet-inside-the-android-framework/>)

Author: Siddhesh Patil

Published: 2022-04-27T23:50:55Z

Content type: article

Language: en

Sources: [Sid Patil - Android Engineer and Kotlin Advocate](<https://devfeed.tech/sources/sid-patil-android-engineer-and-kotlin-advocate.md>)

Topics: [Android](<https://devfeed.tech/topics/android.md>), [Framework](<https://devfeed.tech/topics/framework.md>), [material-you](<https://devfeed.tech/topics/material-you.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [ui](<https://devfeed.tech/topics/ui.md>), [color](<https://devfeed.tech/topics/color.md>), [aosp](<https://devfeed.tech/topics/aosp.md>), [android-13](<https://devfeed.tech/topics/android-13.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-12](<https://devfeed.tech/tags/android-12.md>), [android-13](<https://devfeed.tech/tags/android-13.md>), [android-framework](<https://devfeed.tech/tags/android-framework.md>), [android-open-source-project](<https://devfeed.tech/tags/android-open-source-project.md>), [android-system-ui](<https://devfeed.tech/tags/android-system-ui.md>), [aosp](<https://devfeed.tech/tags/aosp.md>), [article](<https://devfeed.tech/tags/article.md>), [articles-by-sid-patil](<https://devfeed.tech/tags/articles-by-sid-patil.md>), [color](<https://devfeed.tech/tags/color.md>), [deep-dive](<https://devfeed.tech/tags/deep-dive.md>), [design](<https://devfeed.tech/tags/design.md>), [design-system](<https://devfeed.tech/tags/design-system.md>), [dynamic-colors-jetpack-compose](<https://devfeed.tech/tags/dynamic-colors-jetpack-compose.md>), [dynamic-theming](<https://devfeed.tech/tags/dynamic-theming.md>), [dynamic-theming-on-android](<https://devfeed.tech/tags/dynamic-theming-on-android.md>), [framework](<https://devfeed.tech/tags/framework.md>), [how-does-dynamic-theming-work-on-android](<https://devfeed.tech/tags/how-does-dynamic-theming-work-on-android.md>), [internals](<https://devfeed.tech/tags/internals.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [material-you](<https://devfeed.tech/tags/material-you.md>), [md3](<https://devfeed.tech/tags/md3.md>), [monet](<https://devfeed.tech/tags/monet.md>), [monet-in-aosp](<https://devfeed.tech/tags/monet-in-aosp.md>), [monet-theme-engine](<https://devfeed.tech/tags/monet-theme-engine.md>), [monet-theming](<https://devfeed.tech/tags/monet-theming.md>), [pixel](<https://devfeed.tech/tags/pixel.md>), [system-ui-apk](<https://devfeed.tech/tags/system-ui-apk.md>), [tiramisu](<https://devfeed.tech/tags/tiramisu.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

A technical deep dive into Monet, the Android framework changes behind Android 12/12L dynamic theming and Material You. It explains how System UI responds to wallpaper changes, extracts colors, generates tonal palettes, and refreshes the system context.

### Source excerpt

We deep dive into the internals of the Android framework, covering the System-UI to understand the changes introduced starting from Android 12/12L and above, code-named Monet. We will explore the new system-wide dynamic theming capabilities and take a look at how Monet fuels the Material You design.

## Implement Themed Icons (Android 13)

DevFeed: [Implement Themed Icons (Android 13)](<https://devfeed.tech/articles/implement-themed-icons-android-13-26019.md>)

Original publisher: [Read original article](<https://proandroiddev.com/implement-themed-icons-android-13-d20b89233681?source=rss-e93d234beac6------2>)

Author: Yahor Urbanovich

Published: 2022-02-16T10:31:44Z

Content type: tutorial

Language: en

Sources: [Stories by Yahor Urbanovich on Medium](<https://devfeed.tech/sources/stories-by-yahor-urbanovich-on-medium.md>)

Topics: [Android](<https://devfeed.tech/topics/android.md>), [API](<https://devfeed.tech/topics/api.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-13](<https://devfeed.tech/tags/android-13.md>), [api](<https://devfeed.tech/tags/api.md>), [developer-preview](<https://devfeed.tech/tags/developer-preview.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [icons](<https://devfeed.tech/tags/icons.md>), [implement](<https://devfeed.tech/tags/implement.md>), [material-you](<https://devfeed.tech/tags/material-you.md>), [storytelling](<https://devfeed.tech/tags/storytelling.md>), [themed-icon](<https://devfeed.tech/tags/themed-icon.md>), [themed-icons](<https://devfeed.tech/tags/themed-icons.md>)

### AI overview

A tutorial on implementing themed app icons in Android 13. It explains the limitations of the Android 12 approach and shows how to provide a monochrome icon resource that the system can tint dynamically.

### Source excerpt

Part of the Material You concept is Themed Icons. It means that all icons starting from Android 12 will be the same color and change dynamically based on wallpapers. Android 12 introduced a beta option for enabling Themed Icons, but icons looked inconsistently across the system. Only Google apps had themed icons, other looks the same as previous. Android 12 So far not available no API for developers. I found only a few materials on how to implement themed icons on Android 12. For example: Material You App Icons: Part Way There Briefly, we need to override icon colors in the values-v31 folder to use new Material You colors. It will work, but with several limitations: Changing color in the system doesn't apply to the launch icon. Only after reinstall. Disabling the Themed icons feature doesn't affect the launch icon. Simply, the icon has dynamic color permanently. It's logical, the application can't have two launch icons simultaneously. The Pixel Launcher does the whole magic under the hood and stores an additional set of icons with monochrome icons for all Google apps. Pixel Launcher APK resourcesAndroid 13 way Google recently announced the first Developer Preview of Android 13, while there are a lot of new APIs. One of them is that developers got access to API for Themed app icons. To implement the new approach, we need to take several steps: Clear icon from shadows, unnecessary details and etc. Otherwise, the icon will differ from the uniform style. Icon with shadow 2. Add <monochrome android:drawable=""/> attribute to the <adaptive-icon> element. monochrome tag in icon resourceNote: If android:roundIcon and android:icon are both in your manifest, you must either remove the reference to android:roundIcon or supply the monochrome icon in the drawable defined by the android:roundIcon attribute. That's all, the system automatically applies tint color for the monochrome icon. Demo result: https://medium.com/media/5f60ea9df88d7a59f2d7357f128fcc14/hrefOther cases The rec

## How Oddfellows Illustrated Material You

DevFeed: [How Oddfellows Illustrated Material You](<https://devfeed.tech/articles/how-oddfellows-illustrated-material-you-29268.md>)

Original publisher: [Read original article](<https://material.io/blog/interview-oddfellows-m3-art-style>)

Published: 2022-01-27T13:00:00Z

Content type: article

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [Material Design](<https://devfeed.tech/topics/material-design.md>), [material-you](<https://devfeed.tech/topics/material-you.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [material-you](<https://devfeed.tech/tags/material-you.md>)

### AI overview

The article explores and offers downloads of illustrations created by Oddfellows for the Material Design 3 site, describing how they bring the site to life.

### Source excerpt

Explore (and download) the new illustrations that bring the Material Design 3 site to life

## Migrating APS to Material You

DevFeed: [Migrating APS to Material You](<https://devfeed.tech/articles/migrating-aps-to-material-you-38546.md>)

Original publisher: [Read original article](<https://msfjarvis.dev/posts/migrating-aps-to-material-you/>)

Author: Harsh Shandilya

Published: 2021-11-06T06:30:00Z

Content type: article

Language: en

Sources: [Posts on Harsh Shandilya](<https://devfeed.tech/sources/posts-on-harsh-shandilya.md>)

Topics: [material-you](<https://devfeed.tech/topics/material-you.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [Material Design for Bootstrap](<https://devfeed.tech/topics/material-design-for-bootstrap.md>), [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>)

Tags: [android-password-store](<https://devfeed.tech/tags/android-password-store.md>), [design](<https://devfeed.tech/tags/design.md>), [google](<https://devfeed.tech/tags/google.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-you](<https://devfeed.tech/tags/material-you.md>)

### AI overview

The article describes migrating Password Store to Material You, including the use of Material 3 themes, Material Theme Builder resources, a custom Manrope typeface, dynamic colors, and fixes for existing theming issues.

### Source excerpt

I recently migrated Password Store to Material You, Google's latest iteration of Material Design. Here's how it went.

## Start building with Material You

DevFeed: [Start building with Material You](<https://devfeed.tech/articles/start-building-with-material-you-29320.md>)

Original publisher: [Read original article](<https://material.io/blog/start-building-with-material-you>)

Published: 2021-10-27T09:00:00Z

Content type: tutorial

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [material-you](<https://devfeed.tech/topics/material-you.md>), [color](<https://devfeed.tech/topics/color.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>), [personalization](<https://devfeed.tech/topics/personalization.md>)

Tags: [color](<https://devfeed.tech/tags/color.md>), [design](<https://devfeed.tech/tags/design.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-design-3](<https://devfeed.tech/tags/material-design-3.md>), [material-you](<https://devfeed.tech/tags/material-you.md>), [personalization](<https://devfeed.tech/tags/personalization.md>)

### AI overview

A developer article about implementing dynamic color and exploring personalization features in Material Design 3 while building with Material You.

### Source excerpt

Implement dynamic color and explore some of the latest personalization features of Material Design 3

## Material You: The Next Stage for Material Design

DevFeed: [Material You: The Next Stage for Material Design](<https://devfeed.tech/articles/unveiling-material-you-29234.md>)

Original publisher: [Read original article](<https://material.io/blog/announcing-material-you>)

Published: 2021-05-18T11:00:00Z

Content type: release

Language: en

Sources: [Material.io - Material Design](<https://devfeed.tech/sources/material-io-material-design.md>)

Topics: [material-you](<https://devfeed.tech/topics/material-you.md>), [Material Design](<https://devfeed.tech/topics/material-design.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [material-design](<https://devfeed.tech/tags/material-design.md>), [material-you](<https://devfeed.tech/tags/material-you.md>)

### AI overview

The article announces Material You as the next stage for Material Design.

### Source excerpt

The next stage for Material Design