JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 20
  • Score
    100M100P100Q46902F
  • License ISC

All in one Dracula syntax highlighting theme for Gatsby

Package Exports

  • gatsby-prismjs-dracula

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (gatsby-prismjs-dracula) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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: