# Appearance

Customize Agora's look and feel — theme mode, color scheme, and style.

## Theme Mode

Choose between light and dark appearance.

| Mode | Description |
|------|-------------|
| **System** | Follow your device's system theme (default) |
| **Light** | Always use light theme |
| **Dark** | Always use dark theme |

Changes take effect immediately.

---

## Color Scheme

Choose from a curated set of color palettes built on Material 3 design principles.

| Scheme | Character |
|--------|-----------|
| **Midnight** | Deep blue tones, calm and professional (default) |
| **Nordic** | Cool teal and slate, clean and minimal |
| **Forest** | Warm greens and earth tones, natural feel |
| **Sunset** | Orange and warm tones, energetic |
| **Rose** | Pink and rose accents, soft and warm |
| **Lavender** | Purple and violet hues, elegant |
| **Slate** | Neutral grays and blues, understated |
| **Ocean** | Deep blue and cyan, refreshing |

Each scheme has both light and dark variants.

---

## Scheme Style

The scheme style determines *how* colors from the chosen palette are applied to UI elements.

| Style | Effect |
|-------|--------|
| **Tonal Spot** | Primary color accents on key surfaces (default) |
| **Expressive** | Bold use of accent colors throughout |
| **Vibrant** | High-saturation colors, lively appearance |
| **Neutral** | Minimal color, mostly surface tones |

---

## Dynamic Color (Android 12+)

When enabled on devices running Android 12 or higher, Agora extracts a color palette from your system wallpaper and applies it automatically.

This overrides the manual **Color Scheme** selection. Disable it to use a custom scheme.

!!! info "Availability"
    Dynamic Color requires Android 12 (API 31) or higher. On older devices, the toggle is hidden.
