VS Code Can Do That - Workshop
Main
Main
  • VS Code Can Do That Workshop
  • Essential Keyboard Shortcuts
  • Exercise 1 - Customizing The Editor
    • Customizing The Editor
    • Switch themes
    • Install a new icon theme
    • Switch fonts
    • Editor tweaks
    • Change default Settings view
    • Easily identify editor instances
  • Exercise 2 - Productivity Tricks
    • Productivity Tricks
    • Essential navigation shortcuts
    • Creating HTML with Emmet
    • Styling with Emmet
    • Update image sizes
  • Exercise 3 - Navigation And Refactoring
    • Navigation And Refactoring
    • Moving, Duplicating and Deleting
    • Folding sections
    • Multiple cursors
    • Rename refactor
    • Finding things
    • Extract refactor
  • Exercise 4 - Debugging
    • Debugging
    • Simple debugging
    • Simple launch config
    • Auto attach
    • Debugging browser apps
    • Compound debug configurations
  • Exercise 5 - Docker
    • Docker
    • Dockerizing an application
    • Running and inspecting images
    • Docker compose
    • Debugging Docker containers
  • Exercise 6 - Remote Development
    • Remote Development
    • Create a remote container
    • Create a new function in the container
    • Handling extensions
  • Exercise 7 - Working With Data
    • Working with data
    • Working with MongoDB
    • Working with SQLite
    • Working with MySQL
  • Exercise 8 - Git and Source Control
    • Git and source control
    • Cloning repos with VS Code
    • Common Git workflows
    • Branching and merge conflicts
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