VS Code Theme and Icons Customization - MrAboutTech

Breaking

Saturday, November 7, 2020

VS Code Theme and Icons Customization

 

Customize VSCode Theme and Icons
Logo Credits: icons8

VS Code marketplace has a lot of extensions but this blog is all about extensions that you can use to customize the theme of your vs code and also change the default icons that are shown for your project files.


There are 2 specific extensions that I want to talk about and they are:

1. Community Material Theme

2. Material Icon Theme


1. Community Material Theme

Community Material Theme

You will first have to install it and after that to set a theme, click on the Set Color Theme button and you will see a list of themes that you can choose from to set got your VS Code.

Community Material Theme List

Below is before and after applying the Palenight High Contrast Theme:


Before

Community Material Theme - Palenight High Contrast (Before)

After

Community Material Theme - Palenight High Contrast (After)


2. Material Icon Theme

Material Icon Theme

Install this extension from the marketplace and click on Set File Icon Theme and choose Material Icon Theme to set it as your default theme for VS Code.

Material Icon Theme List

Below is a before and after applying the theme:


Before

Material Icon Theme on Files (Before)

After

Material Icon Theme on Files (After)





1 comment:

  1. I'd like to express my gratitude for sharing such an excellent article about Application Development. The article is instructive because it offers some useful information. Thank you for sharing it with us. Continue to post.

    ReplyDelete