Awesome
<h1 align="center"> šš«š®šÆššØš± ššššš«š¢šš„ </h1> <h2 align="center"> ššš«š¤ ššš«š š š„šš </h2> <h2 align="center"> ššš«š¤ šššš¢š®š¦ ššššš«š¢šš„ </h2> <h2 align="center"> ššš«š¤ ššØšš šš¢š š” ššØš§šš«šš¬š </h2> <h2 align="center"> šš¢š š”š ššš«š š š„šš </h2> <h2 align="center"> šš¢š š”š šššš¢š®š¦ ššššš«š¢šš„ </h2> <h2 align="center"> šš¢š š”š ššØšš šš¢š š” ššØš§šš«šš¬š </h2> <p align="center"> <a href="https://marketplace.visualstudio.com/items?itemName=sainnhe.gruvbox-material" alt="Marketplace"> <img src="https://img.shields.io/badge/vscode-marketplace-blue" /></a> <a href="https://open-vsx.org/extension/sainnhe/gruvbox-material" alt="Registry"> <img src="https://img.shields.io/badge/open--vsx-registry-green" /></a> <a href="https://github.com/sainnhe/gruvbox-material-vscode" alt="Repository"> <img src="https://img.shields.io/badge/github-repository-blueviolet" /></a> <a href="https://github.com/sainnhe/gruvbox-material-vscode/issues" alt="Issues"> <img src="https://img.shields.io/badge/issue-feedback-red" /></a> <a href="https://vscode.dev/theme/sainnhe.gruvbox-material" alt="Preview"> <img src="https://img.shields.io/badge/preview-vscode.dev-yellow" /></a> </p>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.
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
Installation
- Press extensions icon in your editor.
- Search for
sainnhe.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 totrue
in user settings. - (optional) Set the
gruvboxMaterial.italicComments
option tofalse
in user settings.
Related Projects
See this wiki page.
More Color Schemes
Contributing
See CONTRIBUTING.md.
Credits
- 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
Inspirations
- 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
Maintainers
Sainnhe Park | Zolkin Andrew |