Dracula Icon

Highlight.js

Dracula Theme for Highlight.js
highlightjs - 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>