Skip to main content
View plugin on GitHub
See starters using this

Gatsby

Dracula Theme for Gatsby

Gatsby

All in one dark theme for gatsby-remark-prismjs plugin with syntax and line highlighting, line numbers, file title and copy button.

Installation

npm install gatsby-prismjs-dracula
// gatsby-browser.js
import 'gatsby-prismjs-dracula';

FAQ

  • To show line numbers add {showLineNumbers: true} in the code block, like this or set them globally by adding showLineNumbers: true in gatsby-remark-prismjs options.
  • To add line highlights check out this article
  • To add button text, tooltip text or to change icon refer to gatsby-remark-code-buttons options section.

PRs are welcome :octocat:


Docs
Tutorials
Plugins
Blog
Showcase