0PricingLogin
Jetpack Compose Academy · Lesson

Dark Mode & Dynamic Color

Adapt colors to system and wallpaper.

Two Palettes, One App

A polished app ships both a light and a dark palette. You define them as separate colorScheme objects and switch between them at the theme level. 🌙

Detect the System Setting

You ask the system which mode is active with isSystemInDarkTheme, a Composable that returns true when the user prefers dark.

val dark = isSystemInDarkTheme()

All lessons in this course

  1. MaterialTheme & Color Schemes
  2. Typography & Shape Tokens
  3. Dark Mode & Dynamic Color
  4. Building a Custom Design System
← Back to Jetpack Compose Academy