https://github.com/iamskok/gatsby-prismjs-dracula

Dracula PrismJS Theme 🦇
https://github.com/iamskok/gatsby-prismjs-dracula

css gatsby gatsby-plugin gatsby-remark-plugin gatsbyjs sass syntax-highlighting theme

Last synced: about 2 hours ago
JSON representation

Dracula PrismJS Theme 🦇

• Host: GitHub
• URL: https://github.com/iamskok/gatsby-prismjs-dracula
• Owner: iamskok
• Created: 2019-01-19T19:58:45.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T16:12:18.000Z (almost 2 years ago)
• Last Synced: 2024-09-18T15:57:55.907Z (9 days ago)
• Topics: css, gatsby, gatsby-plugin, gatsby-remark-plugin, gatsbyjs, sass, syntax-highlighting, theme
• Language: JavaScript
• Homepage:
• Size: 233 KB
• Stars: 4
• Watchers: 1
• Forks: 2
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


	


		

	






	Dracula Theme for Gatsby





	


		

	




All in one dark theme for [`gatsby-remark-prismjs`](https://www.gatsbyjs.org/packages/gatsby-remark-prismjs) plugin with syntax and line highlighting, line numbers, [file title](https://github.com/DSchau/gatsby-remark-code-titles) and [copy button](https://github.com/iamskok/gatsby-remark-code-buttons).

## Installation

```bash

npm install gatsby-prismjs-dracula

```

```js

// gatsby-browser.js

import 'gatsby-prismjs-dracula';

```

## FAQ

* To show line numbers add `{showLineNumbers: true}` in the code block, like [this](https://www.gatsbyjs.org/packages/gatsby-remark-prismjs/#line-numbering) or set them globally by adding `showLineNumbers: true` in `gatsby-remark-prismjs` [options](https://www.gatsbyjs.org/packages/gatsby-remark-prismjs/#how-to-use).

* To add line highlights check out this [article](https://using-remark.gatsbyjs.org/code-and-syntax-highlighting/#line-highlighting--numbering)

* To add button text, tooltip text or to change icon refer to `gatsby-remark-code-buttons` [options](https://github.com/iamskok/gatsby-remark-code-buttons#options) section.

---

[PRs are welcome](https://github.com/iamskok/gatsby-prismjs-dracula/fork) :octocat: