# Dynamic Theming

Published articles for Dynamic Theming.

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

## Modern CSS theming with light-dark(), contrast-color(), and style queries

DevFeed: [Modern CSS theming with light-dark(), contrast-color(), and style queries](<https://devfeed.tech/articles/modern-css-theming-with-light-dark-contrast-color-and-style-queries-28815.md>)

Original publisher: [Read original article](<https://una.im/modern-css-theming/>)

Published: 2026-06-22T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [color](<https://devfeed.tech/topics/color.md>), [Media Queries](<https://devfeed.tech/topics/media-queries.md>)

Tags: [color](<https://devfeed.tech/tags/color.md>), [css](<https://devfeed.tech/tags/css.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [dynamic-theming](<https://devfeed.tech/tags/dynamic-theming.md>), [media](<https://devfeed.tech/tags/media.md>), [scheme](<https://devfeed.tech/tags/scheme.md>), [support](<https://devfeed.tech/tags/support.md>), [themes](<https://devfeed.tech/tags/themes.md>)

### AI overview

This tutorial explains how to combine light-dark(), contrast-color(), style queries, custom properties, and related CSS color features to create adaptive themed components. It covers light and dark color schemes, context-sensitive palettes, automatic text contrast, and different elevation effects for each theme.

### Source excerpt

Combine three new CSS features to build fully adaptive themed components.

## 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.