1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month๐Ÿšจ Slop police๐Ÿšจ Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  2. corsair-ui
  3. Theme: Amber

Theme: Amber

theme

The Corsair theme on a stone base with an amber primary and square corners. Installs the theme first, then sets its colours and radius; every text pair meets WCAG AA.

pnpm dlx shadcn@latest add "https://kevingirelli.github.io/corsair-ui/r/theme-amber.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore

Light Mode

--radius:

0rem

--background:

#ffffff

--foreground:

#0c0a09

--card:

#ffffff

--card-foreground:

#0c0a09

--popover:

#ffffff

--popover-foreground:

#0c0a09

--primary:

#f59e0b

--primary-foreground:

#0c0a09

--secondary:

#f5f5f4

--secondary-foreground:

#1c1917

--muted:

#f5f5f4

--muted-foreground:

#746d68

--accent:

#f5f5f4

--accent-foreground:

#1c1917

--destructive:

#dc2626

--destructive-foreground:

#ffffff

--success:

#16a34a

--warning:

#d97706

--border:

#e7e5e4

--input:

#e7e5e4

--field:

#ffffff

--ring:

#f59e0b

Dark Mode

--background:

#0c0a09

--foreground:

#fafaf9

--card:

#1c1917

--card-foreground:

#fafaf9

--popover:

#1c1917

--popover-foreground:

#fafaf9

--primary:

#f59e0b

--primary-foreground:

#0c0a09

--secondary:

#292524

--secondary-foreground:

#fafaf9

--muted:

#292524

--muted-foreground:

#a8a29e

--accent:

#292524

--accent-foreground:

#fafaf9

--destructive:

#ef4444

--destructive-foreground:

#0a0a0a

--success:

#4ade80

--warning:

#fbbf24

--border:

rgb(255 255 255 / 0.1)

--input:

rgb(255 255 255 / 0.15)

--field:

rgb(255 255 255 / 0.05)

--ring:

#f59e0b