Community Maintained Fork
This is an actively maintained fork of the original Gruvbox Material VS Code extension, which was deprecated by the original author. We keep it updated with security fixes, dependency updates, and VS Code compatibility.
𝐆𝐫𝐮𝐯𝐛𝐨𝐱 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥
𝐃𝐚𝐫𝐤 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭
𝐃𝐚𝐫𝐤 𝐌𝐞𝐝𝐢𝐮𝐦 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥
𝐃𝐚𝐫𝐤 𝐒𝐨𝐟𝐭 𝐇𝐢𝐠𝐡 𝐂𝐨𝐧𝐭𝐫𝐚𝐬𝐭
𝐋𝐢𝐠𝐡𝐭 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭
𝐋𝐢𝐠𝐡𝐭 𝐌𝐞𝐝𝐢𝐮𝐦 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥
𝐋𝐢𝐠𝐡𝐭 𝐒𝐨𝐟𝐭 𝐇𝐢𝐠𝐡 𝐂𝐨𝐧𝐭𝐫𝐚𝐬𝐭
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.
Features
- 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 JavaScript~~ not 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
Installation
- Press extensions icon in your editor.
- Search for
snrico.gruvbox-material.
- Select this extension and press
install button.
Usage
- Click the gear button in the lower left corner.
- Click
Color Theme.
- Select Gruvbox Material in the list.
Customization
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.
FAQ
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 to true in user settings.
- (optional) Set the
gruvboxMaterial.italicComments option to false in user settings.
See this wiki page.
More Color Schemes
Development & Testing
This project includes a comprehensive testing suite:
npm run lint # Run ESLint
npm run test:unit # Run 97 unit tests
npm run test:visual # Run 9 visual regression tests
npm run test:all # Run all tests
See MAINTENANCE.md for detailed testing and maintenance documentation.
Contributing
See CONTRIBUTING.md.
Credits
Inspirations
Maintainers
Current Maintainer:
Original Authors:
License
MIT License
