Skip to content

rnd195/my-marp-themes

My custom Marp themes

Marp is used to create presentations in Markdown. In this repository, you may find simple CSS themes that I have created. Namely:

beam

beam sample

border

border sample

gradient

gradient1 sample

  • gradient, class blue

gradient-blue

graph_paper

  • click here to see more screenshots

graph_paper

Installation

Assuming you're using the VSCode Marp extension…

  1. Open Settings in VSCode (Ctrl + ,)
  2. Search for "Marp: Themes" or "markdown.marp.themes"
  3. Add either a local (on your computer) or a remote path to the CSS file
  4. Enable the theme in the front-matter of the Markdown document, i.e., write the following at the very beginning of the Markdown document:
---
marp: true
theme: theme_name
---
  1. Try restaring VSCode if it doesn't work right away

For additional settings (such as size or paginate), follow the official documentation.

License

The beamer-inspired beam theme is licensed under GNU GPLv3. Parts of the beamer class are dual-license with one option being the GNU GPLv2. The rest of the repository is licensed under the MIT License.

Attribution

The beam, border, graph_paper, and gradient themes are based on the default Marp themes made by yhatt. The border and gradient themes import the Inter font by Rasmus Andersson. The graph_paper theme imports the Work Sans font by Wei Huang.

Privacy notice

Please, be aware that some of the themes (border, gradient, and graph_paper) import fonts from the Google Fonts service. Refer to their Privacy FAQ for more information.

About

Collection of my CSS themes for Marp Markdown presentations

Topics

Resources

License

MIT and 2 other licenses found

Licenses found

MIT
LICENSE
GPL-2.0
LICENSE_GPLv2
GPL-3.0
LICENSE_beam

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages