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

Terms of Service Privacy Policy

Registry Health Inspect

Interaction Tokens – shadcn/ui Theme by delta | shadcnregistry

Registries
delta
Interaction Tokens

Interaction Tokens

theme

Shared interaction-state tokens: surface-relative hover/active overlays (bg-hover, bg-active), the selected fill, the destructive-light ground, the --overlay RGB triplet, the --focus-ring color, and the base-layer :focus-visible fallback ring.

pnpm dlx shadcn@latest add "https://deltacomponents.dev/r/tokens.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--hover:

rgb(0 0 0 / 0.04)

--active:

rgb(0 0 0 / 0.07)

--selected:

#D4D4D4

--destructive-light:

#FEF2F2

--overlay:

0 0 0

--focus-ring:

#6B97FF

Dark Mode

--hover:

rgb(255 255 255 / 0.06)

--active:

rgb(255 255 255 / 0.1)

--selected:

#525252

--destructive-light:

#450A0A

--overlay:

255 255 255

Theme

--color-hover:

var(--hover)

--color-active:

var(--active)

--color-selected:

var(--selected)

--color-destructive-light:

var(--destructive-light)

CSS