This vs code tutorial, we will discuss how to change background color in visual studio code.
Apart from this, we will also see how to change the visual studio code theme, font size, font color, etc.
You may like following vs code tutorials:
- Create a console application in visual studio code
- Facebook Started using Visual Studio Code Officially
- Debugging PowerShell Script with Visual Studio Code
- Visual Studio 2019 Download and Installation
- tabulator js example
By default after visual studio code installation, you can see the default theme color is Dark+, but I wanted to change this to a light color.
Change Visual Studio Code Background Color
Follow the below steps to change the background color.
Open Visual Studio Code, Click on File -> Preference -> Color Theme.
You can use visual studio code shortcut keys as Ctrl+K+Ctrl+T which will open the theme directly in vs code.
It will show various themes presented in vs code. There are light themes and dark themes like below:
You can choose a default light theme like Light+.
How to Change Font Size in Visual Studio Code
We can also change the font size in Visual studio code.
Go to File -> Preferences -> Settings.
Clicking on settings a page pop-ups where it says “Place your Settings here to override the Default Settings“.Then use the keyboard and type “Ctrl+f” which is otherwise known as find shortcut you can see “This is a Preview of our new setting editor” you can search font where you can see “editor, font size”.
Copy to Settings and then place the setting to overwrite the default setting change the font size as desired and click on Ctrl+s and save the settings you can see the font has been save as entered in number.
Copy to Settings and then place the setting to overwrite the default setting change the font size as desired and click on “Ctrl+s” and save the settings you can see the font has been save as entered in font size.
You can even change the thickness of the font. By default there is a setting as “// Controls the font Weight” and the value is set to “normal”.
Change it to “bold” or other font-weight which is predefined, here you are not allowed to give or enter font-weight rather you can choose from the choices. Then Ctrl+s to save the settings.
In this tutorial, we learned how to change the theme, background color and font size in visual studio code.
Bhawana Rathore is a Microsoft MVP (3 times in Office Apps & Services) and a passionate SharePoint Consultant, having around 10 years of IT experience in the industry, as well as in .Net technologies. She likes to share her technical expertise in EnjoySharePoint.com and SPGuides.com