<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 code buttons 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 code buttons theme for [`gatsby-remark-prismjs`](https://www.gatsbyjs.org/packages/gatsby-remark-prismj) plugin.

## Installation

```bash
npm install gatsby-code-buttons-dracula
```

```js
// `gatsby-browser.js`
import 'gatsby-code-buttons-dracula';
```

## Options

To add button/tooltip text or change icon refer to `gatsby-remark-code-buttons` [options](https://github.com/iamskok/gatsby-remark-code-buttons#options).

## 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-syntax-highlights-dracula](https://github.com/iamskok/gatsby-syntax-highlights-dracula)
* [gatsby-code-titles-dracula](https://github.com/iamskok/gatsby-code-titles-dracula)

---

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