Gradients

Gradients in the design system.

Tokens

Cerberus provides the following gradient tokens:

theme.tokens.gradients

Text Color
charon light
Gradient Fills/charon-light
charon-light
Text Color
charon dark
Gradient Fills/charon-dark
charon-dark
Text Color
nyx light
Gradient Fills/nyx-light
nyx-light
Text Color
nyx dark
Gradient Fills/nyx-dark
nyx-dark
Text Color
amphiaraus light
Gradient Fills/amphiaraus-light
amphiaraus-light
Text Color
amphiaraus dark
Gradient Fills/amphiaraus-dark
amphiaraus-dark
Text Color
styx light
Gradient Fills/styx-light
styx-light
Text Color
styx dark
Gradient Fills/styx-dark
styx-dark
Text Color
thanatos light
Gradient Fills/thanatos-light
thanatos-light
Text Color
thanatos dark
Gradient Fills/thanatos-dark
thanatos-dark
Text Color
hades light
Gradient Fills/hades-light
hades-light
Text Color
hades dark
Gradient Fills/hades-dark
hades-dark
Text Color
asphodel light
Gradient Fills/asphodel-light
asphodel-light
Text Color
asphodel dark
Gradient Fills/asphodel-dark
asphodel-dark

On this page

Edit this page on Github

Cerberus Design System | Docs