Agentic BP DScode-first design system

Opacity

Use semantic opacity roles in components. Primitives are the source transparency scale.

Click any row to copy its token.

Disabled

--opacity-disabled

Disabled controls and their labels.

Muted

--opacity-muted

De-emphasized content that stays readable.

Hover

--opacity-hover

Tint layered on a surface under the pointer.

Scrim

--opacity-scrim*

Backdrop behind modals and drawers.

Full

--opacity-full