Summary

This is to track updating our icons to use our new icon font (codicons) in the workbench. This will allow us to:

• Style icons dynamically (themeable)
• Allow theme authors to provide color tokens for icons
• Unify Octicons + VS Code icons into a single icon library

This would allows to do something like below where icons inherit the foreground color of their element:

Notice how the icons in the selected element are different a color than the rest state

Related Issues

• Provide library of icons for extension authors Provide library of icons for extension authors #74974
• Twistie/Progress/Octicons/Actions hard to see in light theme when selected Icons are hard to see in selected states #55857

Out of scope

• Allow extensions to define icon name via contribution points (requires API changes) [icons] Support to allow re-using VSCode icons in user extensions #31466

Adoption areas

• Activity Bar
• Sidebar
  • Explorer
  • Search
  • SCM
  • Debug
  • Extensions
  • Outline
• Panel
  • Problems
  • Output
  • Debug Console
  • Terminal
• Notifications
• Find widget (editor, terminal)
• Editor
  • Folding
  • Lighbulb
  • IntelliSense
  • Breadcrumbs
  • Breakpoints
  • Diff
  • Peek
  • Actions
• Tabs
• Settings
• Keybindings
• Dialog

Verify it works in

• Monaco standalone editor
• Custom views (extensions)