antfu/gruvbox-material-vscode

Gruvbox Material for Visual Studio Code

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

Dark Hard Flat

Dark Medium Material

Dark Soft High Contrast

Light Hard Flat

Light Medium Material

Light Soft High Contrast

Marketplace | Repository | Issues | Changelog

This color scheme is a port of Gruvbox Material for Visual Studio Code.

Gruvbox Material is a modified version of Gruvbox, the contrast is adjusted to be softer in order to protect developers' eyes.

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.
• Italic support.

Installation

Via Marketplace

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

Via Quick Open

Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

ext install sainnhe.gruvbox-material

Usage

1. Click the gear button in the lower left corner.
2. Click Color Theme.
3. Select Gruvbox Material in the list.

Customization

Several configuration options are provided, you can customize the contrast, workbench style, etc. used in this theme.

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: Fira Code iCursive Op(this is the font used in the screenshots).
2. Enable the italicKeywords option in user settings, see Customization.
3. (optional)Disable the italicComments option in user settings, see Customization.

Related Projects

See gruvbox-material/gruvbox-material

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

License

MIT License © Gruvbox Material