@workshops.de/slidev-theme

A theme for workshops held by workshops.de.

Install

Add the following frontmatter to your slides.md. Start Slidev then it will prompt you to install the theme automatically.

Learn more about how to use a theme.

Layouts

This theme provides the following layouts:

| Layout | Description | | ------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | | cover | Title slide with workshop title, subtitle, and optional body content. Features "Workshop" label and footer logo. | | topic | Section divider with decorative blue-themed background, grid pattern, and "Topic" badge. Supports optional image placement (left or center). | | task | Task slide with orange theme, "Task" badge, and task illustration. Used for presenting exercises or assignments. | | little-what | Explanation slide with silver theme, "Little What" badge, and light bulb illustration. Includes a dedicated explanation slot for purpose text. | | why | Question/explanation slide with purple theme, "Why" badge, and why illustration. Used to explain reasons, motivations, or rationale. | | what-if | Hypothetical question slide with red/wine theme and "What If" badge. Used for posing hypothetical scenarios or thought-provoking questions. |

Components

This theme provides the following components:

| Component | Description | | ------------------------ | -------------------------------------------- | | TaskIllustration | SVG illustration of a task board with pencil | | LittleWhatIllustration | SVG illustration of a silver light bulb | | SlideFooter | Footer component with workshops.de logo | | WorkshopsLogo | SVG component for the workshops.de logo |

Contributing

• npm install
• npm run dev to start theme preview of example.md
• Edit the example.md and style to see the changes
• npm run export to generate the preview PDF
• npm run screenshot to generate the preview PNG