Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>IBM Carbon Design System ThemeNew to Visual Studio Code? Get it now.
IBM Carbon Design System Theme

IBM Carbon Design System Theme

achkasov

|
442 installs
| (0) | Free
Color theme based on IBM Carbon Design System
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

IBM Carbon Design System themes

UI color themes and syntax highlighting based on the IBM Carbon Design System.

Details

The package includes syntax highlighting and UI themes. Each theme uses slightly different approach to the UI interpretation, since IBM Carbon provides options.

  • White
  • Gray 10
  • Gray 90
  • Gray 100

Screenshots

White theme: img
Gray 10 theme: img
Gray 90 theme: img
Gray 100 theme: img

Font Recommendations

The themes are designed to work with the following fonts:

  • Editor font: IBM Plex Mono
  • Terminal font: IBM Plex Mono
  • UI font: IBM Plex Sans

The UI font can be changeg using Apc Cusomize UI++ extension by drcika.

Add following lines to your settings.json:

//settings.json
{
  ...
  "editor.fontFamily": "IBM Plex Mono, monospace",
  "terminal.integrated.fontFamily": "IBM Plex Mono, monospace",

  //Requires APC Extension:
  "apc.font.family": "IBM Plex Sans",  
  ...
}

Author and Licence

Dmitry Achkasov achkasov.dmitry@live.com, 2024, CC BY.

CC BY logo
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft