How to make your own VS Code theme!

Описание: 💥 Learn how to build a website from a Figma design with HTML, CSS, and JS -- https://coder-coder.com/?utm_source=Y...

RECOMMENDED RESOURCES:
Tools and resources I use myself and highly recommend, with exclusive discounts (affiliate links help support this channel-- thank you!)

🔷 Frontend Mentor Pro -- Practice building real-world projects (10% off with code JESSCHAN10) -- https://www.frontendmentor.io/?via=je...
🔷 Boot.dev -- Learn back-end development (25% off) -- https://www.boot.dev/?promo=CODERCODER
🔷 Zero to Mastery -- Learn web dev, AI, DevOps and more with 100+ courses -- https://academy.zerotomastery.io/a/af...

______________________________________________

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:
▶ My Theme Color Generator: https://coder-coder.com/vs-code-theme...
▶ VS Code Theme Color Reference: https://code.visualstudio.com/api/ref...
▶ 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‬ --    • How to Create a Custom VS Code Theme (2020...  
▶ Creating a VS Code Theme by Sarah Drasner -- https://css-tricks.com/creating-a-vs-...

_____________________________________

OTHER STUFF:
🟢 Coder Coder Dark -- My VS Code theme -- https://marketplace.visualstudio.com/...
🟢 Coder Coder Merch -- get my hoodie, coffee cup, and more! -- https://coder-coder.com/merch

SOCIALS:
  / thecodercoder  
  / thecodercoder  

#css #javascript #html