Skip to content

Themes & Colors

Set a theme in your deck’s frontmatter:

theme: Nordic, 1

The number after the comma selects a color scheme. Each theme has 4-7 schemes.

ThemeFontsStyleSchemes
NordicPoppins + LatoDark, clean5
Letters from BrazilSaira CondensedWarm tan, editorial7
SerifPlayfair DisplayClassic light serif4
MinimalSystem fontsLight, no distractions4
HackerJetBrains MonoGreen-on-black terminal4
PosterBebas NeueBold geometric, large type4
AlunFK GroteskGrupo Alun brand5
BorneliDM SansStartSe brand5
KeynoteMontserrat + RalewayGradient backgrounds5

No theme specified? The viewer defaults to Nordic.

Each theme ships with alternate color schemes. Add the number after the theme name:

theme: Nordic, 3

Here’s Nordic in three different schemes:

Override colors on any individual slide with directives:

slide.md
[.background-color: #0a192f]
[.header: #64ffda]
[.text: #8892b0]

# Custom Colors

Custom heading and text colors per slide.

The override works with any theme and takes priority over the scheme’s default background.

Bold text (**word**) in headings uses the theme’s accent color. Inline code uses monospace with accent styling. Strikethrough (~~text~~) also picks up the accent.

slide.md
# Accent Colors

Words in **bold** get the theme's accent color automatically.

This works with **Nordic**, **Keynote**, and other themes that enable accent bold.

Add [.alternating-colors: true] to color alternating paragraphs in main and accent colors.

slide.md
[.alternating-colors: true]

What drives **innovation**?

Is it **necessity** or **curiosity**?

The answer shapes our **approach**.

List all available themes:

Terminal window
npm run export -- --list-themes

List color schemes for a specific theme:

Terminal window
npm run export -- --list-schemes nordic