Highlight.js

Dracula

A dark theme for Highlight.js and 50+ apps

Theme Preview

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

Receive updates about this theme and more about Dracula.

Contributors

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

Made with by Zeno Rocha
under MIT license