Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

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:

© 2023 Gatsby, Inc.