Theme Playground

Preset

Colors

Primary

Background

Text

Danger

Typography

Font Family

Font Size

Shape

Border Radius

Spacing

JSON Output

{
  "theme": "default",
  "variables": {
    "colorPrimary": "#4A49FF",
    "colorBackground": "#FFFFFF",
    "colorText": "#262833",
    "colorDanger": "#DF1B41",
    "borderRadius": "8px",
    "fontFamily": "Poppins, system-ui, sans-serif",
    "fontSizeBase": "16px",
    "spacingUnit": "4px"
  }
}