ColorMate for Visual Studio Code
ColorMate is a semantic highlighter (similar to a syntax highlighter) that colors all similarly named variables the same.
This allows you to quickly and easily skim your code by reading colors instead of text. This solves a specific set of accessibility requirements for code skimming.
This extension works for any language that has semantic tokens in Visual Studio Code. It uses the language server to determine which words to highlight.
It changes saturation and lighting settings based on the use of a light or dark theme.
By going to the extension settings, you can view and change:
It's possible semantic highlighting doesn't work for you. By default, VSCode only turns on semantic highlighting when the color scheme supports it. If you want it always turned on, change this setting to
Or manually add this to your preferences JSON:
Why Semantic Highlighting?
Hi! I'm Kevin Ghadyani, and I was stuck on Sublime Text for years until I created this semantic highlighting extension for VSCode.
To me, semantic highlighting is an accessibility feature. It's tough to read code, but with semantic highlighting, code becomes significantly easier to skim. Instead of reading code, you're now skimming colors.
Not only that, but by having each variable defined with a certain color, you'll always know exactly what "looks right" in your code.
This package was originally forked from Color Identifiers by Matthew Nespor.
The hashing algorithm is modeled after the same amazing CRC8 hasher used by Colorcoder for Sublime Text.
Beautiful logo curtesy of Noah Raskin.