Skip to content
⚡Professional HighlightJS theme with hand-picked & bold shades of purple 💜 to go along with your HighlightJS embeds. A custom HighlightJS theme with style.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Shades of Purple Theme for HighlightJS


Shades of Purple (SOP)
A professional theme with hand-picked & bold shades of purple 💜 to go along with your HighlightJS. A custom HighlightJS theme with style.
A FOSS (Free & Open Source Software) project developed by Ahmad Awais.
Follow Ahmad's #FOSS work on GitHub @AhmadAwais — Say Hi on Twitter @MrAhmadAwais👋

GitHub stars GitHub followers Tweet for help


Easy To Download

Download the shades-of-purple.css any where in your project. You can use command line to run the command below and it will download this css file in the folder you run this command in.

wget -qO shades-of-purple.css

Or you can manually go to this link Download shades-of-purple.css and save it as shades-of-purple.css in your project.



  1. Copy shades-of-purple.css to your desired directory.
  2. Include the theme in your html.

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

<link rel="stylesheet" href="shades-of-purple.css">
<script src=""></script>
<pre><code class="javascript">
// JS Functions
function shade(which) {
  console.log(which, 'Shades of Purple');

Shades of purple for other software

Put Shades of Purple In Other Places!

I have built other Shades of Purple themes for different software. Here's a list.


Hello, we're the WordPress Couple!

I (Ahmad Awais) am a Full Stack Web Developer and a regular core contributor at WordPress. My significant other (Maedah Batool) is a Technical Project Manager, and she's also a WordPress Core Contributor. Together with our team, we run the

If you'd like to get insights into our love for open source software, professional full stack development, WordPress community, the growth of JavaScript or growing a family, building, and bootstrapping a business, then subscribe to our premium newsletter called ↣ The WordPress Takeaway!

Support our Open Source Projects! 🎩

If you'd like us to keep producing professional free and open source software (FOSS). Consider paying for an hour of my dev-time. We'll spend two hours on open source for each contribution. Yeah, that's right, you pay for one hour and get both of us to spend an hour as a thank you.


Project Backers & WPCouple Partners ⚡️

This FOSS (free and open source software) project is updated and maintained with the help of awesome businesses listed below. Without the support from these amazing companies/individuals, this project would not have been possible.

What/How? Read more about it →


License & Attribution

Licensed as MIT ⓒ Ahmad Awais.

Thanks to makers of HighlightJS and Icons8 for the icons in this readme.

Follow me 👋 on TwitterTweet to say Hi

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.