• Docs
  • Blog
    • 0.24.0

    • Switch to dark mode
    Get Started
    Components
    Styling
    Theming

    Concepts

    OverviewTokensSemantic TokensRecipesSlot Recipes

    Design Tokens

    AnimationsColorsGradientsSpacingShadowsTypographyZ-Index

    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