Colours
Our design system is decentralized and built for multi-product purposes. Having different-color naming conventions and numbers etc... makes it harder to maintain it.
For that, we made a decision to give our colours unique names.
Meet the Dragon Ball Z approach.
Each color name is assigned for specific purpose and for each product these values are different.
Please never use Hex values, they won't change if you need theme support.
Main colours
Accent colours
piccolo
hit
Border and line colour
beerus
Background colours
goku
gohan
Text and icon colours
bulma
trunks
Forced colours
goten
popo
Supportive colours
Krillin
Warning colour
krillin100
krillin60
krillin10
Chi Chi
Error colour
chiChi100
chiChi60
chiChi10
Roshi
Success colour
roshi100
roshi60
roshi10
Dodoria
dodoria100
dodoria60
dodoria10
Cell
cell100
cell60
cell10
Raditz
raditz100
raditz60
raditz10
Whis
whis100
whis60
whis10
Frieza
frieza100
frieza60
frieza10
Nappa
nappa100
nappa60
nappa10