Universe

Version Manual Repo

All tailwind colors in typst, easily accessible via their default tailwind names.

Usage

#import "@preview/typewind:0.2.0": *

#box(height: 18pt, width: 18pt, fill: emerald-700, radius: 1mm) _emerald-700_
#box(height: 18pt, width: 18pt, fill: rose-300, radius: 1mm) _rose-300_
emerald-700 and rose-300 color swatches rendered in typst

You can also access the colors via a prefix, if you don’t want to pollute your namespace with all the colors:

#import "@preview/typewind:0.2.0" as tw

#box(height: 18pt, width: 18pt, fill: tw.emerald-700, radius: 1mm) _emerald-700_
#box(height: 18pt, width: 18pt, fill: tw.rose-300, radius: 1mm) _rose-300_

See tailwindcss.com/docs/colors for a complete list of colors.