Highlight.js

Dracula

Dark theme for Highlight.js and 355+ apps

StarFork

Highlight.js Theme Preview

19,432 views

Highlight.js

Install using Git

If you are a git user, you can install the theme and keep up to date by cloning the repo:

git clone https://github.com/dracula/highlightjs.git

Install manually

Download using the GitHub .zip download option and unzip them.

Activating theme

1. Copy dracula.css to your desired directory.

2. Include the theme in your html. <link rel="stylesheet" href="dracula.css">

In the end, your page should look something like this:

<link rel="stylesheet" href="dracula.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<pre><code class="javascript">
// Scary function
function scare(who) {
  console.log(who, 'your blood is mine');
}
</code></pre>

Stay up to date

Get updates about this theme and more. 7,399 people enjoy it.

Contributors

This theme wouldn't exist without these people. Wanna help too? Check the repository on GitHub.

  • zenorocha
  • dciccale
  • qolop
  • gustavoquinalha
  • xmatheus
Edit this documentation on GitHub.

Made with by Zeno Rocha
under MIT license