Foundation / operativo
Colors
Valori ufficiali del sistema. Ogni esempio legge la stessa fonte usata dai componenti.
Palette
brand.ink
#0a0a0a--ds-color-brand-inkbrand.orange
#ff4800--ds-color-brand-orangebrand.forest
#042729--ds-color-brand-forestbrand.blush
#fcf4f2--ds-color-brand-blushbrand.slate
#1d2d35--ds-color-brand-slatebrand.yellow
#fedf32--ds-color-brand-yellowbrand.white
#ffffff--ds-color-brand-whiteRuoli semantici
--background
#fcf4f2color.surface.canvas--foreground
#0a0a0acolor.text.default--card
#ffffffcolor.surface.card--card-foreground
#0a0a0acolor.text.default--primary
#ff4800color.action.primary--primary-foreground
#ffffffcolor.action.primary-foreground--secondary
#042729color.action.secondary--secondary-foreground
#ffffffcolor.action.secondary-foreground--muted
#ffffffcolor.surface.muted--muted-foreground
#1d2d35color.text.muted--accent
#fedf32color.action.accent--accent-foreground
#0a0a0acolor.action.accent-foreground--border
rgb(10 10 10 / 0.14)color.border.decorative--input
#1d2d35color.border.input--ring
#042729color.action.ringPrimary arancione con testo scuro; superfici forest con testo bianco. L’arancione non è il colore del testo piccolo sui fondi chiari.