Theming

import { fetchStoreThemeConfig } from "@colossal-sh/storefront-sdk";

const theme = await fetchStoreThemeConfig("my-store.example.com");
// Returns the project's theme config (colors, fonts, etc.)

:root {
  --color-theme-primary: #fe3c08;
  --color-theme-primary-fg: #ffffff;
  --color-theme-fg: #111111;
  --color-theme-border: #e5e5e5;
}

npm install @colossal/ui-kit

import { Button } from "@colossal/ui-kit/primitives";

<Button variant="primary" size="md" loading={isSubmitting}>
  Add to cart
</Button>

import { cn } from "@colossal/ui-kit";

<div className={cn("p-4 bg-white", isActive && "ring-2 ring-primary")} />