Marp-core built-in themes
We provide some nice official themes in marp-core. You can choose a favorite theme by using Marpit
theme directive in your Markdown.
Screenshots were taken from the rendered result of an example.
The all of built-in themes support
invert class to use the inverted color scheme.
<!-- class: invert -->
The default theme of Marp. It is based on GitHub markdown style, but optimized to the slide deck. Slide contents will be always vertically centered.
<!-- theme: default -->
Gaia theme is based on the classic design of yhatt/marp.
Originally, this theme was created for a maintainer to use, and it's inspired from azusa-colors keynote template.
<!-- theme: gaia -->
Contents of the slide will align to left-top by Gaia's default. But you can use
lead class to be centering like uncover theme. It is useful for the leading page like a title slide.
<!-- theme: gaia class: lead -->
ℹ️Marpit's Spot directive would be useful to apply
leadclass only into a current page.<!-- _class: lead -->
Gaia theme supports an additional color scheme by
<!-- class: gaia -->
ℹ️Of course you may use multiple classes, by array or separated string by space.--- theme: gaia class: - lead - invert --- # Lead + invert --- <!-- class: lead gaia --> # Lead + gaia
Uncover theme has three design concepts: simple, minimal, and modern. It's inspired from many slide deck frameworks, especially reveal.js.
<!-- theme: uncover -->
Auto scaling for code block is disabled because uncover theme uses the elastic style that has not compatible with it.