Skip to content

Collection of my CSS themes for Marp Markdown presentations

License

Notifications You must be signed in to change notification settings

rnd195/my-marp-themes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Download the CSS file:

https://rnd195.github.io/my-marp-themes/beam.css

beam sample

border

  • based on the default Marp theme

  • find more screenshots on the community themes website

  • note that the theme imports a font from Google Fonts (see Privacy notice below)

Download the CSS file:

https://rnd195.github.io/my-marp-themes/border.css

border sample

gradient

  • also based on the default Marp theme

  • more screenshots available on the community themes website

  • note that the theme imports a font from Google Fonts (see Privacy notice below)

Download the CSS file:

https://rnd195.github.io/my-marp-themes/gradient.css

gradient1 sample

  • gradient, class blue

gradient-blue

graph_paper

  • click here to see more screenshots
  • note that the theme imports a font from Google Fonts (see Privacy notice below)

Download the CSS file:

https://rnd195.github.io/my-marp-themes/graph_paper.css

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 by using some of the CSS themes (namely border, gradient, and graph_paper) you import fonts from the Google Fonts service. Please, refer to their Privacy FAQ for more information about using their service.

The CSS files are also hosted on the GitHub Pages site of this repository (deployed from the live branch). The site is automatically built after each commit.

About

Collection of my CSS themes for Marp Markdown presentations

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages