Skip to main content
MybringDesign System

Text colour

You rarely have to set the text colour in Mybring. The different utilities and components have already set the colours. These are more if you have to override or make local adjustments.

Class Declaration Colour Usage hex
base color: hsl(0, 0%, 20%) Mybring
Mybring
Mybring
Default text colour in Mybring, you only need to set this class if you have to override something. #333333
white color: hsl(0, 0%, 100%) Mybring
Mybring
Mybring
This class is just in case there for some reason should be need for negative text. #ffffff
error color: hsl(3, 77.5%, 51.5%) Mybring
Mybring
Mybring
Small error texts, like the ones found in forms. #e32d22
green-dark color: hsl(155, 100%, 19.6%) Mybring
Mybring
Mybring
Certain section headings, typically combined with uppercase utility ttu. #00643a

Accessible text colors

Remember to check contrast ratio when working with text colour. For normal text, the score needs to be 4.5 or higher. Read more about styling of links.

Deprecated

near-black and gray is deprecated. base should be used instead.