Dark Lavender

Dark Lavender is a beautiful dark theme with material design colors for Visual Studio Code not just for eye candy but very useful for developer especially for novice programmer.

How Dark Lavender theme help developer? Dark Lavender styling different category of language tokens in different colors, this help developers to identify what kind of symbol it is from its coloring and font styling.

If you want to know more about Dark Lavender, please read this acticle.

Here is some of the styling rules, to preview the theme design see the code snippet image below:

• Built in keyword, variable, function, class... with font style italic, if you see something dispaly in italic, just do not re-assgin or change it value.
• Keywords not for declaration (for, while, import) are color as purple.
• Keywords for declaration (var, class, extends) are color as red.
• Functions value are color as teal.
• Built in and custom types are color as yellow.
• Parameter and variable are color as orange, deeper if the variable is readonly.

To emphasize the effect of italic, I use Victor Mono font. If you don't like curly italic font, consider Fira Code and Jetbrain Mono. Check the Fonts section below.

Other worth noting features:

• Beautiful colors based on Material Design.
• Rainbow colors for JSON depend on the level.
• Support popular languages based on Github stats.
• Support 3 kinds of background color from black to cool grey.

Screenshot

Special Thanks

• material-colors-ts
• VSCode Typed Theme Generator - create VSCode theme with TypeScript.

References

Colors and VSCode Theme

• Material Design Color
• VSCode Theme Color
• Semantic Highlight Guide
• Semantic Highlighting Overview
• TypeScript VSCode Sh Plugin
• Textmate Language Grammars

Fonts

• FiraCode
• JetBrains Mono
• Victor Mono