Dark syntax highliting theme for gatsby-remark-prismjs
plugin with pre-configured line numbers and line highlights.
- Assumed you are using gatsby-sass and gatsby-remark-prismjs.
npm install gatsby-syntax-highlight-dracula
import gatsby-syntax-highlight-dracula
ingatsby-browser.js
.
- In order to show line numbers add
showLineNumbers: true
ingatsby-remark-prismjs
config. - If you don't use gatsby-plugin-sass then you have to import
gatsby-syntax-highlight-dracula/lib/styles.css
ingatsby-browser.js
for step #3.