Components
Modal
Elevated dialog for presenting focused content
Modal
Basic
Wide content
Semantic colors
The overlay behind the dialog washes the page with scrim — a black veil
that scales with the mode's shadow intensity, so it reads as a light mist
in light mode and a heavy dim in dark mode.
| Light | Dark | |||||||
|---|---|---|---|---|---|---|---|---|
| Shade | Alpha | ×C | Shade | Alpha | ×C | |||
| Overlay | ||||||||
| scrim | black | 0.05 | 1 | black | 0.25 | 1 | ||