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. mozaika
  3. Appsmith — Decoded Design System

Appsmith — Decoded Design System

theme

Appsmith'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/appsmith.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--background:

#16122E

--foreground:

#9999A9

--card:

#1D1A35

--card-foreground:

#9999A9

--popover:

#1D1A35

--popover-foreground:

#9999A9

--primary:

#FFFFFF

--primary-foreground:

#7441F7

--secondary:

#1D1A35

--secondary-foreground:

#9999A9

--muted:

#1D1A35

--muted-foreground:

#67657A

--accent:

#1D1A35

--accent-foreground:

#9999A9

--border:

#292640

--input:

#292640

--ring:

#FFFFFF

--radius:

4px

Dark Mode

--background:

#16122E

--foreground:

#9999A9

--card:

#1D1A35

--card-foreground:

#9999A9

--popover:

#1D1A35

--popover-foreground:

#9999A9

--primary:

#FFFFFF

--primary-foreground:

#7441F7

--secondary:

#1D1A35

--secondary-foreground:

#9999A9

--muted:

#1D1A35

--muted-foreground:

#67657A

--accent:

#1D1A35

--accent-foreground:

#9999A9

--border:

#292640

--input:

#292640

--ring:

#FFFFFF

--radius:

4px

Theme

--font-sans:

"Red Hat Display", "Newsreader", system-ui, -apple-system, 'Segoe UI', sans-serif

--font-heading:

"Red Hat Display", "Newsreader", system-ui, -apple-system, 'Segoe UI', sans-serif

CSS