ColorTokens
object ColorTokens
Class holding color scheme as defined by the Wear Material3 color specification.
Summary
Constants |
|
|---|---|
const Int |
BACKGROUND = 0Static color used behind scrollable content like text, cards and buttons, not to be confused with surface (which can change through color and elevation). |
const Int |
ERROR = 1Indicates remove, delete, close or dismiss actions, such as Swipe to Reveal. |
const Int |
ERROR_CONTAINER = 2Indicates errors or emergency actions, such as safety alerts. |
const Int |
ON_BACKGROUND = 3Used for text, cards, buttons and icons shown against the background color. |
const Int |
ON_ERROR = 4Used for text and icons on the error color. |
const Int |
Used for text and icons on the error color. |
const Int |
ON_PRIMARY = 6Text and icons shown against the primary color |
const Int |
Contrast-passing colour shown against the primary container |
const Int |
ON_SECONDARY = 8Text and icons shown against the secondary color |
const Int |
Contrast-passing color shown against the secondary container |
const Int |
ON_SURFACE = 10Text and icons shown against the surface color |
const Int |
ON_SURFACE_VARIANT = 11On-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 Int |
ON_TERTIARY = 12Text and icons shown against the tertiary color |
const Int |
Contrast-passing color shown against the tertiary container |
const Int |
OUTLINE = 14Subtle color used for borders like outline buttons |
const Int |
OUTLINE_VARIANT = 15Outline-variant is used to define the border of a component where 3:1 contrast ratio isn’t required, a container, or a divider. |
const Int |
PRIMARY = 16Main color used across screens and components |
const Int |
PRIMARY_CONTAINER = 17Standout container color for key components |
const Int |
PRIMARY_DIM = 18Less prominent color, for components and screens |
const Int |
SECONDARY = 19Accent color used across screens and components |
const Int |
SECONDARY_CONTAINER = 20Less prominent container color, for components like tonal buttons |
const Int |
SECONDARY_DIM = 21Less prominent accent color, for components and screens |
const Int |
SURFACE_CONTAINER = 22Container colour for tonal buttons, cards, or any component sitting above the background. |
const Int |
Container colour for tonal buttons, cards, or any component sitting above the background. |
const Int |
Container colour for tonal buttons, cards, or any component sitting above the background. |
const Int |
TERTIARY = 25Accent color used across screens and components |
const Int |
TERTIARY_CONTAINER = 26Contrasting container color, for components like selection toggles and buttons |
const Int |
TERTIARY_DIM = 27Less prominent accent color, for components and screens |
Constants
BACKGROUND
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.
ERROR
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.
ERROR_CONTAINER
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.
ON_BACKGROUND
const val ON_BACKGROUND = 3: Int
Used for text, cards, buttons and icons shown against the background color.
ON_ERROR
const val ON_ERROR = 4: Int
Used for text and icons on the error color.
ON_ERROR_CONTAINER
const val ON_ERROR_CONTAINER = 5: Int
Used for text and icons on the error color.
ON_PRIMARY
const val ON_PRIMARY = 6: Int
Text and icons shown against the primary color
ON_PRIMARY_CONTAINER
const val ON_PRIMARY_CONTAINER = 7: Int
Contrast-passing colour shown against the primary container
ON_SECONDARY
const val ON_SECONDARY = 8: Int
Text and icons shown against the secondary color
ON_SECONDARY_CONTAINER
const val ON_SECONDARY_CONTAINER = 9: Int
Contrast-passing color shown against the secondary container
ON_SURFACE
const val ON_SURFACE = 10: Int
Text and icons shown against the surface color
ON_SURFACE_VARIANT
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.
ON_TERTIARY
const val ON_TERTIARY = 12: Int
Text and icons shown against the tertiary color
ON_TERTIARY_CONTAINER
const val ON_TERTIARY_CONTAINER = 13: Int
Contrast-passing color shown against the tertiary container
OUTLINE
const val OUTLINE = 14: Int
Subtle color used for borders like outline buttons
OUTLINE_VARIANT
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.
PRIMARY
const val PRIMARY = 16: Int
Main color used across screens and components
PRIMARY_CONTAINER
const val PRIMARY_CONTAINER = 17: Int
Standout container color for key components
PRIMARY_DIM
const val PRIMARY_DIM = 18: Int
Less prominent color, for components and screens
SECONDARY
const val SECONDARY = 19: Int
Accent color used across screens and components
SECONDARY_CONTAINER
const val SECONDARY_CONTAINER = 20: Int
Less prominent container color, for components like tonal buttons
SECONDARY_DIM
const val SECONDARY_DIM = 21: Int
Less prominent accent color, for components and screens
SURFACE_CONTAINER
const val SURFACE_CONTAINER = 22: Int
Container colour for tonal buttons, cards, or any component sitting above the background.
SURFACE_CONTAINER_HIGH
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.
SURFACE_CONTAINER_LOW
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.
TERTIARY
const val TERTIARY = 25: Int
Accent color used across screens and components
TERTIARY_CONTAINER
const val TERTIARY_CONTAINER = 26: Int
Contrasting container color, for components like selection toggles and buttons
TERTIARY_DIM
const val TERTIARY_DIM = 27: Int
Less prominent accent color, for components and screens