gitmyhub

material-color-scheme-es6

JavaScript ★ 33 updated 10y ago

Material Theme color scheme tweaked for ES6

This is a color scheme for Sublime Text that makes JavaScript code easier to read. It's a customized version of the popular Material Theme, adjusted specifically to work well with modern JavaScript syntax (ES6).

When you write code in a text editor, the editor uses colors to highlight different parts of the syntax—keywords in one color, strings in another, variables in a third. This helps you scan code quickly and spot mistakes. The original Material Theme didn't highlight some important JavaScript features properly. Keywords like import and export (used to organize code across files) were barely visible. Modern JavaScript shortcuts in classes and objects weren't being colored at all. And every variable was bright red, which made the code feel visually overwhelming and tiring to look at for long periods.

This tweaked version fixes those problems. It properly highlights all JavaScript keywords, including the module-related ones. It colors class and object shorthand syntax so you can see the structure more clearly. Most importantly, it tones down the red used for variables and uses a more balanced palette overall, making it less fatiguing to stare at your code for hours. The before-and-after screenshots in the README show the difference—the "after" version is noticeably calmer and easier on the eyes.

If you use Sublime Text as your code editor and write JavaScript, you'd install this by dropping a single file into your Sublime configuration folder and telling it to use this color scheme instead of the default. It's a small change that can make a real difference in how comfortable your coding sessions feel, especially if you work with JavaScript regularly or if the original Material Theme left you with eyestrain.