How To Change & Edit Color Theme in Visual Studio Code
HTML-код
- Опубликовано: 30 июл 2024
- Sign Up 👻👻👉 semicolon.dev/RUclips
(We're free online community, meet other makers!)
#vscode #visualstudiocode #colors #change #modify
Link to a reference of all VS Code color properties (settings.json file):
code.visualstudio.com/api/ref...
How to change colors in VSCode? In Visual Studio Code you can select one of the color themes installed by default by pressing Ctrl K and then Ctrl T.
But you can also change an individual color (editor background color, text selection background color, etc) in VS Code.
Beyond that you can change colors of the actual editor frame (not the text area). This tutorial will show you how to do all of this!
00:00 How to change color theme in visual studio code (vscode)
00:07 Select color theme (file, properties, color theme)
00:52 How to browse all available (currently installed) themes in VSCode
01:30 How to change editor background color in Visual Studio Code
01:42 Modifying workbench.colorCustomizations (if its missing from a fresh installation in settings.json file just add your own)
01:50 How to change background color in vscode with editor.background property
01:42 How to change text selection background color in vscode (editor.selectionBackground property)
02:05 Change regular text color with editor.foreground property
02:18 Change color of a text link with textLink.foreground property
02:28 How to change file menu toolbar colors
02:45 How to change color of a button in vscode editor
03:02 How to change background color of text input boxes
03:18 How to change scrollbar background color in vscode
Excelent video, I have been searching about this for one hour and you are by far the best at explaining this. Thank you!
This was exactly what I needed. Thank you!
Very clear explanations ...nicely done!
Excelent video. I have been lookig for this configuration for a long time, I have problems with my sight an never get a good anough theme . Thenks a lot.
Really amazing and helpful ❤ thanks 👍
Yesss great thank you!
Very well explained
Glad it helped, Helen 🙂
How can i change color of variables and symbols like ={} and strings ?
Thanks great video!
Thanks for the instructonal video !
DO you know how to inspect the colors of a given theme, to draw inspiration from it ? Thnks !
What if I want to change the color of my notes? Like when I type '#This is the start#' ???
Thank you very much. Great video
thanks for watching glad it helped ✨
Thank you :)
helpful thank you
Excelent video. Tks!
still have no clue how to make js object property color, for example, same as color of function declaration keyword
thanks bro
Hello. Thanks for the interesting video. I try to do what you have demonstrates, but I can not find the options you mentioned. I use Visual Studio 2017. Is it too old for this explanation?
After File, In Vs2017, there is no such option : Preferences. Thanks for your help. Moshe.
Visual Studio Code, not Visual Studio. Those are two different products
Anyone have an idea if there is a WAILA (What Am I Looking At) like tool/extention for telling which part of the VS Code UI or theme is currently under the cursor? Digging through the api documentation is very daunting when I'm looking for something obscure or not very obvious with naming conventions. And being able to just know what is under the cursor when I want to change it's color would be really nice.
I don't know if there is a package that does that for UI, but on VS code official website there is pretty much all you may need. You can just search it as "vs code api reference theme color", and it's divided by button, window, editor, ...
For editor specifically you can press Ctrl+Shift+P and search ">Inspect Editor" to do what you are asking, but just for editor
There is only this :
{
"editor.multiCursorModifier": "ctrlCmd",
"window.zoomLevel": -1,
"workbench.colorTheme": "Monokai"
}
It makes me really sad when videos like this have fewer than 100 upvotes and videos where people stretch it out as long as possible are gettking 50k+.
I *just* made a comment on another RUclipsr's profile (I don't mind saying it was Coder Coder) about how they make their videos exceedingly long and turn them into something well over 15 minutes when it could've been done in 5-7 minutes.
Semicolon Dot Dev took the opposite approach. Instead of making the video as long as possible (is it a revenue thing or something??), he chose to be brief, concise, to the point, dumped all filler, went sans-anecdote, kept opinions minimal, and stayed on target the whole time. He segued from one subject to the next, gave good examples, and kept things informative but (relatively) short.
I mean this is **EXACTLY** the kind of video I want to see when I'm looking up features/information on a program or a game or any other topic. I don't want to hear someone's life story about how finding this one theme changed their life or any of that crap. I don't want to watch something that's anywhere from 15 minutes to an hour and a half long! You better be teaching an entire class on a broad topic to warrant those lengths!
Bonus: This guy has no crappy, ear-blasting musical opener, no begging for subs before the video has even started (actually, no mention of subbing at all!), and he waits until that last 1% of the video to remind people that a like helps.
You earned my upvote and my sub today. It's not even a judgment call.
Please, keep this format. RUclips needs more to-the-point content like this!!
If you are interested in meeting people who actually really care about making things, I also recommend signing up for the semicolon.dev webapp. It's like Twitter, but without all the debauchery.
@@ghosttogether I will be checking it out on your recommendation.
Cheers :)
Thanks from brooklyn in my mama basement
lol, keep going
It's ok.