Overrides

SE UI differs from stock shadcn in four places. These overrides exist because SE themes use distinct --background and --card values, and stock shadcn assumes they're identical. You don't need to apply these manually: @smaller-earth/ui ships them baked in.

Input

packages/ui/src/components/input.tsx

Before

"...border border-input bg-transparent px-2.5..."

After

"...border border-input bg-card px-2.5..."

Inputs need a visible surface when sitting on a card.

Select trigger

packages/ui/src/components/select.tsx

Before

"...border border-input bg-transparent py-2..."

After

"...border border-input bg-card py-2..."

Same reason as Input. The trigger needs a solid background.

Textarea

packages/ui/src/components/textarea.tsx

Before

"...border border-input bg-transparent px-2.5..."

After

"...border border-input bg-card px-2.5..."

Same reason as Input.

Button outline variant

packages/ui/src/components/button.tsx

Before

"border-border bg-background shadow-xs..."

After

"border-border bg-card shadow-xs..."

Outline buttons inside cards looked mismatched against bg-background.