Make Your VS Code Editor Stylish

Make Your VS Code Editor Stylish

The simplest thing that you can do to style your text editor is to change its fonts and color themes. So now i will be telling you the best themes and fonts that i think you will love.

changing the themes

There are many themes to try. So just go to your extension section in your vs code Editor or just type ctrl+shift+x and hit enter. Now i will be telling you just names and you just have to type the name in the search bar in the extenstion section and you can install it by clicking on it and hitting install button.

1. Earthbound by Ben Busby

Screenshot (403).png if you are a white lover then you can find good colors here that doesn't heart your eye. especially earthbound - cave of the past.

2. August themes by inci-august

Screenshot (405).png

Screenshot (406).png this is also really great theme to try which is given by by inci-august.

3. CRT THEMES BY Krueger71

Screenshot (407).png

Screenshot (408).png this just changes the whole mood and is good for short time use i guess.

4. DuoTone Dark Themes by Sallar kaboli

Screenshot (409).png

5. Firefox Theme by Heron Silva

Screenshot (410).png

6.Monokai by monokai

Screenshot (411).png

7. Night Owl by sarah.drasner

Screenshot (412).png

8. Winter is Comming by john papa

Screenshot (413).png

Changing the Fonts

there are many fonts to try as well some might work and some might not. So you first choose the best and then see if it works for you.

  • First of all go to the link https://www.nerdfonts.com/font-downloads and click on Preview and now new window will pop up and there you can check all the fonts style one by one and just download font that fits you and install it by double clicking in it.

Screenshot (414).png

Screenshot (415).png

  • now just go to your vs code editor and go to settings by typing ctrl + , . there in the search bar type font and in the font-family section write name of your font that you downloaded and installed. But don't make mistake in naming the font. To get the right name of your font. Go to the place where you installed your font and you will notice that bellow the install button font name is written, So just copy it and past it in the font-family section in vs code and after that you will see the change.

Screenshot (416).png