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: Blue

Theme: Blue

theme

The Corsair theme on a slate base with a blue primary. 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-blue.json"
Premium blocks for shadcn/uiShadcnblocks.com ยท AffiliateExplore

Light Mode

--radius:

0.625rem

--background:

#ffffff

--foreground:

#020617

--card:

#ffffff

--card-foreground:

#020617

--popover:

#ffffff

--popover-foreground:

#020617

--primary:

#2563eb

--primary-foreground:

#f8fafc

--secondary:

#f1f5f9

--secondary-foreground:

#0f172a

--muted:

#f1f5f9

--muted-foreground:

#607086

--accent:

#f1f5f9

--accent-foreground:

#0f172a

--destructive:

#dc2626

--destructive-foreground:

#ffffff

--success:

#16a34a

--warning:

#d97706

--border:

#e2e8f0

--input:

#e2e8f0

--field:

#ffffff

--ring:

#2563eb

Dark Mode

--background:

#020617

--foreground:

#f8fafc

--card:

#0f172a

--card-foreground:

#f8fafc

--popover:

#0f172a

--popover-foreground:

#f8fafc

--primary:

#3b82f6

--primary-foreground:

#020617

--secondary:

#1e293b

--secondary-foreground:

#f8fafc

--muted:

#1e293b

--muted-foreground:

#94a3b8

--accent:

#1e293b

--accent-foreground:

#f8fafc

--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:

#3b82f6