𝐆𝐫𝐮𝐯𝐛𝐨𝐱 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥

𝐇𝐚𝐫𝐝 𝐃𝐚𝐫𝐤

hard-dark

𝐌𝐞𝐝𝐢𝐮𝐦 𝐃𝐚𝐫𝐤

medium-dark

𝐒𝐨𝐟𝐭 𝐃𝐚𝐫𝐤

soft-dark

𝐇𝐚𝐫𝐝 𝐋𝐢𝐠𝐡𝐭

hard-light

𝐌𝐞𝐝𝐢𝐮𝐦 𝐋𝐢𝐠𝐡𝐭

medium-light

𝐒𝐨𝐟𝐭 𝐋𝐢𝐠𝐡𝐭

soft-light

Marketplace | Repository | Issues | Changelog

This theme is a port of gruvbox-material for Visual Studio Code.

In my opinion, the very first thing a color scheme should do is to be eye-friendly, anything else is secondary. This requires soft contrast and low blue light.

Gruvbox Material is based on Gruvbox, but with a very different color palette, I'm trying to adjust the foreground colors to match these requirements.

Note: I personally recommend you to disable blur/transparent when using this theme for better experience.

Syntax Highlighting Logic

Red: keyword, conditional, repeat, exception
Orange: storage, operator, modifier
Yellow: type, class name, placeholder
Green: func call, method, string
Aqua: member, property, constant, func def(if possible)
Blue: identifier
Purple: preproc, macro, enum, special identifier, number, boolean(if possible)

Color Reference: colors-dark.yml, colors-light.yml

Optimized File Types and Syntax Extensions

Markdown: buildin
reStructuredText: reStructuredText
LaTex: LaTex
Html: buildin
Xml: buildin
CSS: buildin
SASS: Sass
LESS: buildin
JavaScript: buildin
JSX: buildin
TypeScript: buildin
TSX: buildin
CoffeeScript: buildin
PureScript: PureScript IDE
Dart: Dart
Pug: buildin
Python: buildin
Java: buildin
Kotlin: Kotlin Language
C: buildin
C++: buildin, Better C++ Syntax
ObjectiveC: buildin
C#: buildin
Go: buildin
Rust: buildin, vscode-rust-syntax
Swift: buildin
PHP: buildin
SQL: buildin
GraphQL: GraphQL, GraphQL for VSCode
Ruby: Ruby Language Colorization
Haskell: Haskell Syntax Highlighting
Lua: buildin, Lua Plus
Perl: buildin
Scala: Scala Syntax (official)
Elixir: vscode-elixir
Clojure: buildin
Julia: Julia
Elm: elm
Erlang: erlang
R: buildin
F#: buildin
Groovy: buildin
Fortran: Modern Fortran
Lisp: Lisp
Shell: buildin, Better Shell Syntax
Fish: fish-vscode
PowerShell: buildin
Diff: buildin
Git: buildin
Makefile: buildin
CMake: CMake
Dockerfile: buildin, vscode-docker-syntax, Better Dockerfile Syntax
VimL: vscode-viml-syntax
Tmux: tmux
JSON: buildin
YAML: buildin
TOML: Better TOML

Contribution

To be honest, I'm not an advanced user of vscode, I port gruvbox-material to vscode just because I need an eye-friendly working environment in Windows (WSL is painful).

The workbench colors are based on jdinhify/vscode-theme-gruvbox, but many of them haven't been tested because I don't know where I can see them, and I can't optimize popular extensions for the same reason. The only thing I can do is to optimize common file types.

Therefore, if you feel that some workbench colors are weird, feel free to open a PR :)

To hack this theme, clone the repository on github and open the folder using vscode, then modify colors in ./themes/* and press F5.

Extension Guides: Color Theme

Theme Color Reference

See gruvbox-material#related-projects