Skip to content

Components · appearance-control

Appearance control

Theme, paper, inks, accent, variation, patina, density and interface face as settings rows that restyle the whole page.

npx shadcn add @patina/appearance-control

Every row, with hints

Theme
Paper
Inks

The drums every print is made in.

Accent

Ticks, links, focus rings and margin notes.

Tilted cards, tape and stronger misregistration.

Patina

How handled the paper looks.

Density

Tighter spacing and shorter controls.

Interface

Prose and headings stay in the serif.

Chosen rows

Theme
Patina

Narrow column

Theme
Inks
Accent