Color use

To adjust stylings for tablet or mobile screen only please read this first.

Text color

text-dark
default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-green-500
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-yellow-200
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-red-500
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-action
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.
text-white
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam gravida quam quis erat gravida auctor.

Background color

background-green-50
background-green-100
background-green-200
background-green-300
background-green-400
background-green-500
background-green-600
background-green-700
background-green-800
background-green-900
background-green-950
background-red-50
background-red-100
background-red-200
background-red-300
background-red-400
background-red-500
background-red-600
background-red-700
background-red-800
background-red-900
background-red-950
background-yellow-50
background-yellow-100
background-yellow-200
background-yellow-300
background-yellow-400
background-yellow-500
background-yellow-600
background-yellow-700
background-yellow-800
background-yellow-900
background-yellow-950
background-blue-50
background-blue-100
background-blue-200
background-blue-300
background-blue-400
background-blue-500
background-blue-600
background-blue-700
background-blue-800
background-blue-900
background-blue-950
background-black
background-grey
background-white
background-action

Shadows

shadow-XL
shadow-L
shadow-M
shadow-S
shadow-XS
shadow-XXS