Themes
Themes
Visual matrix
Curated theme, mode, and material combinations for visual checks.
newfree
Only these combinations are supported. Use Theme Lab to inspect one row at a time—never side-by-side theme matrices in the product UI.
Supported rows
| Theme | Mode | Solid | Glass |
|---|---|---|---|
| Forest | light | yes | yes |
| Forest | dark | yes | yes |
| Tide | light | yes | yes |
| Tide | dark | yes | yes |
| Graphite | light | yes | yes |
| Graphite | dark | yes | yes |
| Dune | light | yes | yes |
| Clay | light | yes | yes |
| Ember | dark | yes | yes |
Motion overlay
Every row above can run with motion on or off. prefers-reduced-motion
forces the off path.
Checklist
When reviewing visuals, confirm:
- Accent remains singular and unsaturated
- Glass keeps an opaque fallback
- Dark packs use softer inner refraction edges
- Numbers in tables stay tabular
- Hit targets remain at least 40×40px