decoration.gradient-ground-start | {primary} | Ground-layer gradient deep end (hero, header backgrounds) |
decoration.gradient-ground-mid | {primary} | Ground-layer gradient primary midpoint |
decoration.gradient-ground-end | {primary} | Ground-layer gradient bright end (analogous hue shift) |
decoration.gradient-ground-foreground | {primary-foreground} | Text/icon color on ground-layer gradient |
decoration.gradient-card-start | {primary} | Card-layer gradient deep end |
decoration.gradient-card-mid | {primary} | Card-layer gradient primary midpoint |
decoration.gradient-card-end | {primary} | Card-layer gradient bright end (analogous hue shift) |
decoration.gradient-card-foreground | {primary-foreground} | Text/icon color on card-layer gradient |
decoration.gradient-mesh-1 | {primary} | Mesh ambient color 1 — warm hue shift (+30°) |
decoration.gradient-mesh-2 | {primary} | Mesh ambient color 2 — primary hue |
decoration.gradient-mesh-3 | {primary} | Mesh ambient color 3 — cool hue shift (-30°) |
decoration.gradient-mesh-4 | {primary} | Mesh ambient color 4 — tint/accent |
decoration.gradient-angle | 135deg | Default gradient direction for linear-gradient |
chart.basic-row-0 | var(--color-yellow-300) | |
chart.basic-row-100 | var(--color-yellow-500) | |
chart.slide-bar-0 | var(--color-blue-400) | |
chart.slide-bar-100 | var(--color-blue-500) | |
chart.basic-col-0 | var(--color-lime-400) | |
chart.basic-col-100 | var(--color-green-500) | |
chart.important | var(--color-rose-500) | |
chart.normal | var(--color-sky-500) | |
chart.low | var(--color-emerald-400) | |
chart.class-a | #3dffdc | |
chart.class-b | var(--color-indigo-500) | |
chart.class-c | var(--color-blue-500) | |
chart.class-d | var(--color-sky-400) | |
chart.class-e | var(--color-green-400) | |
chart.class-f | var(--color-yellow-400) | |
utility.slot | var(--color-indigo-50) | |
utility.slot-border | var(--color-indigo-200) | |
utility.slot-dark | rgba(99, 102, 241, 0.12) | |
utility.slot-border-dark | rgba(99, 102, 241, 0.50) | |