https://github.com/JuliusWiedemann/MarpThemeWave

Custom theme "wave" for the marp presentation framework
https://github.com/JuliusWiedemann/MarpThemeWave

marp marp-themes

Last synced: about 2 months ago
JSON representation

Custom theme "wave" for the marp presentation framework

• Host: GitHub
• URL: https://github.com/JuliusWiedemann/MarpThemeWave
• Owner: JuliusWiedemann
• License: mit
• Created: 2023-10-14T17:49:07.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-15T14:46:14.000Z (about 1 year ago)
• Last Synced: 2024-08-01T20:39:40.215Z (5 months ago)
• Topics: marp, marp-themes
• Language: CSS
• Homepage:
• Size: 3.31 MB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-marp - Wave - Marp theme with modern wave. (Themes / Community themes)

README

        
# Marp Theme: Wave

![](example/example-presentation-page-1.jpg)

![](example/example-presentation-page-2.jpg)

![](example/example-presentation-page-3.jpg)

![](example/example-presentation-page-4.jpg)

## Installation

- Open your VS Code settings (Strg + ,)

- Search for "Marp Themes" and click "add element"

- Add this link: `https://raw.githubusercontent.com/JuliusWiedemann/MarpThemeWave/main/source/wave.css`

Now you can use "wave" as a normal marp template:

```

---

marp: true

theme: wave

paginate: true

transition: fade 0.3s

---

```

You can also add this to you settings.json file:

```json

{

    "markdown.marp.themes": 

    [

      "https://raw.githubusercontent.com/JuliusWiedemann/MarpThemeWave/main/source/wave.css"

    ]

}

```

## Sources

- [Color Pattern](https://coolors.co/ffffff-80b3ff-0066ff-002233)

- [Background](https://app.haikei.app/)

- [Code Highlighting](https://github.com/chriskempson/tomorrow-theme)

- [Code Style](https://neumorphism.io/#e0e0e0)