SRD-theme

This is a custom theme for Marp based on the default theme, but with some CSS extensions and font customization.

Important

See the demo slides.

How to use the theme

1. In VsCode, hit F1 and run "Preferences: Open Workspace Settings".

2. Search "Themes" and find out Markdown > Marp: Themes.

3. Add a path theme.css. Now ready to use "srd-theme".

4. Open demo.md, and confirm the root of current workspace is the working folder you've made.

5. Open Markdown preview.

Theme features:

Two-column layout for slide

Using local directives <!-- _class: twocolumn -->

Custom alert boxes

Similar to GitHub

Other features:

• Hiding content and displaying it only when hovering over the content.
• Vertical spacing to fit full height of the slide.
• Centering figure with the center property.

Theme test slides

Experience the theme with the demo slides.