Navbar

Light Theme Tokens

Primary
On Primary
Secondary
On Secondary
Tertiary
On Tertiary
Error
On Error
Primary Container
On Primary Container
Secondary Container
On Secondary Container
Tertiary Container
On Tertiary Container
Error Container
On Error Container
Surface Dim
Surface
Surface Bright
Inverse Surface
Surface Container
Inverse On Surface
Inverse Primary
On Surface
Surface Container Lowest
Surface Container Low
Surface Container High
Surface Container Highest

Dark Theme Tokens

Primary
On Primary
Secondary
On Secondary
Tertiary
On Tertiary
Error
On Error
Primary Container
On Primary Container
Secondary Container
On Secondary Container
Tertiary Container
On Tertiary Container
Error Container
On Error Container
Surface Dim
Surface
Surface Bright
Inverse Surface
Surface Container
Inverse On Surface
Inverse Primary
On Surface
Surface Container Lowest
Surface Container Low
Surface Container High
Surface Container Highest

Source image

Source 1
Source 2
Source 3

Core colors

Acts as custom source color
Used for background and surfaces
Used for medium emphasis and variants

Footer