Color Theming

Baseline Colors

CSS Classes #

Theme colors as text
Primary
Secondary
Theme colors as background
Primary
Secondary
Background
Text on background
Primary Secondary Hint Disabled favorite
Text on primary
Text favorite
Text on secondary
Text favorite
Text on user-defined light background
Primary Secondary Hint Disabled favorite
Text on user-defined dark background
Primary Secondary Hint Disabled favorite

Baseline Component Stickersheet

Button #

Enabled
Disabled

Card #

favorite_border share more_vert

Checkbox #

Dialog #

Drawer #

Tap the menu icon (menu) in the toolbar at the top of the page to open the drawer.

Floating Action Button (FAB) #

Default
Secondary theme color
Mini
mdc-fab--mini

Icon Toggle #

Enabled

favorite_border

Disabled

favorite_border

Linear Progress #

Indeterminate
Buffer

Radio Button #

Select #

Slider #

30

Switch #

Tabs #

Default
Primary Color
Secondary Color

Text Field #

A valid email address is required