my-marp-themes
my-marp-themes copied to clipboard
Collection of my CSS themes for Marp Markdown presentations
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
-
inspired by / based on LaTeX's beamer class
-
download the Computer Modern Unicode font family for best results
-
follow the tutorial to change the primary colors
-
more screenshots on the community themes website
border
-
based on the
default
Marp theme -
find more screenshots on the community themes website
gradient
-
also based on the
default
Marp theme -
more screenshots available on the community themes website
-
gradient
, classblue
graph_paper
- click here to see more screenshots
Installation
Assuming you're using the VSCode Marp extension…
- Open Settings in VSCode (
Ctrl + ,
) - Search for "Marp: Themes" or "markdown.marp.themes"
- Add either a local (on your computer) or a remote path to the CSS file
- Please, refer to this discussion about linking to files on GitHub
- 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
---
- 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.