skip to content

Text

Design Tokens for text define the colours that are used to create borders in user interfaces.

primary

  • $t-a-text-primary

    #222222
    Primary text color
Swatch Name Value Description
$t-a-text-primary #222222 Primary text color

secondary

  • $t-a-text-secondary

    #666666
    Secondary text color
Swatch Name Value Description
$t-a-text-secondary #666666 Secondary text color

reversed

  • $t-a-text-reversed

    #ffffff
    Reversed text color
Swatch Name Value Description
$t-a-text-reversed #ffffff Reversed text color

Help improve this page

If you have a question, idea, or suggestion to improve this component or guidance, post in the #ask-elements Slack channel or the #ask-elements Teams channel.