VS Code Can Do That - Workshop
1.0.0
1.0.0
  • Introduction
  • Essential Keyboard Shortcuts
  • Exercise 1 - Customizing The Editor
    • Before you start
    • Switch themes
    • Install a new icon theme
    • Switch fonts
    • Editor tweaks
    • Change default Settings view
    • Easily identify editor instances
  • Exercise 2 - Productivity Tricks
    • Before you start
    • Essential navigation shortcuts
    • Creating HTML with Emmet
    • Styling with Emmet
    • Update image sizes
  • Exercise 3 - Navigation And Refactoring
    • Before you start
    • Moving, Duplicating and Deleting
    • Folding sections
    • Multiple cursors
    • Rename refactor
    • Finding things
    • Extract refactor
  • Exercise 4 - Debugging
    • Before you start
    • Simple debugging
    • Simple launch config
    • Auto attach
    • Debugging browser apps
    • Compound debug configurations
  • Exercise 5 - Docker
    • Untitled
Powered by GitBook
On this page
  • Material Icons
  • Chalice Icons

Was this helpful?

  1. Exercise 1 - Customizing The Editor

Install a new icon theme

PreviousSwitch themesNextSwitch fonts

Last updated 5 years ago

Was this helpful?

There are two types of themes in VS Code - color themes and icon themes. Icon themes will change the icons in the explorer for File, Folders, Projects and the like.

There are two icon themes included in the VS Code Can Do That extension pack...

To switch to a new Icon Theme, open the Command Palette (Cmd/Ctrl + Shift + P) and select "Preferences: File Icon Theme"

Then select the Icon Theme you want to activate.

Material Icons

I recommend Material Icons over all others because of the clarity that it brings to the File Explorer.

You can see red circle dots in this preview. That denotes that these are separate workspaces, not folders. Other icon themes will not make this distinction as you can see below in Chalice Icons.

Chalice Icons

Material Icons
Chalice Icons