Active-theme effects inventory. Every sample is resolved from the current theme.
| theme.shadows/ | Sample | Description |
|---|---|---|
0 | Flush surfaces with no elevation. | |
1 | Subtle lift for low raised controls. | |
2 | Subtle lift for low raised controls. | |
3 | Subtle lift for low raised controls. | |
4 | Subtle lift for low raised controls. | |
5 | Subtle lift for low raised controls. | |
6 | Subtle lift for low raised controls. | |
7 | Raised panes, cards, and sticky chrome. | |
8 | Raised panes, cards, and sticky chrome. | |
9 | Raised panes, cards, and sticky chrome. | |
10 | Raised panes, cards, and sticky chrome. | |
11 | Raised panes, cards, and sticky chrome. | |
12 | Raised panes, cards, and sticky chrome. | |
13 | Floating menus, popovers, and drawers. | |
14 | Floating menus, popovers, and drawers. | |
15 | Floating menus, popovers, and drawers. | |
16 | Floating menus, popovers, and drawers. | |
17 | Floating menus, popovers, and drawers. | |
18 | Floating menus, popovers, and drawers. | |
19 | Highest overlays only. | |
20 | Highest overlays only. | |
21 | Highest overlays only. | |
22 | Highest overlays only. | |
23 | Highest overlays only. | |
24 | Highest overlays only. |
| theme.transitions.duration/ | Sample | Description |
|---|---|---|
shortest | Immediate control feedback. | |
shorter | Small control state changes. | |
short | Compact UI transitions. | |
standard | Default state changes. | |
complex | Coordinated multi-part motion. | |
enteringScreen | Surfaces entering view. | |
leavingScreen | Surfaces leaving view. |
| theme.transitions.easing/ | Sample | Description |
|---|---|---|
easeInOut | Balanced in-place movement. | |
easeOut | Elements entering or settling. | |
easeIn | Elements exiting view. | |
sharp | Edge-bound or decisive movement. |