Terms of Service Privacy Policy

Registry Health Inspect

Notion Theme – shadcn/ui Theme by cuelark | shadcnregistry

Registries
cuelark
Notion Theme

Notion Theme

theme

Warm ink on white, Notion blue, calm and readable. Light and dark mode. Font: IBM Plex Sans. Notion uses the system UI face; Plex keeps the same calm, readable feel everywhere.

pnpm dlx shadcn@latest add "https://ui.cuelark.com/r/theme-notion.json"

theme

Light Mode

--background:

#ffffff

--foreground:

#37352f

--card:

#ffffff

--card-foreground:

#37352f

--popover:

#ffffff

--popover-foreground:

#37352f

--primary:

#2383e2

--primary-foreground:

#ffffff

--secondary:

#f1f1ef

--secondary-foreground:

#37352f

--muted:

#f7f6f3

--muted-foreground:

#787774

--accent:

#efeeec

--accent-foreground:

#37352f

--border:

#e9e9e7

--input:

#dfdfdc

--ring:

#2383e2

--signal:

#2383e2

--signal-foreground:

#ffffff

--cl-mark:

#d3d1cb

--cl-shade:

rgb(15 15 15 / 0.08)

--radius:

0.375rem

--cl-density:

1

--cl-marks:

0

--cl-motion:

1

Dark Mode

--background:

#191919

--foreground:

#e6e6e5

--card:

#202020

--card-foreground:

#e6e6e5

--popover:

#252525

--popover-foreground:

#e6e6e5

--primary:

#2383e2

--primary-foreground:

#ffffff

--secondary:

#2c2c2c

--secondary-foreground:

#e6e6e5

--muted:

#252525

--muted-foreground:

#9b9b9b

--accent:

#2f2f2f

--accent-foreground:

#e6e6e5

--border:

#2f2f2f

--input:

#3a3a3a

--ring:

#529cca

--signal:

#529cca

--signal-foreground:

#ffffff

--cl-mark:

#474747

--cl-shade:

rgb(0 0 0 / 0.5)