Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

Dracula Line Numbers Theme 🦇
https://github.com/iamskok/gatsby-line-numbers-dracula

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

Last synced: 26 days ago
JSON representation

Dracula Line Numbers Theme 🦇

Awesome Lists containing this project

README

        



Gatsby



Dracula Line Numbers Theme for Gatsby



Gatsby


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

## Installation

```bash
npm install gatsby-line-numbers-dracula
```

```js
// `gatsby-browser.js`
import 'gatsby-line-numbers-dracula';
```

## Options

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).

## Related projects

* [gatsby-prismjs-dracula-theme](https://github.com/iamskok/gatsby-prismjs-dracula-theme)
* [gatsby-line-hightlights-dracula](https://github.com/iamskok/gatsby-line-hightlights-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-numbers-dracula/fork) :octocat: