A simple set of material styles
Cards, buttons, elevation, shadows and typography
Primary
Primary
The primary colour is displayed frequently over screens and components. It can also be used to accent elements in the absence of a secondary color.
Light variant Variants are useful for distinguishing between elements.
Light
Dark variant Variants are useful for distinguishing between elements.
Dark
Secondary
Secondary
The secondary colour is used sparingly to accent elements such as selection controls, selected text, progress bars, links and headlines.
Light variant Variants are useful for distinguishing between elements.
Light
Dark Variant Variants are useful for distinguishing between elements.
Dark
Button styles
Flat button
Flat
Outlined button
Outlined
Full-width button Button styles can be combined.
Outlined full-width
Share.