Ahmad Awais

SHARE


Introducing Bold New VSCode Theme: Shades of Purple πŸ’œ πŸ¦„

Ahmad AwaisAhmad Awais

πŸ’œ I’m super excited to launch my new purple Visual Studio Code theme called β†’Β Shades of PurpleΒ (SOP) β€” it includes hand-picked & bold shades of purple πŸ¦„ β€” purple can be genius.

Stats in One Week:

πŸ‘‰ DownloadΒ Shades of PurpleΒ from VSCode Marketplace
🎩 Used by ~650+ developers (launched 3 days ago)
⚑ Third most trending theme of VSC Marketplace
🌟25+ five-star positive ratings
πŸ’₯Β http://VSCode.pro/tip/1
βœ… Also available for Slack / #iTerm2 / #Hyper / Konsole / AlfredApp

πŸ’œ πŸ¦„ βš›

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, that I’m also launching a course to help you become a VSCode Power User β†’

 

Video Demo & Installation

Watch the following video on YouTube to find out more about 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.

 

Alternate Installation

1. Launch Quick Open using Cmd+P β€” or β€” Ctrl+P.
1. Paste the command `ext install shades-of-purple`
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,
}

πŸ’œΒ I’ll be teaching more about configuring this theme and your Visual Studio Code editor at [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.

 

License & Attribution

Licensed as MIT β“’ [Ahmad Awais](https://AhmadAwais.com/). Thanks to 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. Thanks, Dhanish for awesome VSCode icons. And Icons8 for the icons in this readme.

Say πŸ‘‹ on Twitter @MrAhmadAwaisΒ β†’

🎩

WPTakeaway: Premium WordPress Newsletter!

Takeaway my professional opinion about Full Stack WordPress Development, building a business, growing a family, and everything web! Delivered to your inbox twice a month. πŸ‘» I hate spam! Pinky Promise!

πŸ”₯ Ridiculously hard-working Full Stack Web Developer ⓦ Regular WordPress Core Contributor πŸ“£ TEDx Speaker ✌️ Spends 50% of his time building FOSS (Free & Open Source Software) used by over 30,000 Developers πŸŽ– WordPress Advocate & πŸ™Œ Community Evangelist 🎯 JavaScript & DevOps fanboy πŸ˜‚ Cracks silly jokes πŸ’œ Loves his wife (Maedah) πŸ• Learn more about Ahmad ↣

Say πŸ‘‹ on Twitter @MrAhmadAwais | Subscribe to the WordPress Takeaway!