Top 11 Visual Studio Code Themes You Should Try Today 

That's a great theme, Atanas! Dainty is quite nice, but somehow I missed it. Thanks so much for sharing it; I think it'll make it into the next set of VS Code themes I share. 🙂

Thanks so much for sharing this, Pretora! I didn't know about this theme, but it certainly is interesting. 🙏 Have you created it? 🙂

Thanks so much for the suggestions, Faizan! 🙏 Cobalt2 was in very close consideration-I love it, just like Wes Bos' work in general. But I managed to miss Night Owl. This is a really good one. 💯 It looks like a follow-up video is already beginning to take shape. 🙂

You're welcome, Daniel! 🙂 Oh, I think the font in this video is Menlo. I do switch my coding font often though, and lately I've been using GitHub's Monaspace Neon. If you're interested, I go over my favorite coding fonts in this video: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-aEt4lnKY-5w.html 🙂

Thanks for your question, Aditya! 🙏 I think this is Menlo. I change it quite often, and these days I'm using Monaspace. 🙂 I shared my favorite fonts in this video, in case you want to check it out: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-aEt4lnKY-5w.html

I couldn’t agree more, Muhammad! It is subjective, and Night Owl and Monokai are fantastic themes indeed. 💯 Thanks for watching and sharing this! 🙏

I haven't seen this one. It's quite interesting, but probably a bit too much contrast for my taste. 🙂

I'm thrilled to hear you found a theme to use in the video! Thanks so much for watching and commenting! 🙏🙂

Good to hear this! Thanks for sharing! 🙂

I've just checked it out. It's quite nice! Thanks for sharing it! 🙂

Thank you, Krish! Those are nice! 🔝 Do you have any favorites that aren't mentioned in the video? 🙂

​@@CSSWeekly I think you forgot night owl

Oh, Night Owl is a very nice theme as well! I might include it in my next video on themes. 🙂

I just tried it out, Anas. It really is nice! Thanks so much for sharing it! 🙏

My pleasure 😊

That's very interesting! Could you share how you have this set up? 🙂 I'm all over the place with dark/light themes. I prefer a dark theme for my code editor and light for writing/reading; I have some apps and websites set to dark and some to light, so I never used the option to follow my system preferences. 🙂

​@@CSSWeekly by setting the Preferred Light (or Dark) Color Theme settings in Workbench → Appearance, you can also do this in the settings.json file: ("workbench.preferredDarkColorTheme": "SynthWave '84"). And to set it all up, Window → Auto Detect Color Scheme, and it should work 🙂. PS I'm kinda on the same boat, always rotating themes (kinda how I got here), but yeah I never really found a good light theme yet, currently using Bearded Theme Light.

@u-bum It certainly feels like there are more good dark themes than light. 🙂

Thank you so much, Michael! 🙏 I'm using Vim-Mode, so this would be the cursor in the Command mode, which should correspond to the "Block" "Cursor Style" option, I think. And I also have "Cursor Blinking" set to "smooth." And the color is coming from the theme. I hope this is what you're looking for. 🙂

Thanks for following and watching, and hello to Brazil from Croatia! 👋 It seems like you're referring to the yellow line that highlights the current code block. This is not handled by an extension but is one of VS Code's settings, "Bracket Pair Colorization." Search for it in the settings and try enabling those options: cln.sh/hMxm3rMp Is this what you're looking for? 🙂

​@@CSSWeekly Thank you very much, this was exactly what I was looking for. Have a great day!

​@@DevJavaTrainee You're very welcome! I actually made a video a while ago talking about default VS Code settings that might be worth tweaking. It includes this tip as well. 🙂 Here is the link, in case you want to check it out: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WQ9jhxy7Mkk.html

@@CSSWeekly That's great to hear, I was marathoning your videos last week, I'm going to watch this video now

@DevJavaTrainee Marathoning? 😳 This must be one of the nicest compliments I ever received! Thanks so much! 🙏

I'm thrilled to hear you found it helpful! 🙂

Thanks for sharing it, Yash! That's an interesting one, but a bit too much contrast for my taste. 🙂

Thanks so much, John! I'm glad you think so! 🙂

Default choices are nowadays excellent. 💯 I still somehow find it ‘necessary’ to change my theme, at least occasionally. 🙂

Daobeam is a good one, Jack! 🙂 I haven't seen it before, so thanks for sharing! 🙏

Thanks for the question, Tauhid! 🙏 Which color exactly are you referring to? The color of the code?

Thank you so much, Антон! I really appreciate it! 🙏 It's Community Material Theme Palenight High Contrast 🙂 This one: www.vscolors.com/themes/bf8aa94a-4051-42fe-9bd1-2becad466fe7-41e84e99

@@CSSWeekly Thank you🙏, this editor theme is very pleasing to the eye👍. Others are also good. Sometimes I change the editor theme, when I get tired of one, I put another one. I'm using now - Ayu Mirage Bordered.

Oh, yes, I love Ayu! This used to be my theme of choice! 🙂 Thanks for sharing it! 🙏

Thanks for your feedback. This is an excellent suggestion; I’ll make another one with 2024 themes. 🙂

Thank *you* for watching and commenting! 🙏

Oh, you definitively do need it, Doug! 🙂 That would be the Color Highlight extension: marketplace.visualstudio.com/items?itemName=naumovs.color-highlight I went over the better CSS extensions I'm using in this video, in case you're interested: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-f4Pv42003y4.html

@@CSSWeekly I am very interested! Thanks!

​@@TheOnceAndFutureDoug Thank you, Doug! 🙂

@@CSSWeekly Does that support colour syntax other than hex? My codebases have a lot of hsl and more recently oklch - these types of extensions always seem a bit out of date when it comes to colour syntax.

It supports HSL format but it's not ideal; new syntax isn't working with opacity. Newer formats like LCH and OKLCH don't work, sadly. Test: cln.sh/YDcPLM6B

Bearded has too many fantastic palettes. 🙂 I’m glad to hear that someone found a good light theme. 🙂

Thanks ^^

🐻❤️

Both are fantastic themes, but I like Catppuccin a bit more, especially Mocha. 🙂 Thanks so much for watching and sharing your favorites! 🙏

I suppose they are similar. I guess this is my bias, as this seems to be what I like. But some have many different versions, like Bearded Theme, which comes in many flavors. 🙂 What's your favorite theme? Or what type of themes do you like? 🙂

Thanks so much for watching and commenting! 🙂

Of course! 🙂