Color customization for Material Theme in VSCode 1.11.1 > stdout.in Ievgen Kuzminov IT blog

Color customization for Material Theme in VSCode 1.11.1

Apr 12, 2017, 4:56:43 AM

vscode

Recently I have switched to use VSCode IDE for Ruby and Elixir development.

And as I like to use Material Theme in editors (initially inspired by Sublimes Material theme), the same exist for VSCode. But not all panels are colored in Material colors (due to previous VSCode API limitations), and vscode-custom-theme extension helped with this (but now there is no need in it).

Since v1.11 VSCode has build-in support for color customization

"workbench.experimental.colorCustomizations": {
       "panelBackground": "#2f333d",
       "tabsContainerBackground": "#2f333d",
       "inactiveTabBackground": "#2f333d",
       "sideBarBackground": "#2f333d"
    },

This preset works for me to have a complete look of VSCode Material Theme

comments powered by Disqus
Ievgen
Kuzminov "iJackUA"
Web Team Lead
at MobiDev (Kharkiv, Ukraine)
Code in Ruby and Elixir, but still love PHP. Explore ES6 and Vue.js. Explore databases, use Ubuntu and MacOS, think about IT people and management

Notes