How to make your own VS Code theme!

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ธ.ค. 2024

ความคิดเห็น • 343

  • @Gustafonair
    @Gustafonair 2 ปีที่แล้ว +68

    If anyone runs into the issue of "you don't have an extension for debugging json with comments" or similar, make sure you open the correct folder in VS code. It has to be the one created from running the "yo code"-script

    • @mazwrld
      @mazwrld 2 ปีที่แล้ว

      What if it's a repo I forked??

    • @createdxvibez1183
      @createdxvibez1183 2 ปีที่แล้ว

      I ran into that issue, from what I've gathered it just means you don't have your debugger of choice, chosen. you have to select the bug icon and choose "show all automatic debug configurations" select which debugger you want to use and it should work.

    • @randomluck9802
      @randomluck9802 2 ปีที่แล้ว

      is your bug fixed??
      if you don't i could help you

    • @moustafael-shaboury2659
      @moustafael-shaboury2659 2 ปีที่แล้ว

      @@randomluck9802 Hey, I'm getting this bug too and can't seem to see the issue. Would you mind helping?

    • @moustafael-shaboury2659
      @moustafael-shaboury2659 2 ปีที่แล้ว +1

      Actually I fixed it - turns out you literally need to have nothing open apart from the folder itself when you press f5 (so don't open any .json files)

  • @ernesticus6593
    @ernesticus6593 10 หลายเดือนก่อน +9

    I’ve been coding for about 10 minutes now & I’m about to jump down this rabbit hole. Wish me luck!!

  • @blonduose
    @blonduose 3 ปีที่แล้ว +92

    I don't care about making my own theme, because changing the colours makes me anxious, but this was just fun to watch! :D

    • @paulvorderegger1522
      @paulvorderegger1522 3 ปีที่แล้ว

      I was on Intellij's IDEs since I started programming (The community editions are always free).
      Now I wanted to get into C++ but the C++ IDE from Intellij costs 400$ a year (Java and Python are free) so I did everything to make VSCode feel like Intellij.
      Changed the font, changed the icons, and spent a day making exactly the theme from Intellij for C++. It really is a PITA but now it looks like the IDE i know.

  • @xNeitorx
    @xNeitorx 3 ปีที่แล้ว +6

    Omg I spent an entire day changing the color scheme on sublimetext, thank you so much!

  • @niainafitiairinarasamimana2392
    @niainafitiairinarasamimana2392 3 ปีที่แล้ว +16

    Amazing video! Everything ran smoothly until the install 'yo generator-code part'. I literally spent the whole morning trying to figure out what was wrong. And finally after using powershell and cmd and failing I used git bash and like a miracle it worked! All the errors disappeared and now my theme is out there in the marketplace. Thank you for the awesome tutorial!

  • @kawsarwp
    @kawsarwp 3 ปีที่แล้ว +48

    Intros always funny😂

  • @web1n
    @web1n ปีที่แล้ว +2

    Thank you for this. I don't know why Microsoft had to make this so ridiculously complicated. But, your video helped me actually do it.

  • @claudettebentley
    @claudettebentley 3 ปีที่แล้ว +21

    Your videos are amazing. Well organized and great use of visuals. I can tell you put a lot of work into your content!

  • @Silentbob1494
    @Silentbob1494 5 หลายเดือนก่อน

    I absolutely love this video, easy to understand and you're addressing literally every question that's come up in my mind while i'm watching.

  • @jdlien81
    @jdlien81 ปีที่แล้ว +3

    Thanks for putting this awesome guide together, Jess. Very helpful for those wanting an extreme degree of customization.

  • @labibkhanofficialbd
    @labibkhanofficialbd 3 ปีที่แล้ว +1

    Mam? If i want to add more theme json file what should i do?

  • @asimgiri4269
    @asimgiri4269 3 ปีที่แล้ว +8

    Never thought this would be soo easy.

  • @cleverwat1224
    @cleverwat1224 3 ปีที่แล้ว +13

    Great video!
    However I am currently stuck at the debugging part - 6:10 - I can't seem to have the extension that debugs JSON with js :(

  • @mpty2022
    @mpty2022 3 ปีที่แล้ว

    stumbled upon this first video from 'i quit' video... you are an excellent teacher... precise, to the point, elegant

  • @mvaleno
    @mvaleno 2 ปีที่แล้ว +1

    Outstanding! This was so well done! Everything I needed to know, and now I can pull all the tons of code out of my settings.json! Thank you!

  • @aklilllsabyss
    @aklilllsabyss 3 ปีที่แล้ว +1

    I was struggling to finish the theme but just because of your color generator thing I finished thank you.

  • @sharjeel_mazhar
    @sharjeel_mazhar 11 หลายเดือนก่อน +1

    What's the name of the theme at 0:08 ? That pink, bluish colored theme.

  • @rohanayush
    @rohanayush 2 ปีที่แล้ว

    Background music was very pleasing. Best that I have heard till now , on TH-cam
    Also if someone installing yo code generator and your command is not found.
    Reinstall yo by just typing - npm install -g yo
    And yo code will work

  • @my_j.a.r.v.i.s.
    @my_j.a.r.v.i.s. 3 ปีที่แล้ว +3

    This is the one.
    I was waiting For this video for a long time.

  • @mind_of_a_darkhorse
    @mind_of_a_darkhorse 3 ปีที่แล้ว +2

    Another fantastic video. I always wondered how you made themes and here is the answer! Thanks!

  • @dariosanchez1373
    @dariosanchez1373 7 หลายเดือนก่อน

    You are insanely good making those videos

  • @aklilllsabyss
    @aklilllsabyss 3 ปีที่แล้ว +1

    I just got to youtube to search and I saw your video recommended and I am your permanent subscriber.

  • @dave371
    @dave371 3 ปีที่แล้ว

    Jessica, I just started with Vscode, THIS HELPS A LOT, Thank youu my guy!

  • @aklilllsabyss
    @aklilllsabyss 3 ปีที่แล้ว +2

    Just published mine. Thank you!!

  • @nobitaq_nsem
    @nobitaq_nsem 3 ปีที่แล้ว

    Seriously! Your editing 🤯

  • @KoloStories
    @KoloStories 3 ปีที่แล้ว

    Thank you soo much for holding my hand for this. Would have never managed without this video!

  • @erfanashaikh6495
    @erfanashaikh6495 3 ปีที่แล้ว +4

    I made a theme in just a day all thanks to you.It's name is 'Darkai theme'.

    • @aaryanbhurtel5378
      @aaryanbhurtel5378 3 ปีที่แล้ว

      It is type of old fashioned but ya for starting it is just amazing It will rock soon if you will make it more modern

    • @erfanashaikh6495
      @erfanashaikh6495 3 ปีที่แล้ว

      @@aaryanbhurtel5378
      Can you please explain what you mean by "more modern" ? Thanks for the feedback👍👍

    • @erfanashaikh6495
      @erfanashaikh6495 3 ปีที่แล้ว

      @UCBj_bvbp6yWhHjBi8yDxaEw oh K cool

  • @HeyTylerMartin
    @HeyTylerMartin 2 ปีที่แล้ว

    "If it doesn't look cool, I don't wanna code." Replace "code" with anything and this is my life motto.

  • @thekaranatic
    @thekaranatic 3 ปีที่แล้ว +1

    04:28 How is main folder of GitHub created?

  • @the_yugandharr
    @the_yugandharr 2 ปีที่แล้ว

    Very well explained bro! All the best

  • @relaxingwithmidfulmoment1177
    @relaxingwithmidfulmoment1177 2 ปีที่แล้ว +1

    Dear Jessica, Help! Help! my vscode editor is not loading the preview but the new window is popping up and no error at all. Please help me out 🙏

  • @King-Kyle
    @King-Kyle 3 ปีที่แล้ว

    I found you through dev ed and I am not disappointed! time to build my own theme!

    • @TheCoderCoder
      @TheCoderCoder  3 ปีที่แล้ว +1

      Thanks for watching! Best of luck making your theme!

  • @vedantpawar4962
    @vedantpawar4962 3 ปีที่แล้ว +1

    Loved the way we built a VSCODE theme in just 15 minutes

  • @creedel
    @creedel 3 ปีที่แล้ว +1

    anyone know name theme at 2:05 ? thanks for the explanation btw

  • @leoMC4384
    @leoMC4384 3 ปีที่แล้ว +3

    Good stuff. I had one dark theme from an extension but I wasn't satisfied with the colors and I couldn't find any dark theme I fully like, so I started changing this one I downloaded, I changed pretty much everything!! And added some extra colors tokens from other themes and even some colors I created myself. I spent a shitload of hours testing so many colors but it was worth it. I'm super happy with my theme now. 😁😁😁

    • @ChristianReyess
      @ChristianReyess ปีที่แล้ว +2

      how did you go about that? I want to just edit one that already exists.

  • @dimasabimanyu5398
    @dimasabimanyu5398 3 ปีที่แล้ว +2

    Great content, clear explanation, its really fun to watch.

  • @richardwilliamsmusic
    @richardwilliamsmusic ปีที่แล้ว

    But how do you do this on a Mac??

  • @DoubleOhSilver
    @DoubleOhSilver 2 ปีที่แล้ว

    "Because if it doesn't look cool, I don't want to code" finally someone gets it too 😌

  • @soumikbaithalu5183
    @soumikbaithalu5183 3 ปีที่แล้ว +1

    6:21 the problem my theme degugger is not working

    • @takeanap5513
      @takeanap5513 3 ปีที่แล้ว

      I also got this problem! Did you solve it now? Any debug exttension to install for the debug to work? I'm so losttt ;-;

  • @ayushsaini9798
    @ayushsaini9798 3 ปีที่แล้ว +1

    Going to build one, thanks for the video

  • @wcandillon
    @wcandillon 3 ปีที่แล้ว +1

    let's get into it 🙌🏻😄

  • @rc_f9542
    @rc_f9542 2 ปีที่แล้ว

    AMAZING!!, I rarelysubscribe to any channel. I'm hooked!

  • @iProsenjit98
    @iProsenjit98 3 ปีที่แล้ว +2

    That Nezuko Chan part 🤣🤣🤣

  • @Cloud-Yo
    @Cloud-Yo 3 ปีที่แล้ว +2

    What an excellent, EXCELLENT tutorial. Thank you.

  •  2 ปีที่แล้ว

    Now that's quality vid'! 👌👍
    Thanks for shedding light on this hairy task

  • @philmojii
    @philmojii 3 ปีที่แล้ว +1

    When I run the debugger I’m not getting the index.scss, blog.scss or the script.js. Just a new window showing the theme. 😢

  • @alanc497
    @alanc497 2 ปีที่แล้ว

    holy Thank you, every written version online trying to explain this very thing doesn't even bother how to get to settings.json and it drove me mad.

  • @psi4j
    @psi4j 2 ปีที่แล้ว

    "Simultaneously thrilling and terrifying" xD

  • @dracul222
    @dracul222 3 ปีที่แล้ว +1

    the npm cmd is not working in termibal how can i fix that ?

  • @blessinghirwa
    @blessinghirwa 3 ปีที่แล้ว

    I really needed this video to make my own extension.
    Thank you very much!

  • @-maddhruv
    @-maddhruv 2 ปีที่แล้ว

    Totally appreciated effort you put into this video 🎉

  • @kirkrepository
    @kirkrepository 2 ปีที่แล้ว

    Jessica, you should consider informercials as well as a side hustle. Your commentary is over the limit

  • @brokensongrecord
    @brokensongrecord 3 ปีที่แล้ว +1

    Had some issues when I tried to debug this as I got "Couldn't find task npm " error but then managed to see my theme by clicking "debug anyway". When I try the "vsce package" command I get the following error : "ERROR Extension manifest not found" Is there any workaround?

  • @montazmeahii6029
    @montazmeahii6029 3 ปีที่แล้ว

    Your Coder Coder Dark theme is nice!

  • @vennynagraj8415
    @vennynagraj8415 ปีที่แล้ว

    Thank you so much ... I just completed making my custom theme ...

  • @Christogonus_uche
    @Christogonus_uche 3 ปีที่แล้ว +2

    I have missed coding since i started my masters program. I seem not find time to code each day.

  • @MicroTeck
    @MicroTeck 3 ปีที่แล้ว

    I got so many problem but I did it thank you sooooooo much !!! you are actually really good to explaining ! (Im just trash to follow steps lol) thx

  • @justabusayed
    @justabusayed 4 หลายเดือนก่อน

    I have an issue: I don't have an open setting (JSON) I have an Open default setting (JSON), and open user setting (JSON), and Open workspace setting (JSON) so now what should i choose

  • @ripnephils148
    @ripnephils148 2 ปีที่แล้ว

    You didnt have to make that app but you did. Thank you.

  • @solution-infotech
    @solution-infotech 3 ปีที่แล้ว +1

    Hello, Jessica, this is Eleeyas from India I'm your new subscriber. I like your tutorials. Thanks this Theme is awesome. But your vs code theme is different I like that theme very much and your computer desk setup is arranged beautifully.

  • @iiREYteoii
    @iiREYteoii ปีที่แล้ว

    4:19 for me it says "Command 'nmp' not found, did you mean: ..." and then a bunch of options, im trying it on a new linux pc, without yet installing vscode, what stuff do i need to install to run the command?

    • @TheCoderCoder
      @TheCoderCoder  ปีที่แล้ว

      you should be writing "npm" not "nmp". If you are writing "npm" then you need to go to the Node JS website and install Node (this will also install npm)

  • @astrodas1910
    @astrodas1910 3 ปีที่แล้ว +1

    There is this theme I really like but some of the colors were off to me. After watching your video now I'm able to customize at my will :) Thank you!

  • @aaradhanah5059
    @aaradhanah5059 3 ปีที่แล้ว

    I was searching for the exact theme thanks :-))

  • @mathieuL2204
    @mathieuL2204 3 ปีที่แล้ว +7

    I actually already knew all this but the presentation is so good that I stayed till the end.
    And very well done on the theme-generator website. 👍

  • @dtar380
    @dtar380 10 หลายเดือนก่อน

    How can you add multiple themes to your extension, like a dark and light theme inside the same extension?

  • @urlroute1489
    @urlroute1489 3 ปีที่แล้ว

    Thank you for making this video. Love your content!

  • @flowlime
    @flowlime ปีที่แล้ว

    Nice tutorial. Just published my first plugin with this.

  • @stellarstudio5495
    @stellarstudio5495 2 ปีที่แล้ว

    You've got a great voice for voice-over

  • @devanshdua6989
    @devanshdua6989 ปีที่แล้ว

    My activity bar is not changing its colour i need help with that even though its set to custom and i need help with how to set my theme as base theme

  • @wootwoots
    @wootwoots 2 หลายเดือนก่อน

    hello, is there a way to add semanticTokenColorCustomizations in the theme ? i have more specific settings that i would like to add to the theme, taht the textmate scope dont seem to be able to provide (like constate declaration vs constante usage)

  • @Tlion2102
    @Tlion2102 ปีที่แล้ว

    Please help, I still cannot change the colour of all brackets in visual studio code using my theme?

  • @nro337
    @nro337 3 ปีที่แล้ว +1

    Awesome tutorial! Thank you!

  • @jamieroszel
    @jamieroszel 3 ปีที่แล้ว +1

    I 100% do not possess the skillset to accomplish this task...and I will 100% watch this whole video.

  • @LewiUberg
    @LewiUberg 2 ปีที่แล้ว

    Thanks so much for this great video!

  • @cinialvespow1054
    @cinialvespow1054 3 ปีที่แล้ว

    Thank you for this! Been wanting to make a theme for a while

  • @harshit.chitkara
    @harshit.chitkara 3 ปีที่แล้ว

    Can you please please please please please please please please please please tell which theme has been shown in the intro first... I really loved it... The one displayed at 0:08.

  • @slashrocksmysocks5
    @slashrocksmysocks5 2 ปีที่แล้ว

    Is your generator still up? I cannot find it on your site. The one that you show at 9:02

    • @TheCoderCoder
      @TheCoderCoder  2 ปีที่แล้ว +1

      Sorry about that- I added the link to the description! Hope this helps!

  • @rikter2114
    @rikter2114 3 ปีที่แล้ว

    I hit F5 (I am on windows) and It gives a pop up saying You don't have an extension to debug json with comments. I try to search for an extension but no results

  • @maiklapatataotaku6404
    @maiklapatataotaku6404 ปีที่แล้ว

    does anyone knows how to change de "()" or de "[]" colors? I know they use like 3 or 4 diferente colors but how can I change them? The inspector doesn't show the ids

  • @chillow.98
    @chillow.98 2 ปีที่แล้ว

    when Im installing yo code, it says it has vulnerabilities and when i run "yo code" , it doesn't identify yo code even though it downloaded correctly. why and help pls
    it also says it has running scripts disabled and i would like to know how to fix this thanks.
    it does work in the cmd but then it doesn't let me paste the creator token

  • @HussainMurtaza-ov4ln
    @HussainMurtaza-ov4ln ปีที่แล้ว

    Does anyone runs into the issue of "Part URI is not valid per rules defined in the Open Packaging Conventions specification." Please If you are help me to solve this

  • @imluctor5997
    @imluctor5997 3 ปีที่แล้ว

    just the beginning of the video is so damm funny, im subbing :p

  • @naimulislamrayan2447
    @naimulislamrayan2447 3 ปีที่แล้ว +1

    I love the way u explain.

    • @TheCoderCoder
      @TheCoderCoder  3 ปีที่แล้ว

      Thank you! Glad you liked it :D

  • @vradhibishnoi5896
    @vradhibishnoi5896 3 ปีที่แล้ว +1

    finally, a theme that satisfied me...😂

  • @laaroussimohamed475
    @laaroussimohamed475 3 ปีที่แล้ว

    Hi
    I have a problem in vs code that is when i change the theme the variable's color didn't change ,help please

  • @ei5705
    @ei5705 7 หลายเดือนก่อน

    thanks so much coder coder!!!

  • @novynee
    @novynee ปีที่แล้ว

    i cant find the .vscode folder (im on mac), does anybody know the file path???
    (~/.vscode/extensions doesnt work with spotlight search)

  • @merling5825
    @merling5825 2 ปีที่แล้ว

    Thanks! Very informative and well done!

  • @vikaskumarpatel7761
    @vikaskumarpatel7761 3 ปีที่แล้ว +4

    When will course release? Please release sooner.
    Bythe Ways Best Tutorial👨‍🏫📓

  • @leonamlvs
    @leonamlvs ปีที่แล้ว

    Great video, helped a lot!

  • @frederikjorgensen94
    @frederikjorgensen94 3 ปีที่แล้ว

    Just what I needed! Thanks!

  • @محمدمنتصر-ض5ص
    @محمدمنتصر-ض5ص 3 ปีที่แล้ว

    you're awesome coder thank you for informations I'm so happy to make my new vscode

  • @relaxingmuzics
    @relaxingmuzics 8 หลายเดือนก่อน

    very useful. but how to change color for "No theme selector" tokens?

  • @antoniorodma
    @antoniorodma 3 ปีที่แล้ว

    Excellent video. You are the best.

  • @tannercampbell
    @tannercampbell 2 ปีที่แล้ว

    great video! got a lot of info from it :)

  • @javigarza7748
    @javigarza7748 3 ปีที่แล้ว

    I've installed the package but my terminal is saying 'command not found' any idea how to fix?

  • @mayureshzende7649
    @mayureshzende7649 2 ปีที่แล้ว

    how do u change the text cursor size and color @Coder Coder

  • @NishantKashyap-z7q
    @NishantKashyap-z7q 4 หลายเดือนก่อน

    I have just one question. Is it optional to create these themes using the yo code, or it is necessary. Because I just want for my vs code editor, not for marketing it.

  • @kelvin3936
    @kelvin3936 2 ปีที่แล้ว

    I did all this and publish but when i click on Install (marketplace), it doesn't install but open the VS Code. ): Need some help on that, prob someone else is having this issue?

  • @funny-wl1gj
    @funny-wl1gj 3 ปีที่แล้ว

    dear help me i get svchost problems during writing code on vs code studio