Dark theme for Highlight.js and 355+ apps

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.

Edit this documentation on GitHub.

Made with ♥ by Zeno Rocha
under MIT license