DocsBlog

Get Started

Components

Data Grid

Signals

Styling

Theming

↑↓Navigate
↵Select
EscClose
  • 1.8.0

  • Day

    Night

    Preview

    Switch mode
  • cerberus

    acheron

    elysium

    oceanus

Get Started
Components
Data Grid
Signals
Styling
Theming

Concepts

OverviewTokensSemantic TokensRecipesSlot Recipes

Design Tokens

AnimationsColorsGradientsSpacingShadowsFontZ-Index

Gradients

Gradients in the design system.

View as Markdown
Open this page in Markdown
Anthropic
Open in Claude
Ask questions about this page
OpenAI
Open in ChatGPT
Ask questions about this page

Tokens

Cerberus provides the following gradient tokens:

  • 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

  • Tokens
Edit this page on Github