DocsBlog
  • 1.2.1

  • light

    dark

    system

    Switch mode
  • Cerberus

    Acheron

    Elysium

Get Started
Components
Data Grid
Signals
Styling
Theming

Concepts

OverviewTokensSemantic TokensRecipesSlot Recipes

Design Tokens

AnimationsColorsGradientsSpacingShadowsTypographyZ-Index

On this page

  • Edit this page on Github

Gradients

Gradients in the design system.

Tokens

Cerberus provides the following gradient tokens:

theme.tokens.gradients

  • Text Color

    charon light

    Gradient Fills/charon-light

  • Text Color

    charon dark

  • Text Color

    nyx light

  • Text Color

    nyx dark

  • Text Color

    amphiaraus light

  • Text Color

    amphiaraus dark

  • Text Color

    styx light

  • Text Color

    styx dark

  • Text Color

    thanatos light

  • Text Color

    thanatos dark

  • Text Color

    hades light

  • Text Color

    hades dark

  • Text Color

    asphodel light

  • Text Color

    asphodel dark

Gradient Fills/charon-dark

Gradient Fills/nyx-light

Gradient Fills/nyx-dark

Gradient Fills/amphiaraus-light

Gradient Fills/amphiaraus-dark

Gradient Fills/styx-light

Gradient Fills/styx-dark

Gradient Fills/thanatos-light

Gradient Fills/thanatos-dark

Gradient Fills/hades-light

Gradient Fills/hades-dark

Gradient Fills/asphodel-light

Gradient Fills/asphodel-dark

charon-light
charon-dark
nyx-light
nyx-dark
amphiaraus-light
amphiaraus-dark
styx-light
styx-dark
thanatos-light
thanatos-dark
hades-light
hades-dark
asphodel-light
asphodel-dark