"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 usage describes how color is deliberately applied in a user interface to serve four purposes: establishing visual hierarchy among elements, reinforcing brand identity, conveying meaning, and indicating the state of a component (for example, whether it is enabled, disabled, selected, or in error). Each purpose corresponds to a distinct technique for applying color with intent rather than purely for decoration.

Color Usage

"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

The Material Design 3 (M3) system enables highly customized colors, a feature introduced in Android 12. This dynamic system can build a personalized color scheme based on a user's wallpaper or app content.

Learn Before

Related

Related