https://github.com/iamskok/gatsby-line-highlights-dracula

Dracula Line Highlights Theme 🦇
https://github.com/iamskok/gatsby-line-highlights-dracula

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

Last synced: about 1 month ago
JSON representation

Dracula Line Highlights Theme 🦇

• Host: GitHub
• URL: https://github.com/iamskok/gatsby-line-highlights-dracula
• Owner: iamskok
• Created: 2019-01-19T11:47:09.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T11:56:24.000Z (almost 2 years ago)
• Last Synced: 2024-09-26T00:28:19.036Z (about 2 months ago)
• Topics: css, gatsby, gatsby-plugin, gatsby-remark-prismjs, gatsbyjs, sass, syntax-highlighting, theme
• Language: CSS
• Homepage:
• Size: 163 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


	


		

	






	Dracula line highlights theme for Gatsby





	


		

	




Dark line highlights theme for [`gatsby-remark-prismjs`](https://www.gatsbyjs.org/packages/gatsby-remark-prismj).

## Installation

```bash

npm install gatsby-line-highlights-dracula

```

```js

// `gatsby-browser.js`

import 'gatsby-line-highlights-dracula';

```

## FAQ

* By default `gatsby-line-highlights-dracula` uses [Sass](https://sass-lang.com/). To switch to CSS version of the plugin add:

```js

// gatsby-browser.js

import 'gatsby-line-highlights-dracula/styles.css';

```

* To show line highlights refer to `gatsby-remark-prismjs` [examples](https://www.gatsbyjs.org/packages/gatsby-remark-prismjs/#line-highlighting).

## Related projects

* [gatsby-prismjs-dracula-theme](https://github.com/iamskok/gatsby-prismjs-dracula-theme)

* [gatsby-line-numbers-dracula](https://github.com/iamskok/gatsby-line-numbers-dracula)

* [gatsby-syntax-highlights-dracula](https://github.com/iamskok/gatsby-syntax-highlights-dracula)

* [gatsby-code-buttons-dracula](https://github.com/iamskok/gatsby-code-buttons-dracula)

* [gatsby-code-titles-dracula](https://github.com/iamskok/gatsby-remark-code-titles)

---

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