Theme gallery
Themes
Every theme here comes with @kadal/deck: name one with theme: and the deck wears it,
on your laptop, on any host and on deck.kadal.cc alike. Pick a picture under a card to see its other slide or
colour scheme.
Name it in the headmatter
---
theme: seriph
---Optional · pin a version of its own
npm install @kadal/theme-seriph pnpm add @kadal/theme-seriph yarn add @kadal/theme-seriph bun add @kadal/theme-seriph Every deck's theme menu offers all sixteen, so the audience can switch too. Installing a theme's package is only for pinning it to a version apart from the engine's, or building on it. Next: Themes and backgrounds, Writing a theme, Coming from Slidev.
Built in
The engine's own three, the ones every new deck starts from. Name one in the headmatter and it is there.
-
Minimal
- Light
- Dark
The default. Black on white, a wide sans serif and one accent; dark mode inverts it.
theme: minimalPart of the engine
-
RLA
- Dark
- Light
Zinc-950 with a blue-to-violet ramp and dot-matrix headings, made for the animated backgrounds.
theme: rlaPart of the engine
-
Stack
- Light
- Dark
An emerald accent on warm neutrals, set in Inter. Reads like a product page.
theme: stackPart of the engine
Kadal originals
Made for Kadal Deck. They ship inside the engine too, so naming one is enough; each is also its own package.
-
Ocean
- Light
- Dark
Kadal's own: sunlit shallows in light, midnight water in dark, calm gradients, Catamaran and Night Owl code.
Layouts, components and settings for Oceantheme: ocean@kadal/theme-ocean -
Folio
- Light
- Dark
Editorial, for essays and keynotes: warm paper, Playfair Display over Newsreader, a drop cap, generous margins.
Layouts, components and settings for Foliotheme: folio@kadal/theme-folio -
Swiss
- Light
- Dark
The International Typographic Style: huge Inter Tight headings on a twelve-column grid, heavy rules, one signal red.
Layouts, components and settings for Swisstheme: swiss@kadal/theme-swiss -
Terminal
- Dark
- Light
For code-heavy talks: JetBrains Mono headings, code blocks as editor windows with a lit active line, Ayu colours.
Layouts, components and settings for Terminaltheme: terminal@kadal/theme-terminal -
Lecture
- Light
- Dark
Academic: numbered sections, a footer with course, author and page, theorem and proof blocks, citations; prints on white.
Layouts, components and settings for Lecturetheme: lecture@kadal/theme-lecture -
Brand
- Light
- Dark
Corporate, branded from themeConfig alone: your colours, logo, company and footer line on a white page with calm cards.
Layouts, components and settings for Brandtheme: brand@kadal/theme-brand -
Crayon
- Light
- Dark
Playful pastels for workshops and classrooms: Fredoka and Nunito, chunky outlines, callouts as tilted stickers.
Layouts, components and settings for Crayontheme: crayon@kadal/theme-crayon -
Neon
- Dark
Synthwave for meetups and launches: a striped sunset over a running grid, legible glows, a solid print fallback.
Layouts, components and settings for Neontheme: neon@kadal/theme-neon
From Slidev
Slidev's official themes, ported with their layouts, slots, frontmatter and colour schemes. A Slidev deck changes only the theme's name.
-
Classic
- Light
- Dark
Slidev's default theme: Avenir Next, light headings, square bullets and a dimmed picture under the cover.
Layouts, components and settings for Classictheme: classic@kadal/theme-classic -
Seriph
- Light
- Dark
PT Serif throughout, headings in the primary colour (themeConfig.primary) and a centred cover.
Layouts, components and settings for Seriphtheme: seriph@kadal/theme-seriph -
Crisp
- Light
- Dark
Plain black on white in Helvetica Neue: bold titles under a bold subtitle, pictures set in a margin.
Layouts, components and settings for Crisptheme: crisp@kadal/theme-crisp -
Bricks
- Light
Building blocks in coral, butter, rose and sky on a cream page, with Sigmar One headings.
Layouts, components and settings for Brickstheme: bricks@kadal/theme-bricks -
Shibainu
- Dark
Soft blobs in a shiba's browns and Titillium Web, with a different arrangement for each of fourteen layouts.
Layouts, components and settings for Shibainutheme: shibainu@kadal/theme-shibainu