All ports

Interface / CSS variables

Agent Orange for Shadcn/UI.

Agent Orange for Shadcn/UI supplies standard Shadcn variables plus intentional status tokens for product interfaces. It keeps existing Shadcn components compatible while adding consistent success, warning, danger, and information roles.

Coverage

Built for the work state.

Neutral surfaces stay quiet. Color appears when focus, status, or code meaning needs to be read quickly.

  • Standard Shadcn variable compatibility
  • Application success, warning, danger, and info tokens
  • Warm light and near-black dark blocks
  • Orange reserved for focus and primary intent

Installation

Put it on your surface.

Step 01

Install from the Shadcn registry

Run the registry command in an initialized Shadcn project. The item applies both light and dark variable blocks.

npx shadcn@latest add edwardma33/agent-orange/agent-orange