Slide themes

Personalization matters! Demo Time allows you to customize the look and feel of your slides by selecting a built-in theme or creating your own.

Similar like defining the layout in the front matter of a slide, you can also define a theme to apply a specific theme to a slide. If you don’t specify a theme, the default theme will be used.

---
theme: default
---

# Welcome to Demo Time!

To use your own theme, create a CSS file and load it with the customTheme front matter property or the demoTime.customTheme setting. See custom themes for more information.

---
theme: my-theme
customTheme: .demo/theme/my-theme.css
---

# Welcome to Demo Time!

Built-in themes

• default
• minimal
• monomi
• unnamed
• quantum
• frost
• pixels

Theme overview

Default

Theme name: default

The default theme is a clean and simple theme that can be used for most slides.

View more

Minimal

Theme name: minimal

The minimal theme is a simple theme with a background on the slide title.

View more

Monomi

Theme name: monomi

A monochrome-minimalist theme

View more

Unnamed

Theme name: unnamed

The unnamed theme is based on the VS Code theme

View more

Quantum

Theme name: quantum

A dark mode theme with vibrant gradient accents

View more

Frost

Theme name: frost

Light mode design with a clean, airy feel

View more

Pixels

Theme name: pixels

A retro, pixel-art inspired theme with vibrant colors and blocky graphics

View more

Tip

If you want to create your own theme, you can start from one of the built-in themes and customize the CSS to match your style. You can find more information on how to create a custom theme in the custom theming section, or build one visually — without writing CSS — with the Theme Builder.