@kadal/theme-seriph

Build it. Rehearse it. Own the room. Kadal Deck has your back for the whole talk, from the first idea to the last applause. A theme is how your talk looks on the day, on the projector and on every phone in the room.

Take the tour · Docs

Seriph, a theme for Kadal Deck: Slidev's seriph theme, ported. PT Serif for everything, PT Mono for code, headings in the primary colour (a slate teal) except on the cover, and a centred cover over a dimmed background picture. Light and dark.

All 17 themes · Themes and backgrounds · Writing a theme · Source

@kadal/deck ships this theme, so theme: seriph works with nothing else installed. Install the package only to give the deck a copy of its own, at a version you pick:

npm install @kadal/theme-seriph

---
theme: seriph
layout: cover
background: /cover.jpg
themeConfig:
  primary: "#5d8392"    # → --theme-primary: the headings, links on hover, the progress bar
---

Layouts

Every engine layout is styled. The theme's own:

| layout | frontmatter | what | |---|---|---| | cover | background | the title centred; a picture background gets Slidev's dim and white words |

intro, section, statement, fact and quote keep their Slidev look. Slidev's seriph falls back to a random picture from source.unsplash.com when a cover names none; that service no longer exists, so a cover without background: here is simply plain.

Develop

The preview deck (preview/deck.mdx) is the original theme's own example deck, slide for slide:

npm run dev      # the preview deck, live
npm run check    # lint it

Licence and attribution

MIT. This package is a port of @slidev/theme-seriph, MIT License, Copyright (c) 2021 Slidev.js Team (the theme by Anthony Fu). The look, the layouts and their frontmatter are theirs; the React layouts and the stylesheet were rewritten for Kadal Deck. The full notice is in LICENSE.