<a href="https://gatsbyjs.org">
	<p align="center">
		<img alt="Gatsby" src="https://www.gatsbyjs.org/monogram.svg" width="120" />
	</p>
</a>

<h1 align="center">
	Dracula Syntax Highlighting Theme for Gatsby
</h1>

<a href="https://draculatheme.com">
	<p align="center">
		<img alt="Gatsby" src="https://draculatheme.com/assets/img/dracula.gif" width="350" />
	</p>
</a>

Dark syntax highlighting theme for [`gatsby-remark-prismjs`](https://www.gatsbyjs.org/packages/gatsby-remark-prismjs) plugin.

## Installation

```bash
npm install gatsby-syntax-highlights-dracula
```

```js
// gatsby-browser.js
import 'gatsby-syntax-highlights-dracula';
```

## Related projects

* [gatsby-prismjs-dracula-theme](https://github.com/iamskok/gatsby-prismjs-dracula-theme)
* [gatsby-line-hightlights-dracula](https://github.com/iamskok/gatsby-line-hightlights-dracula)
* [gatsby-line-numbers-dracula](https://github.com/iamskok/gatsby-line-numbers-dracula)
* [gatsby-code-buttons-dracula](https://github.com/iamskok/gatsby-code-buttons-dracula)
* [gatsby-code-titles-dracula](https://github.com/iamskok/gatsby-code-titles-dracula)

---

[PRs are welcome](https://github.com/iamskok/gatsby-syntax-highlights-dracula/fork) :octocat:
