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

Registry Health Inspect

Terms of Service Privacy Policy

Registries
mozaika
Drata — Decoded Design System

Drata — Decoded Design System

theme

Drata's real dark design system, measured live from the product — color roles, font stacks (free fallbacks), radius. Not a guessed palette.

pnpm dlx shadcn@latest add "https://mozaika.design/r/drata.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--background:

#0F161A

--foreground:

#ECECEE

--card:

#1C2226

--card-foreground:

#ECECEE

--popover:

#1C2226

--popover-foreground:

#ECECEE

--primary:

#2E4DFF

--primary-foreground:

#FFFFFF

--secondary:

#1C2226

--secondary-foreground:

#ECECEE

--muted:

#1C2226

--muted-foreground:

#989A9D

--accent:

#1C2226

--accent-foreground:

#ECECEE

--border:

#303639

--input:

#303639

--ring:

#2E4DFF

--radius:

4px

Dark Mode

--background:

#0F161A

--foreground:

#ECECEE

--card:

#1C2226

--card-foreground:

#ECECEE

--popover:

#1C2226

--popover-foreground:

#ECECEE

--primary:

#2E4DFF

--primary-foreground:

#FFFFFF

--secondary:

#1C2226

--secondary-foreground:

#ECECEE

--muted:

#1C2226

--muted-foreground:

#989A9D

--accent:

#1C2226

--accent-foreground:

#ECECEE

--border:

#303639

--input:

#303639

--ring:

#2E4DFF

--radius:

4px

Theme

--font-sans:

"Geist", system-ui, -apple-system, 'Segoe UI', sans-serif

--font-heading:

"Geist", system-ui, -apple-system, 'Segoe UI', sans-serif

--font-mono:

"Geist Mono", ui-monospace, monospace

CSS