ColorTokens

const val BACKGROUND = 0: Int

Static color used behind scrollable content like text, cards and buttons, not to be confused with surface (which can change through color and elevation). For watch this is best for battery life and contrast of other colors.

const val ERROR = 1: Int

Indicates remove, delete, close or dismiss actions, such as Swipe to Reveal. Added as a container alternative that is slightly less alarming and urgent than the default error color.

const val ERROR_CONTAINER = 2: Int

Indicates errors or emergency actions, such as safety alerts. This color is for use-cases that are more alarming and urgent than the default errorContainer color.

const val ON_BACKGROUND = 3: Int

Used for text, cards, buttons and icons shown against the background color.

const val ON_ERROR = 4: Int

Used for text and icons on the error color.

const val ON_ERROR_CONTAINER = 5: Int

Used for text and icons on the error color.

const val ON_PRIMARY = 6: Int

Text and icons shown against the primary color

const val ON_PRIMARY_CONTAINER = 7: Int

Contrast-passing colour shown against the primary container

const val ON_SECONDARY = 8: Int

Text and icons shown against the secondary color

const val ON_SECONDARY_CONTAINER = 9: Int

Contrast-passing color shown against the secondary container

const val ON_SURFACE = 10: Int

Text and icons shown against the surface color

const val ON_SURFACE_VARIANT = 11: Int

On-surface variant for text and icons shown against the surface color where 3:1 contrast ratio isn’t required, a disabled state, or non-interactive icon.

const val ON_TERTIARY = 12: Int

Text and icons shown against the tertiary color

const val ON_TERTIARY_CONTAINER = 13: Int

Contrast-passing color shown against the tertiary container

const val OUTLINE = 14: Int

Subtle color used for borders like outline buttons

const val OUTLINE_VARIANT = 15: Int

Outline-variant is used to define the border of a component where 3:1 contrast ratio isn’t required, a container, or a divider.

const val PRIMARY = 16: Int

Main color used across screens and components

const val PRIMARY_CONTAINER = 17: Int

Standout container color for key components

const val PRIMARY_DIM = 18: Int

Less prominent color, for components and screens

const val SECONDARY = 19: Int

Accent color used across screens and components

const val SECONDARY_CONTAINER = 20: Int

Less prominent container color, for components like tonal buttons

const val SECONDARY_DIM = 21: Int

Less prominent accent color, for components and screens

const val SURFACE_CONTAINER = 22: Int

Container colour for tonal buttons, cards, or any component sitting above the background.

const val SURFACE_CONTAINER_HIGH = 23: Int

Container colour for tonal buttons, cards, or any component sitting above the background. Slightly higher contrast to the background than surface. Surface variant for surface colour containing text and icons where 3:1 contrast ratio isn’t required, a disabled state, or non-interactive icon.

const val SURFACE_CONTAINER_LOW = 24: Int

Container colour for tonal buttons, cards, or any component sitting above the background. Slightly lower contrast to the background than surface.

const val TERTIARY = 25: Int

Accent color used across screens and components

const val TERTIARY_CONTAINER = 26: Int

Contrasting container color, for components like selection toggles and buttons

const val TERTIARY_DIM = 27: Int

Less prominent accent color, for components and screens