How To Change & Edit Color Theme in Visual Studio Code

Sign Up 👻👻👉 https://semicolon.dev/YouTube
(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):
https://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