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

𝐃𝐚𝐫𝐤 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭

👁 dark-hard-flat

𝐃𝐚𝐫𝐤 𝐌𝐞𝐝𝐢𝐮𝐦 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥

👁 dark-medium-material

𝐃𝐚𝐫𝐤 𝐒𝐨𝐟𝐭 𝐇𝐢𝐠𝐡 𝐂𝐨𝐧𝐭𝐫𝐚𝐬𝐭

👁 dark-soft-high-contrast

𝐋𝐢𝐠𝐡𝐭 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭

👁 light-hard-flat

𝐋𝐢𝐠𝐡𝐭 𝐌𝐞𝐝𝐢𝐮𝐦 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥

👁 light-medium-material

𝐋𝐢𝐠𝐡𝐭 𝐒𝐨𝐟𝐭 𝐇𝐢𝐠𝐡 𝐂𝐨𝐧𝐭𝐫𝐚𝐬𝐭

👁 light-soft-high-contrast

👁 Image
👁 Image
👁 Image
👁 Image
👁 Image

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.

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

• Everforest
• Edge
• Sonokai

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

License

MIT License