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 addingshowLineNumbers: true
ingatsby-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.