VS Code Theme and Icons Customization - MrAboutTech

Saturday, November 7, 2020

Home visual studio code vs code vscode vscode customization vscode extensions vscode icons vscode material icons vscode material theme vscode theme vscode theme and icons VS Code Theme and Icons Customization

VS Code Theme and Icons Customization

Aakash Pawar 4:52 PM visual studio code, vs code, vscode, vscode customization, vscode extensions, vscode icons, vscode material icons, vscode material theme, vscode theme, vscode theme and icons,

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

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

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Crafted with by TemplatesYard | Distributed by Gooyaabi Templates