How to Create a Custom VS Code Theme (2020) | Step-by-Step | Debut of codeSTACKr Dark Theme

Channel:

codeSTACKr

Subscribers:

296,000

Published on September 12, 2020 1:59:27 PM ● Video Link: https://www.youtube.com/watch?v=QCqWzb-9Sy8

Category:

Guide

Duration: 15:23

48,482 views

1,136

👉 Become A VS Code SuperHero Today: https://vsCodeHero.com

In this video, I want to walk you through the process of creating a theme in VS Code, so that if you want to make your own, you'll see exactly how to do it.

We'll go step-by-step and I'll show you 2 options for creating a custom theme. Then we'll package and publish it.

Be sure to check out my newly released codeSTACKr dark theme.
🎆 https://marketplace.visualstudio.com/items?itemName=codeSTACKr.codestackr-theme

🌟🌟🌟🌟🌟 If you like the theme, a 5-star rating would be awesome!

👉 Resources:
🔗 Documentation - https://code.visualstudio.com/api/get-started/your-first-extension
🔗 Theme Generator - https://github.com/Tyriar/vscode-theme-generator
🔗 Theme Generator Quick Start - https://github.com/Tyriar/vscode-theme-generator-quick-start
🔗 Set up Azure Personal Access Token - https://code.visualstudio.com/api/working-with-extensions/publishing-extension#get-a-personal-access-token

⏱️ Timestamps:
00:00 - Intro
00:36 - VS Code SuperHero Course Trailer
02:01 - Option 1
07:44 - Option 2
11:05 - Package and Publish
_____________________________________

📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #vscode #theme