How to make your own VS Code theme!

Поділитися
Вставка
  • Опубліковано 22 січ 2025

КОМЕНТАРІ • 342

  • @Gustafonair
    @Gustafonair 3 роки тому +70

    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 11 місяців тому +12

    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 роки тому +7

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

  • @niainafitiairinarasamimana2392
    @niainafitiairinarasamimana2392 3 роки тому +15

    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!

  • @claudettebentley
    @claudettebentley 3 роки тому +22

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

  • @kawsarwp
    @kawsarwp 3 роки тому +49

    Intros always funny😂

  • @web1n
    @web1n Рік тому +4

    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.

  • @jdlien81
    @jdlien81 Рік тому +3

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

  • @Silentbob1494
    @Silentbob1494 6 місяців тому

    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.

  • @asimgiri4269
    @asimgiri4269 3 роки тому +9

    Never thought this would be soo easy.

  • @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.

  • @cleverwat1224
    @cleverwat1224 3 роки тому +15

    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!

  • @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. 👍

  • @KoloStories
    @KoloStories 3 роки тому

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

  • @aklilllsabyss
    @aklilllsabyss 3 роки тому +1

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

  • @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!

  • @dave371
    @dave371 3 роки тому

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

  • @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!

  • @the_yugandharr
    @the_yugandharr 2 роки тому

    Very well explained bro! All the best

  • @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.

  • @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

  • @aklilllsabyss
    @aklilllsabyss 3 роки тому +1

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

  • @labibkhanofficialbd
    @labibkhanofficialbd 3 роки тому +1

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

  • @sharjeel_mazhar
    @sharjeel_mazhar Рік тому +1

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

  • @dimasabimanyu5398
    @dimasabimanyu5398 3 роки тому +2

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

  • @iiREYteoii
    @iiREYteoii 2 роки тому

    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  2 роки тому

      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)

  • @vedantpawar4962
    @vedantpawar4962 3 роки тому +1

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

  • @dariosanchez1373
    @dariosanchez1373 8 місяців тому

    You are insanely good making those videos

  • @nobitaq_nsem
    @nobitaq_nsem 3 роки тому

    Seriously! Your editing 🤯

  • @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. 😢

  • @aklilllsabyss
    @aklilllsabyss 3 роки тому +2

    Just published mine. Thank you!!

  • @dracul222
    @dracul222 3 роки тому +1

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

  • @thekaranatic
    @thekaranatic 3 роки тому +1

    04:28 How is main folder of GitHub created?

  • @Cloud-Yo
    @Cloud-Yo 3 роки тому +2

    What an excellent, EXCELLENT tutorial. Thank you.

  • @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 ;-;

  • @HeyTylerMartin
    @HeyTylerMartin 2 роки тому

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

  • @rc_f9542
    @rc_f9542 2 роки тому

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

  • @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?

  •  2 роки тому

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

  • @blessinghirwa
    @blessinghirwa 3 роки тому

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

  • @creedel
    @creedel 3 роки тому +1

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

  • @kirkrepository
    @kirkrepository 2 роки тому

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

  • @rohanayush
    @rohanayush 2 роки тому

    Background music was very pleasing. Best that I have heard till now , on UA-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

  • @dtar380
    @dtar380 11 місяців тому

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

  • @wcandillon
    @wcandillon 3 роки тому +1

    let's get into it 🙌🏻😄

  • @-maddhruv
    @-maddhruv 2 роки тому

    Totally appreciated effort you put into this video 🎉

  • @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.

  • @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!

  • @OfficialuTube1
    @OfficialuTube1 5 місяців тому

    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

  • @ayushsaini9798
    @ayushsaini9798 3 роки тому +1

    Going to build one, thanks for the video

  • @devanshdua6989
    @devanshdua6989 2 роки тому

    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

  • @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

  • @urlroute1489
    @urlroute1489 3 роки тому

    Thank you for making this video. Love your content!

  • @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.

  • @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

  • @wootwoots
    @wootwoots 4 місяці тому

    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?

  • @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

  • @montazmeahii6029
    @montazmeahii6029 3 роки тому

    Your Coder Coder Dark theme is nice!

  • @DoubleOhSilver
    @DoubleOhSilver 2 роки тому

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

  • @frederikjorgensen94
    @frederikjorgensen94 3 роки тому

    Just what I needed! Thanks!

  • @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

  • @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

  • @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.

  • @cinialvespow1054
    @cinialvespow1054 3 роки тому

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

  • @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

  • @aaradhanah5059
    @aaradhanah5059 3 роки тому

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

  • @novynee
    @novynee Рік тому

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

  • @jamieroszel
    @jamieroszel 3 роки тому +1

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

  • @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.

  • @nro337
    @nro337 3 роки тому +1

    Awesome tutorial! Thank you!

  • @shubhsharma19
    @shubhsharma19 Рік тому

    When i tried to update the theme this error occurred
    Error occurred while parsing the manifest file.

  • @vikaskumarpatel7761
    @vikaskumarpatel7761 3 роки тому +4

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

  • @stellarstudio5495
    @stellarstudio5495 2 роки тому

    You've got a great voice for voice-over

  • @relaxingmuzics
    @relaxingmuzics 9 місяців тому

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

  • @javigarza7748
    @javigarza7748 3 роки тому

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

  • @ei5705
    @ei5705 8 місяців тому

    thanks so much coder coder!!!

  • @leonamlvs
    @leonamlvs Рік тому

    Great video, helped a lot!

  • @NishantKashyap-z7q
    @NishantKashyap-z7q 5 місяців тому

    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.

  • @lordMaroza
    @lordMaroza 3 роки тому +3

    Amazing tutorial, you're really good at this, and it seems to be quite easy once you get familiar with the JSON syntax!😊However, I'm new to VSC. Is there a prerequisite to using the "npm" command? I'm getting "npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program.".
    Edit: Found it! 😂Installed "npm commands for VSCode".

    • @smimikens4174
      @smimikens4174 2 роки тому +1

      Can you tell me how you did it? I'm having the same issue

    • @ananjohar8248
      @ananjohar8248 Рік тому

      ​@@smimikens4174first install npm

  • @ripnephils148
    @ripnephils148 2 роки тому

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

  • @vradhibishnoi5896
    @vradhibishnoi5896 3 роки тому +1

    finally, a theme that satisfied me...😂

  • @psi4j
    @psi4j 2 роки тому

    "Simultaneously thrilling and terrifying" xD

  • @mayureshzende7649
    @mayureshzende7649 2 роки тому

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

  • @naimulislamrayan2447
    @naimulislamrayan2447 3 роки тому +1

    I love the way u explain.

  • @richardwilliamsmusic
    @richardwilliamsmusic Рік тому

    But how do you do this on a Mac??

  • @olsay
    @olsay Рік тому

    I have just published a color theme call Monokai X by just follow your tutorial!
    What coding font are you using in this tutorial? Would you mind sharing the font name?

  • @merling5825
    @merling5825 2 роки тому

    Thanks! Very informative and well done!

  • @GloriaTheAnimator
    @GloriaTheAnimator 10 місяців тому

    wich one do i open? user workspace or deafult? i all my settings json is labelled

  • @funny-wl1gj
    @funny-wl1gj 3 роки тому

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

  • @rintasteins
    @rintasteins 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?

  • @vennynagraj8415
    @vennynagraj8415 Рік тому

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

  • @Jimmy-lu6pr
    @Jimmy-lu6pr 3 роки тому

    This is amazing. Thank you!

  • @rangabharath4253
    @rangabharath4253 3 роки тому

    Awesome as always 👍😀

  • @LewiUberg
    @LewiUberg 2 роки тому

    Thanks so much for this great video!