A custom theme for SyntaxHighlighter

in WordPress

I’ve used SyntaxHighlighter Evolved on that site for as long as I can remember. It was always my plugin of choice to display code on this site. I’ve played with other tools, like Prism.js or  Pastacode, but I’ve added so many code snippets to this site, it wouldn’t be easy to switch to something else now. Let’s see how I customized that plugin to fit my needs.

I never really liked the default themes that come bundled with the plugin. Luckily, Alex made it easy to add your own, and even created a tutorial to walk you through that little change:

How to add a new theme to SyntaxHighlighter Evolved

I personally like the Tomorrow theme; I use “Tomorrow Night” in my code editor, in my terminal, and even use part of its color scheme in my WordPress theme. I consequently decided to use it for my code snippet as well. If you’d like to use it on your site, install the SyntaxHighlighter Evolved plugin, and then download this zip file. You’ll be able to add it to your site by uploading it in Plugins > Add New > Upload in your dashboard.

Once the plugin is activated, you can activate the theme under Settings > Syntax Highlighter in your dashboard:

tomorrow-dark-theme-syntaxhighlighter.png

If you’d like to take a look at the code, it’s available on GitHub:

SyntaxHighlighter Tomorrow: Tomorrow Theme for the SyntaxHighligher Evolved plugin