Sentry's design system as a shadcn registry.
One command to theme any shadcn project with Sentry's purple-tinted neutrals, Blurple accent, and Rubik typography — both light and dark modes.
npx shadcn add https://scrapscn.sentry.dev/r/sentry-base- 26+ semantic CSS variables mapped from Sentry's product design tokens (oklch)
- Custom tokens beyond shadcn defaults:
--warning,--success,--promotion - Chonky buttons: Sentry's signature raised embossed depth effect with snap easing
- Debossed inputs: Pressed-in feel with inset shadows, matching the product UI
- Semantic Badge & Alert variants:
info,success,warning,danger,promotion,muted— plus feature badges (alpha,beta,new) - Chonky Switch: Debossed track, embossed thumb, crossfading check/close icons
- Typography: Dammit Sans (headlines), Rubik (body), Roboto Mono (code)
- Both modes: Light and dark are first-class citizens — purple-tinted neutrals, never pure black
- WCAG AA compliant: All text/surface pairs pass 4.5:1 contrast
pnpm install
pnpm devAuto-deploys to scrapscn.sentry.dev via Vercel on push to main.
This repo consumes Sentry's brand tokens — it doesn't define them. The canonical sources are:
- Product tokens:
getsentry/sentry→static/app/utils/theme/scraps/ - Brand guidelines: live.standards.site/sentry