Skip to contentEnma

Foundations

Shadow and depth

Depth is part of each theme's identity: a ring and top highlight in Graphite, frosted blur in Glass, none in Paper, a soft green-tinted drop in Mineral, a hard offset shadow in Enamel and a warm glow in Ember. Use --e-shadow-card and --e-shadow-cta; never invent shadows a theme does not define.

Graphite
Surface
Hero
Glass
Surface
Hero
Paper
Surface
Hero
Mineral
Surface
Hero
Enamel
Surface
Hero
Ember
Surface
Hero

↑ ↓ to move, Enter to open, Esc to close

Keyboard shortcuts

Open the command palette
Ctrl then K
Search
/
Show keyboard shortcuts
?
Close the top overlay
Esc
Go to Home
G then H
Go to Themes
G then T
Go to Playground
G then P
Go to Components
G then C
Go to Guides
G then G
Go to Samples
G then S