Terms of Service Privacy Policy

Registry Health Inspect

Theme – shadcn/ui Theme by corsair-ui | shadcnregistry

Registries
corsair-ui
Theme

Theme

theme

Corsair colour, radius and base styles for light and dark mode. Every component relies on these variables; override --primary, --primary-foreground and --ring to apply your brand.

pnpm dlx shadcn@latest add "https://kevingirelli.github.io/corsair-ui/r/theme.json"

Light Mode

--radius:

0.625rem

--background:

#ffffff

--foreground:

#0a0a0a

--card:

#ffffff

--card-foreground:

#0a0a0a

--popover:

#ffffff

--popover-foreground:

#0a0a0a

--primary:

#171717

--primary-foreground:

#fafafa

--secondary:

#f5f5f5

--secondary-foreground:

#171717

--muted:

#f5f5f5

--muted-foreground:

#737373

--accent:

#f5f5f5

--accent-foreground:

#171717

--destructive:

#dc2626

--destructive-foreground:

#ffffff

--success:

#16a34a

--warning:

#d97706

--border:

#e5e5e5

--input:

#e5e5e5

--field:

#ffffff

--ring:

#737373

Dark Mode

--background:

#0a0a0a

--foreground:

#fafafa

--card:

#171717

--card-foreground:

#fafafa

--popover:

#171717

--popover-foreground:

#fafafa

--primary:

#fafafa

--primary-foreground:

#171717

--secondary:

#262626

--secondary-foreground:

#fafafa

--muted:

#262626

Theme

--color-background:

var(--background)

--color-foreground:

var(--foreground)

--color-card:

var(--card)

--color-card-foreground:

var(--card-foreground)

--color-popover:

var(--popover)

--color-popover-foreground:

var(--popover-foreground)

--color-primary:

var(--primary)

--color-primary-foreground:

var(--primary-foreground)

--color-secondary:

var(--secondary)

--color-secondary-foreground:

var(--secondary-foreground)

CSS

--muted-foreground:

#a3a3a3

--accent:

#262626

--accent-foreground:

#fafafa

--destructive:

#ef4444

--destructive-foreground:

#ffffff

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

#737373

--color-muted:

var(--muted)

--color-muted-foreground:

var(--muted-foreground)

--color-accent:

var(--accent)

--color-accent-foreground:

var(--accent-foreground)

--color-destructive:

var(--destructive)

--color-destructive-foreground:

var(--destructive-foreground)

--color-success:

var(--success)

--color-warning:

var(--warning)

--color-border:

var(--border)

--color-input:

var(--input)

--color-field:

var(--field)

--color-ring:

var(--ring)

--radius-sm:

max(0px, calc(var(--radius) - 4px))

--radius-md:

max(0px, calc(var(--radius) - 2px))

--radius-lg:

var(--radius)

--radius-xl:

calc(var(--radius) + 4px)