Skip to main content

Theme

Get the current storefront's theme with useTheme, consisting of colors and typography.

Example return value​

{
  "colors": {
    "primary": {
      "s50": "#F5FAFF",
      "s100": "#EFF8FF",
      "s200": "#D1E9FF",
      "s300": "#84CAFF",
      "s400": "#53B1FD",
      "s500": "#2E90FA",
      "s600": "#1570EF",
      "s700": "#175CD3",
      "s800": "#1849A9",
      "s900": "#0F2C60"
    },
    "grayscale": {
      "s50": "#FAFAFA",
      "s100": "#F4F4F5",
      "s200": "#E4E4E7",
      "s300": "#D4D4D8",
      "s400": "#A1A1AA",
      "s500": "#71717A",
      "s600": "#52525B",
      "s700": "#3F3F46",
      "s800": "#27272A",
      "s900": "#18181B"
    },
    "text": "LIGHT"
  }
}