Skip to content

Az-21/typst-material-you

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Typst Material You

🎨 Utility to parse material you theme for typst

Material You Palettes

Blue

Blue M3 Palette ↗️

Green

Green M3 Palette ↗️

Purple

Purple M3 Palette ↗️

Usage Guide

The above samples are pre-parsed and ready-to-import in your typst project. If you'd like to generate your custom palette, follow these steps.

1. Generate Custom Material You Palette

  • Go to https://m3.material.io/theme-builder#/custom
  • Set color seeds as per your preference (see left hand panel)
  • After previewing colors on the website, export as .kt file
    • Click on Export button on the top panel
    • Export > Jetpack Compose (Theme.kt)
  • Open the downloaded .zip archive and copy out Color.kt file
    • Color.kt can be found in ui/theme/ folder
  • Keep hold of Color.kt until the final step

Tip

You can rename Color.kt. Just preserve the .kt extension.

2. Install .NET 8.0 Runtime

3. Download Typst Material You

4. Import in Typst Project

#import "color.typ": m3dark, m3light

#box(width: 32pt, height: 32pt, fill: m3light.primary)
#box(width: 32pt, height: 32pt, fill: m3dark.onTertiary)