material-color-scheme-es6 icon indicating copy to clipboard operation
material-color-scheme-es6 copied to clipboard

Material Theme color scheme tweaked for ES6

Material Theme syntax highlighting tweaked for JavaScript Next.

Problems with the original color scheme

  • Module keywords such as import and export are not highlighted.
  • Method and accessor short hands in class declarations / object literals are not highlighted.
  • All variables are in bright red, which is too noisy and causes visual fatigue.

Screenshots

Before

screen shot 2015-07-24 at 10 50 45 pm

After

screen shot 2015-07-24 at 10 50 36 pm

Installation

Copy the file into your Sublime's Packages/User folder, then in your settings, change the color scheme to:

{
  "color_scheme": "Packages/User/Material-Theme.tmTheme"
}