rose-pine

Rosé Pine for Typst

All natural pine, faux fur and a bit of soho vibes for the classy minimalist

Usage

1. Open a Typst document
2. Import this library:

#import "@preview/rose-pine:0.2.0": apply

3. Apply the theme to the document using #show:

#show: apply()

4. Use other colors anywhere you want:

#import "@preview/rose-pine:0.2.0": rose-pine

#text(fill: rose-pine.love)[Some red text]

You can also use other variants by importing them/passing their name to apply(). E.g.

#import "@preview/rose-pine:0.2.0": apply, rose-pine-dawn
#show: apply(variant: "rose-pine-dawn")

Gallery

Thanks to

• oplik0

Contributing

Prefer using @rose-pine/build when possible

Modify src/template.typ using Rosé Pine variables, then build variants:

npx @rose-pine/build@0.8.2 -t src/template.typ -o src/themes -p $ -f hex

Generated by @rose-pine/build@0.8.2

To rebuild the syntax highlighting themes you similarly need to run

npx @rose-pine/build@0.8.2 -t src/rose-pine-template.tmTheme -o src/themes -p $ -f hex --help