This color scheme is a port of Gruvbox Material for Visual Studio Code and its forks.
Gruvbox Material is a modified version of Gruvbox, the contrast is adjusted to be softer in order to protect developers' eyes.
There are 3 palettes available in this color scheme, the screenshots above only show the material
palette. See sainnhe/gruvbox-material for a preview of all palettes.
- Carefully designed color palette for eye protection.
- Switch back to the original color palette whenever you like.
- Customizable.
- Rich support for common file types.
- Semantic highlighting support.
- Italic support.
Optimized File Types and Syntax Extensions: (click on this line to expand)
The following file types and syntax extensions are basically optimized, but there might be some bugs and mistakes, feedback is welcome :)
- Assembly: MASM
- C#: builtin
- C++: buildin, C/C++, Better C++ Syntax
- C: builtin, C/C++
- Clojure: builtin
- CMake: CMake
- CoffeeScript: builtin
- CSS: builtin
- Dart: Dart
- Diff: builtin
- Dockerfile: builtin, vscode-docker-syntax, Better Dockerfile Syntax
- Elixir: vscode-elixir
- Elm: elm
- Erlang: erlang
- F#: builtin
- Fish: fish-vscode
- Fortran: Modern Fortran
- Git: builtin
- Go: builtin
- GraphQL: GraphQL, GraphQL for VSCode
- Groovy: builtin
- Haskell: Haskell Syntax Highlighting
- Html: builtin
- Java: builtin
- JavaScript: builtin (
Babel JavaScriptnot recommend #6) - JSON: builtin
- JSX: builtin
- Julia: Julia
- Kotlin: Kotlin Language
- LaTex: LaTex
- LESS: builtin
- Lisp: Lisp
- Lua: builtin, Lua Plus
- Makefile: builtin
- Markdown: builtin
- ObjectiveC: builtin
- Perl: builtin
- PHP: builtin
- PowerShell: builtin
- Protobuf: vscode-proto3
- Pug: builtin
- PureScript: PureScript IDE
- Python: builtin, Pylance
- R: builtin
- reStructuredText: reStructuredText
- Ruby: VSCode Ruby, Ruby Language Colorization
- Rust: builtin, Rust Analyzer, vscode-rust-syntax
- SASS: Sass
- Scala: Scala Syntax (official)
- Shell: builtin, Better Shell Syntax
- SQL: builtin
- Stylus: Stylus
- Swift: builtin
- Tmux: tmux
- TOML: Better TOML
- TSX: builtin
- TypeScript: builtin
- VimL: vscode-viml-syntax
- VUE: jcbuisson.vue, liuji-jim.vue
- Xml: builtin
- YAML: builtin
- Press extensions icon in your editor.
- Search for
sainnhe.gruvbox-material
. - Select this extension and press
install
button.
- Click the gear button in the lower left corner.
- Click
Color Theme
. - Select Gruvbox Material in the list.
There are some configuration options available in this theme, you can customize the palette, contrast, workbench style, etc. via user settings.
- Click the gear button in the lower left corner.
- Click
Settings
. - Select
Gruvbox Material
and change the settings.
Q: How to enable cursive italic keywords?
A: The italicKeywords
is designed to use with fonts that support cursive italic styles. To enable this feature:
- Install a font that supports cursive italic styles, for example: https://aka.sainnhe.dev/fonts
- Set the
gruvboxMaterial.italicKeywords
option totrue
in user settings. - (optional) Set the
gruvboxMaterial.italicComments
option tofalse
in user settings.
See this wiki page.
See CONTRIBUTING.md.
- The color palette is based on gruvbox by @morhetz
- The color palette is adjusted by @sainnhe
- The icon is designed by @GulajavaMinistudio
- The material workbench style is designed by @sainnhe
- The flat workbench style is designed by @sainnhe
- The high contrast workbench style is designed by @GulajavaMinistudio
- morhetz/gruvbox: original gruvbox
- atom.io: the
white
color in the dark variant - zefei/cake16: the
black
color in the light variant - material-theme/vsc-material-theme: the material workbench style
- Binaryify/OneDark-Pro: the flat workbench style
- Monokai Pro: the high contrast workbench style
- Google Material Design
Sainnhe Park | Zolkin Andrew |