Grammarly Mobile — Decoded Design System – shadcn/ui Theme by mozaika

pnpm dlx shadcn@latest add "https://mozaika.design/r/grammarly-mobile.json"

Light Mode

--background:

#FFFFFF

--foreground:

#000000

--card:

#EFEFEF

--card-foreground:

#000000

--popover:

#EFEFEF

--popover-foreground:

#000000

--primary:

#027E6F

--primary-foreground:

#FFFFFF

--secondary:

#EFEFEF

--secondary-foreground:

#000000

--muted:

#EFEFEF

--muted-foreground:

#606060

--accent:

#EFEFEF

--accent-foreground:

#000000

--border:

#D8D8D8

--input:

#D8D8D8

--ring:

#027E6F

--radius:

12px

Dark Mode

--background:

#FFFFFF

--foreground:

#000000

--card:

#EFEFEF

--card-foreground:

#000000

--popover:

#EFEFEF

--popover-foreground:

#000000

--primary:

#027E6F

--primary-foreground:

#FFFFFF

--secondary:

#EFEFEF

--secondary-foreground:

#000000

--muted:

#EFEFEF

CSS