slidev-theme-touying

A Slidev theme ported from typst-touying — a popular presentation framework for Typst.

Presets

Currently, 3 out of 7 Touying themes (aka. presets) are available:

| Preset | Demo | |--------|---------| | dewdrop | dewdrop.md (Preview) | | university | university.md (Preview) | | simple | simple.md (Preview) |

Installation

npm i slidev-theme-touying

Then, set the theme in the headmatter:

---
theme: touying
touying:
  preset: dewdrop   # or: university, simple
---

Layouts

| Name | Description | |------|-------------| | default | Normal content slide | | cover | Title / cover slide | | section | Section divider | | outline | Auto-generated outline (dewdrop only) | | focus | Full-screen emphasis slide |

Configuration

All options go under the touying: key in the root frontmatter.

Common options

| Option | Type | Default | Description | |--------|------|---------|-------------| | preset | 'dewdrop' \| 'university' \| 'simple' | 'dewdrop' | Theme preset | | footer | string | '' | Footer left text (dewdrop & simple) |

Dewdrop-specific

The Dewdrop preset uses a serif dark-green palette with a progressive outline sidebar or mini-slides navigation.

touying:
  preset: dewdrop
  navigation: mini-slides   # sidebar | mini-slides | none
  footer: My Presentation
  footerRight: ''
  outlineRowsPerCol: 12
  alpha: 0.3
  miniSlides:
    height: '2em'
    linebreaks: auto        # true | false | auto
    subsection: true        # show subsection dots
  sidebar:
    width: '10em'

| Option | Type | Default | Description | |--------|------|---------|-------------| | navigation | 'mini-slides' \| 'sidebar' \| 'none' | 'mini-slides' | Slide navigation style | | footerRight | string | '' | Footer right text | | outlineRowsPerCol | number | 12 | Max rows per column in the outline | | alpha | number | 0.3 | Opacity of inactive sections in navigation | | miniSlides.height | string | '2em' | Height of the mini-slides bar | | miniSlides.subsection | boolean | true | Show slide dots below section titles | | sidebar.width | string | '10em' | Sidebar width (also symmetric horizontal margin) |

miniSlides.linebreaks controls dot grouping in mini-slides mode:

| Value | Behaviour | |-------|-----------| | true | One row of dots per subsection (h2 slide) | | false | All dots in a single row | | auto | Like true, unless any section has more than 3 subsections |

University-specific

The University preset features a header bar with a section/slide title, a tri-color footer, and a configurable logo.

touying:
  preset: university
logo: /logo.svg

Simple-specific

A minimal theme: small section-title header + page counter footer. Based on the Polylux simple theme.

touying:
  preset: simple
  footer: 'Author · Conference'
logo: /logo.svg

License

MIT