Patterns
20 tileable textures from public/patterns/. Apply one tobackground (the L1 token — Card.astro, bg-background, every shadcn card/popover/menu surface) or foreground (the L2 token — card-body fills,bg-foreground, bg-muted/bg-accent). Real classes, not a page-wide overlay — persists site-wide the same way a theme preset does.
Background
Foreground
Proof
Live on a real card
The actual Card.astro component, rendered right here — no swatch, no simulation. If a pick doesn't show up below, it isn't applying; the two preview boxes above only mirror the URL, not the real surface.
Real Card.astro
This card's own
background-color is the L1 token; a pick above shows as itsbackground-image. Same component the homepage feature grid uses.Gallery
Every texture
Click Background or Foreground on a tile to apply it to that layer.
back
backd
background
brilliant
carbon
checkered pattern
classy fabric
dark matter
fake brick
graphy dark
outlets
pattern accent
pattern primary
pattern secondary
subtle carbon
subtle dots
subtle carbon
wdots
whitedots
wwdot