How to change background color in visual studio code

In 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.

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.

change visual studio code background color
how to change visual studio code background color

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+.

visual studio code change background color
visual studio code change background color

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.

Change Font Size in Visual Studio Code
visual studio code change editor background color

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.

visual studio code change font size
visual studio code change font

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.

change font size in vs code
visual studio code change 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.

change font size shortcut
visual studio code change font size shortcut

In this tutorial, we learned how to change the theme, background color, and font size in visual studio code.