gatsby-syntax-highlight-dracula

Dracula syntax highlighting theme for Gatsby

Dark syntax highliting theme for gatsby-remark-prismjs plugin with pre-configured line numbers and line highlights.

Installation

1. Assumed you are using gatsby-sass and gatsby-remark-prismjs.
2. npm install gatsby-syntax-highlight-dracula
3. import gatsby-syntax-highlight-dracula in gatsby-browser.js.

• In order to show line numbers add showLineNumbers: true in gatsby-remark-prismjs config.
• If you don't use gatsby-plugin-sass then you have to import gatsby-syntax-highlight-dracula/lib/styles.css in gatsby-browser.js for step #3.

Screenshots

CSS

Inline code

Line highlight

Code Selection