Docs

Docs

Material Color

Tables of colors used in the Material theme.
Video tutorial
Learn Vaadin fundamentals through short video tutorials.
Learn by watching

See the "Material Design" documentation for the color system to learn more about creating and applying a consistent color theme.

Palette

The "Material" theme defines the following colors:

General

Description CSS Custom Property

Main Background

:

Secondary Background

:

Divider

:

Disabled

:

Text

Description CSS Custom Property

Body Text

:

Secondary Text

:

Disabled Text

:

Primary

Description CSS Custom Property

Primary

:

Primary Text

:

Primary Contrast

:

Error

Description CSS Custom Property

Error

:

Error Text

:

9C39A3FF-1E62-46A9-BA3B-C90C932A273F

Was this page helpful?
Leave a comment below or join our forum for further discussions, questions, and sharing your code examples.