Foundations

Dynamic theming

Every role below is generated at runtime by Material Color Utilities from a single seed. Tune the seed, contrast, neutrality, scheme variant, or drop in an image from the palette control in the header — the whole system re-derives live.

Accent

primary--md-sys-color-primary

primary-container--md-sys-color-primary-container

secondary--md-sys-color-secondary

secondary-container--md-sys-color-secondary-container

tertiary--md-sys-color-tertiary

tertiary-container--md-sys-color-tertiary-container

Semantic

success--md-sys-color-success

success-container--md-sys-color-success-container

warning--md-sys-color-warning

warning-container--md-sys-color-warning-container

info--md-sys-color-info

info-container--md-sys-color-info-container

error--md-sys-color-error

error-container--md-sys-color-error-container

Surfaces

surface--md-sys-color-surface

surface-variant--md-sys-color-surface-variant

surface-container-lowest--md-sys-color-surface-container-lowest

surface-container-low--md-sys-color-surface-container-low

surface-container--md-sys-color-surface-container

surface-container-high--md-sys-color-surface-container-high

surface-container-highest--md-sys-color-surface-container-highest