Home

Awesome

<h1 align="center"> š†š«š®šÆš›šØš± šŒššš­šžš«š¢ššš„ </h1> <h2 align="center"> šƒššš«š¤ š‡ššš«š š…š„ššš­ </h2>

dark-hard-flat

<h2 align="center"> šƒššš«š¤ šŒšžšš¢š®š¦ šŒššš­šžš«š¢ššš„ </h2>

dark-medium-material

<h2 align="center"> šƒššš«š¤ š’šØšŸš­ š‡š¢š š” š‚šØš§š­š«ššš¬š­ </h2>

dark-soft-high-contrast

<h2 align="center"> š‹š¢š š”š­ š‡ššš«š š…š„ššš­ </h2>

light-hard-flat

<h2 align="center"> š‹š¢š š”š­ šŒšžšš¢š®š¦ šŒššš­šžš«š¢ššš„ </h2>

light-medium-material

<h2 align="center"> š‹š¢š š”š­ š’šØšŸš­ š‡š¢š š” š‚šØš§š­š«ššš¬š­ </h2>

light-soft-high-contrast

<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

<details> <summary>Optimized File Types and Syntax Extensions: (<b>click on this line to expand</b>)</summary>

The following file types and syntax extensions are basically optimized, but there might be some bugs and mistakes, feedback is welcome :)

</details>

Installation

  1. Press extensions icon in your editor.
  2. Search for sainnhe.gruvbox-material.
  3. Select this extension and press install button.

Usage

  1. Click the gear button in the lower left corner.
  2. Click Color Theme.
  3. 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.

  1. Click the gear button in the lower left corner.
  2. Click Settings.
  3. 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:

  1. Install a font that supports cursive italic styles, for example: https://aka.sainnhe.dev/fonts
  2. Set the gruvboxMaterial.italicKeywords option to true in user settings.
  3. (optional) Set the gruvboxMaterial.italicComments option to false in user settings.

Related Projects

See this wiki page.

More Color Schemes

Contributing

See CONTRIBUTING.md.

Credits

Inspirations

Maintainers

Sainnhe ParkZolkin Andrew
Sainnhe ParkZolkin Andrew

License

MIT License