# 🧛‍♂️ slidev-theme-dracula

![theme-banner.png](https://user-images.githubusercontent.com/47495003/217882601-bd444dff-8e47-4240-940d-49e9e21fed41.png)

[![NPM version](https://img.shields.io/npm/v/slidev-theme-dracula?color=bd93f9&label=)](https://www.npmjs.com/package/slidev-theme-dracula)

A Dracula theme for [Slidev](https://github.com/slidevjs/slidev).

<!--
  Learn more about how to write a theme:
  https://sli.dev/themes/write-a-theme.html
--->

<!--
  run `npm run dev` to check out the slides for more details of how to start writing a theme
-->

<!--
  Put some screenshots here to demonstrate your theme

  Live demo: [...]
-->

## ✨ Demo

- [Example](https://jd-solanki.github.io/slidev-theme-dracula/example)
- [Layouts](https://jd-solanki.github.io/slidev-theme-dracula/layouts/)

## 🛠️ Install

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

<pre><code>---
theme: <b>dracula</b>
---</code></pre>

Learn more about [how to use a theme](https://sli.dev/themes/use).

## 🧱 Layouts

This theme provides the following layouts:

> _Please refer to the source code of the [available layouts](https://github.com/jd-solanki/slidev-theme-dracula/tree/main/layouts) to learn more about how to use them._

## 📦 Components

> _Raise issue_

## 🤝 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


## 💖 Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/jd-solanki/static/sponsors/sponsors.svg">
    <img alt="sponsors" src='https://cdn.jsdelivr.net/gh/jd-solanki/static/sponsors/sponsors.svg'/>
  </a>
</p>