How to make your own VS Code theme!
🔥 I'm creating a course: Responsive Design for Beginners! https://coder-coder.com/responsive/
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
💥 Make your own VS Code theme colors: https://coder-coder.com/vs-code-theme-color-generator/
🪁 Code faster with Kite, AI-powered autocomplete that integrates into VS Code!
https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codercoder&utm_content=description-only
SUPPORT THE CHANNEL
👏🏽 Hit the Applaud button in any video!
🏆 GitHub sponsors: https://github.com/sponsors/thecodercoder
______________________________________________
0:00 - Intro
0:56 - How colors work in VS Code
2:58 - How VS Code themes work
4:02 - Create theme files w/ Yo Code extension generator
5:07 - Customizing your theme colors
8:57 - Online theme color generator
9:56 - Register, package, and publish your theme
14:32 - Maintaining and updating your theme
LINKS FROM THE VIDEO:
▶ VS Code Theme Color Reference: https://code.visualstudio.com/api/references/theme-color
▶ Find color schemes at: https://coolors.co/
▶ Get color palettes from an image: https://hexcolor.co/image-to-colors
RESOURCES:
▶ How to Create a Custom VS Code Theme by @codeSTACKr -- https://youtu.be/QCqWzb-9Sy8
▶ Creating a VS Code Theme by Sarah Drasner -- https://css-tricks.com/creating-a-vs-code-theme/
_____________________________________
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/
_____________________________________
RECOMMENDATIONS
💻 My Gear -- https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books -- https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses -- https://coder-coder.com/best-web-development-courses/
_____________________________________
FOLLOW CODER CODER
Blog -- https://coder-coder.com/
Twitter -- https://twitter.com/thecodercoder
Instagram -- https://www.instagram.com/thecodercoder
_____________________________________
#vscode #theme #webdevelopment
Видео How to make your own VS Code theme! канала Coder Coder
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme
💥 Make your own VS Code theme colors: https://coder-coder.com/vs-code-theme-color-generator/
🪁 Code faster with Kite, AI-powered autocomplete that integrates into VS Code!
https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codercoder&utm_content=description-only
SUPPORT THE CHANNEL
👏🏽 Hit the Applaud button in any video!
🏆 GitHub sponsors: https://github.com/sponsors/thecodercoder
______________________________________________
0:00 - Intro
0:56 - How colors work in VS Code
2:58 - How VS Code themes work
4:02 - Create theme files w/ Yo Code extension generator
5:07 - Customizing your theme colors
8:57 - Online theme color generator
9:56 - Register, package, and publish your theme
14:32 - Maintaining and updating your theme
LINKS FROM THE VIDEO:
▶ VS Code Theme Color Reference: https://code.visualstudio.com/api/references/theme-color
▶ Find color schemes at: https://coolors.co/
▶ Get color palettes from an image: https://hexcolor.co/image-to-colors
RESOURCES:
▶ How to Create a Custom VS Code Theme by @codeSTACKr -- https://youtu.be/QCqWzb-9Sy8
▶ Creating a VS Code Theme by Sarah Drasner -- https://css-tricks.com/creating-a-vs-code-theme/
_____________________________________
WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/
_____________________________________
RECOMMENDATIONS
💻 My Gear -- https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books -- https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses -- https://coder-coder.com/best-web-development-courses/
_____________________________________
FOLLOW CODER CODER
Blog -- https://coder-coder.com/
Twitter -- https://twitter.com/thecodercoder
Instagram -- https://www.instagram.com/thecodercoder
_____________________________________
#vscode #theme #webdevelopment
Видео How to make your own VS Code theme! канала Coder Coder
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Learn web development as an absolute beginner](https://i.ytimg.com/vi/ysEN5RaKOlA/default.jpg)
![How I learned to code and landed a job (no CS degree!)](https://i.ytimg.com/vi/jA14r2ujQ7s/default.jpg)
![Building an accordion with HTML, CSS & JS (Part 1)](https://i.ytimg.com/vi/FboXxLxg8eo/default.jpg)
![I've been challenged to a CSS Battle rematch | Can I beat him again???](https://i.ytimg.com/vi/20QiX8rmHnU/default.jpg)
![How to Create a Custom VS Code Theme (2020) | Step-by-Step | Debut of codeSTACKr Dark Theme](https://i.ytimg.com/vi/QCqWzb-9Sy8/default.jpg)
![](https://i.ytimg.com/vi/8fSch6cOQ1k/default.jpg)
![Your questions answered!! ✨100K Q&A✨](https://i.ytimg.com/vi/FLcRb289uEM/default.jpg)
![How to create a custom Google Map with the Maps JavaScript API](https://i.ytimg.com/vi/CdDXbvBFXLY/default.jpg)
![Code 0 to 20: Themes and Fonts — Customizing the appearance of VS Code](https://i.ytimg.com/vi/7DlZHZF7P3U/default.jpg)
![This $200 phone can do ANYTHING!!! - Pine64 Pinephone](https://i.ytimg.com/vi/fCKMxzz9cjs/default.jpg)
![25 VS Code Productivity Tips and Speed Hacks](https://i.ytimg.com/vi/ifTF3ags0XI/default.jpg)
![My Favorite VS Code Extensions](https://i.ytimg.com/vi/rH1RTwaAeGc/default.jpg)
![How to stay motivated when learning to code?](https://i.ytimg.com/vi/UQGoVB_zMYQ/default.jpg)
![How I setup VS Code for a beginners front-end workflow](https://i.ytimg.com/vi/aydFCQiUW44/default.jpg)
![Jessica Chan challenged me to CSSBattle](https://i.ytimg.com/vi/XA5m-iiTru0/default.jpg)
![How He Became a Developer at 45 | Old Programmer](https://i.ytimg.com/vi/nYYdmqauP6w/default.jpg)
![Responsive design made easy](https://i.ytimg.com/vi/bn-DQCifeQQ/default.jpg)
![VS Code Top-Ten Pro Tips](https://i.ytimg.com/vi/u21W_tfPVrY/default.jpg)
![10 BEST Editor Themes in VS Code | Awesome Colour Themes](https://i.ytimg.com/vi/oEtZxcXWf5U/default.jpg)
![How I research and plan a real-world website project | FEM social media dashboard, Part 1](https://i.ytimg.com/vi/iL4irerdGdU/default.jpg)