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

VSCode, IDE
16 Kudos Don't move!
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


Yii2 : to use CamelCase action name in code it should be called with dash in url. actionViewPost => ?r=index/view-post


Markdown hint : to force a line break (but not a new paragraph) insert 2 spaces in the end of the text line.