All in one dark theme for gatsby-remark-prismjs
plugin with syntax and line highlighting, line numbers, file title and copy button.
npm install gatsby-prismjs-dracula
// gatsby-browser.js
import 'gatsby-prismjs-dracula';
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: