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
  3. preskok
  5. Theme Midnight

Theme Midnight

theme
pnpm dlx shadcn@latest add "https://ui-three-mu.vercel.app/r/theme-midnight.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--background:

240 5% 6%

--foreground:

60 5% 90%

--primary:

240 0% 90%

--primary-foreground:

60 0% 0%

--secondary:

240 4% 15%

--secondary-foreground:

60 5% 85%

--accent:

240 0% 13%

--accent-foreground:

60 0% 100%

--destructive:

0 60% 50%

--destructive-foreground:

0 0% 98%

--muted:

240 5% 25%

--muted-foreground:

60 5% 85%

--card:

240 4% 10%

--card-foreground:

60 5% 90%

--popover:

240 5% 15%

--popover-foreground:

60 5% 85%

--border:

240 6% 20%

--input:

240 6% 20%

--ring:

240 5% 90%

--chart-1:

359 2% 90%

--chart-2:

240 1% 74%

--chart-3:

240 1% 58%

--chart-4:

240 1% 42%

--chart-5:

240 2% 26%

Dark Mode

--background:

240 5% 6%

--foreground:

60 5% 90%

--primary:

240 0% 90%

--primary-foreground:

60 0% 0%

--secondary:

240 4% 15%

--secondary-foreground:

60 5% 85%

--accent:

240 0% 13%

--accent-foreground:

60 0% 100%

--destructive:

0 60% 50%

--destructive-foreground:

0 0% 98%

--muted:

240 5% 25%

--muted-foreground:

60 5% 85%

--card:

240 4% 10%

--card-foreground:

60 5% 90%

--popover:

240 5% 15%

--popover-foreground:

60 5% 85%

--border:

240 6% 20%

--input:

240 6% 20%

--ring:

240 5% 90%

--chart-1:

359 2% 90%

--chart-2:

240 1% 74%

--chart-3:

240 1% 58%

--chart-4:

240 1% 42%

--chart-5:

240 2% 26%