"A dark theme is a low-light UI that displays mostly dark surfaces."

University of Michigan - Ann Arbor

Arizona State University

- The color system
- Applying color to UI
- Color usage 
- Text legibility
- Dark theme

Color

Material Design Documentation

- Usage in UI
- Top and bottom app bars
- Backdrop
- Color variations

Applying color to UI

"The Material Design color system can help you create a color theme that reflects your brand or style"

- Color Usage and Palettes
- Color Themes Creation
- Tools for Picking Colors 

The Color System

Color helps express hierarchy, establish a brand presence, give meaning, and indicate element states.
- Hierarchy 
- Brand
- Meaning 
- State

Color Usage

Dark Theme 

"Color plays an important role in text legibility."

Text Legibility

A dark theme is an option that creates a low-light UI that shows mostly dark surfaces.

Dark Theme

Color harmony refers to the technique of combining colors in a way that is visually pleasing. It involves understanding the relationships between colors and using them to convey meaning and create a specific aesthetic. One way to learn about these relationships is by studying the color wheel.

Color Harmony

Material Design system enable more customized colors since Android 12 was launched. The system can build personal color scheme based on the user's wallpaper or app content. 

Learn Before

Related