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


Animista - is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.


Staticman - handles user-generated content for you and transforms it into data files that sit in your GitHub repository, along with the rest of your content.