skip to content

Background

Background design tokens define the colour used as the background of an element in a user interface.

  • $t-a-background-page

    #f8f8f8
    Background color of the page

  • $t-a-background-container

    #ffffff
    Background color of the container

  • $t-a-background-container-inverted

    #222222
    Background color of the container when inverted
Swatch Name Value Description
$t-a-background-page #f8f8f8 Background color of the page
$t-a-background-container #ffffff Background color of the container
$t-a-background-container-inverted #222222 Background color of the container when inverted

Help improve this page

If you’ve got a question, idea or suggestion about how to improve this component or guidance, post in the #ask-elements Slack channel.