Introducing Bold New VSCode Theme: Shades of Purple 🦄

Shades of Purple (SOP)
A professional theme with hand-picked & bold shades of purple to go along with your VS Code.

BTW. As you might have read in my 2017 year-in-review post, I’m also launching a course to help you become a VSCode Power User →

💜 EXCITED to launch my new VS @Code theme → Shades of Purple (SOP) — includes hand-picked & bold shades of purple 🦄

👉 HERE → https://t.co/uSItlDl7ne

🎩 Used by 250+ devs
🌟 10+ ratings
💥 https://t.co/L65xmpCw8q

Also
✅ @SlackHQ
✅ #iTerm2 / #Hyper
✅ @AlfredApp

🙌 #RT pic.twitter.com/5aSLkBYm5d

— Ahmad Awais (@MrAhmadAwais) April 9, 2018

Video Demo & Installation#

Watch the following video on YouTube to learn more about the Shades of Purple theme. Learn how to install it and a little bit about its features, like markdown editing — which’s quite pretty awesome with SOP.

Easy Installation

1. Open the extensions sidebar on Visual Studio Code
1. Search for Shades of Purple Theme
1. Click Install to install it.
1. Click Reload to reload your editor.
1. Code/File ＞ Preferences ＞ Color Theme ＞ Shades of Purple.

Best Custom VSCode Theme Settings!#

This theme works best with the following settings. Especially if you have the Operator mono font, add it to your user settings JSON object.

You can also use a custom VSCode Shades-of-Purple icon that I created based on the work of amazing designer Dhanish called VSCode Icons.

{
// Theme Setup.
"workbench.colorTheme": "Shades of Purple",
"workbench.iconTheme": "vscode-icons",
"editor.fontFamily": "Operator Mono, Menlo, Monaco, 'Courier New', monospace",
"terminal.integrated.fontFamily": "'Operator Mono', 'Inconsolata for Powerline', monospace",
"editor.fontSize": 17,
"editor.lineHeight": 24.65,
"editor.letterSpacing": 0.5,
"editor.fontWeight": "400",
"editor.fontLigatures": true,
"editor.cursorStyle": "line",
"editor.cursorWidth": 5,
"editor.cursorBlinking": "solid",
"editor.renderWhitespace": "all",
"editor.snippetSuggestions": "top",
"workbench.startupEditor": "newUntitledFile",
"editor.glyphMargin": true,
"workbench.editor.enablePreview": false,
"explorer.confirmDragAndDrop": false,
"files.trimTrailingWhitespace": true,
"files.trimFinalNewlines": true,
// Formatting Optional.
"editor.formatOnSave": true,
"prettier.eslintIntegration": true,
"eslint.run": "onType",
"eslint.autoFixOnSave": true,
// MacOS Only Settings.
"workbench.fontAliasing": "auto",
"terminal.integrated.macOptionIsMeta": true,
"workbench.statusBar.feedback.visible": false,
}

Get all my configurations in this five-hour video course VSCode.pro. Interested?! Sign up to become a VSCode Power User →

Put Shades of Purple In Other Places!

I have built other SOP themes for different software. Here’s a list.

• 💜 VSCode theme — Shades of Purple
• 💜 iTerm2 theme — Shades of Purple
• 💜 Hyper™ theme — Shades of Purple
• 💜 Konsole theme — Shades of Purple
• 💜 Slack theme — Shades of Purple
• 💜 Alfred theme — Shades of Purple
• 🦄 15+ software dev-tools

License & Attribution#

Licensed as MIT ⓒ [Ahmad Awais](https://AhmadAwais.com/). Thanks to the VSCode team at Microsoft for creating such an awesome code editor. Also, to the creator of other high-contrast themes that served as an inspiration. This theme takes inspiration from many VSCode themes, including but not limited to Cobalt themes by Roberto Achar, Ayu, Palenight themes, Dracula themes, etc. And Icons8 for the icons in this readme.

Say 👋 on Twitter @MrAhmadAwais →