Colors
We have defined custom primary and secondary colors
from the color palette shown below.
In this example, we use pink, indigo, and orange as
primary and secondary colors respectively.
primary-0
primary-1
primary-2
primary-3
primary-4
primary-5
primary-6
primary-7
primary-8
primary-9
secondary-0
secondary-1
secondary-2
secondary-3
secondary-4
secondary-5
secondary-6
secondary-7
secondary-8
secondary-9
grey-0
grey-1
grey-2
grey-3
grey-4
grey-5
grey-6
grey-7
grey-8
grey-9
System Colors
System colors are used to communicate system status,
such as success or error, as well as to provide information and warnings.
These are represented by green, red, blue, and yellow respectively.
red-0
red-1
red-2
red-3
red-4
red-5
red-6
red-7
red-8
red-9
green-0
green-1
green-2
green-3
green-4
green-5
green-6
green-7
green-8
green-9
blue-0
blue-1
blue-2
blue-3
blue-4
blue-5
blue-6
blue-7
blue-8
blue-9
yellow-0
yellow-1
yellow-2
yellow-3
yellow-4
yellow-5
yellow-6
yellow-7
yellow-8
yellow-9
All colors
pink-0
pink-1
pink-2
pink-3
pink-4
pink-5
pink-6
pink-7
pink-8
pink-9
grape-0
grape-1
grape-2
grape-3
grape-4
grape-5
grape-6
grape-7
grape-8
grape-9
violet-0
violet-1
violet-2
violet-3
violet-4
violet-5
violet-6
violet-7
violet-8
violet-9
indigo-0
indigo-1
indigo-2
indigo-3
indigo-4
indigo-5
indigo-6
indigo-7
indigo-8
indigo-9
cyan-0
cyan-1
cyan-2
cyan-3
cyan-4
cyan-5
cyan-6
cyan-7
cyan-8
cyan-9
teal-0
teal-1
teal-2
teal-3
teal-4
teal-5
teal-6
teal-7
teal-8
teal-9
lime-0
lime-1
lime-2
lime-3
lime-4
lime-5
lime-6
lime-7
lime-8
lime-9
orange-0
orange-1
orange-2
orange-3
orange-4
orange-5
orange-6
orange-7
orange-8
orange-9