Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahmadawais/shades-of-purple-highlightjs
🦄 Shades of Purple — A professional theme with hand-picked & bold shades of purple for HighlightJS.
https://github.com/ahmadawais/shades-of-purple-highlightjs
shades-of-purple
Last synced: about 1 month ago
JSON representation
🦄 Shades of Purple — A professional theme with hand-picked & bold shades of purple for HighlightJS.
- Host: GitHub
- URL: https://github.com/ahmadawais/shades-of-purple-highlightjs
- Owner: ahmadawais
- Created: 2018-07-19T20:21:13.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-29T18:23:10.000Z (almost 2 years ago)
- Last Synced: 2024-10-08T18:53:05.764Z (about 1 month ago)
- Topics: shades-of-purple
- Language: CSS
- Homepage: https://ShadesOfPurple.pro
- Size: 574 KB
- Stars: 14
- Watchers: 3
- Forks: 1
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
Shades of Purple Theme for HighlightJS
[](https://github.com/ahmadawais/Emoji-Log/)
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👋
[](https://github.com/ahmadawais/shades-of-purple-HighlightJS/stargazers) [](https://github.com/ahmadawais?tab=followers) [](https://twitter.com/mrahmadawais/)
## 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.
```sh
wget -qO shades-of-purple.css https://git.io/SOPHighlightHS
```
Or you can manually go to this link [Download shades-of-purple.css](https://git.io/SOPHighlightHS) and save it as `shades-of-purple.css` in your project.
## Usage
1. Copy [`shades-of-purple.css`](https://git.io/SOPHighlightHS) to your desired directory.
1. Include the theme in your html.
In the end, your page should look something like this:
```html
hljs.initHighlightingOnLoad();
// JS Functions
function shade(which) {
console.log(which, 'Shades of Purple');
}
```
## Put `Shades of Purple` In Other Places!
I have built other `Shades of Purple` themes for different software. Here's a list.
- 💜 [VSCode theme](https://github.com/ahmadawais/shades-of-purple-VSCode) — Shades of Purple
- 💜 [iTerm2 theme](https://github.com/ahmadawais/shades-of-purple-iterm2) — Shades of Purple
- 💜 [Hyper™ theme](https://github.com/ahmadawais/shades-of-purple-hyper) — Shades of Purple
- 💜 [Konsole theme](https://github.com/ahmadawais/shades-of-purple-konsole) — Shades of Purple
- 💜 [Slack theme](https://github.com/ahmadawais/shades-of-purple-slack) — Shades of Purple
- 💜 [Alfred theme](https://github.com/ahmadawais/shades-of-purple-alfred) — Shades of Purple
#### **Hello, we're the [WordPress Couple](https://WPCouple.com)**!
I ([Ahmad Awais](https://twitter.com/mrahmadawais/)) am a Full Stack Web Developer and a regular core contributor at WordPress. My significant other ([Maedah Batool](https://twitter.com/MaedahBatool/)) is a Technical Project Manager, and she's also a WordPress Core Contributor. Together with our [team](https://WPCouple.com/team), we run the [WPCouple.com](https://WPCouple.com/).
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](https://WPTakeaway.club)!
#### [**Support our Open Source Projects!**](https://pay.paddle.com/checkout/515568) 🎩
If you'd like us to keep producing professional free and open source software (FOSS). Consider [paying for an hour of my dev-time](https://pay.paddle.com/checkout/515568). 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 & [TheDevCouple Partners](https://TheDevCouple.com/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 →](https://TheDevCouple.com/partners)_
## License & Attribution
**Licensed** as MIT ⓒ [Ahmad Awais](https://AhmadAwais.com/).
Thanks to makers of [HighlightJS](https://github.com/highlightjs/highlight.js) and Icons8 for the icons in this readme.
_Follow me 👋 on Twitter_ → [](https://twitter.com/mrahmadawais/)
For anything else, tweet at @MrAhmadAwais
I have released a video course to help you become a better developer — Become a VSCode Power User →
VSCode