jackyliu16/marp-Sync

PPT collection of marp

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, 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, class blue

• graph_paper theme
  • click here to see more screenshots

Installation

Assuming you're using the VSCode Marp extension… In VSCode, open

• Preferences: Open Settings (UI)

• Search for "Marp: Themes"

• Add either a local or a remote path

  • e.g.: https://raw.githubusercontent.com/rnd195/my-marp-themes/live/border.css

• Try restaring VSCode if it doesn't work right away

• Then in the Markdown document, simply write, for instance, theme: border in the YAML

License

The beamer-inspired beam theme is licensed under GNU GPLv3. 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.