Gruvbox Material

sainnhe

|
13,369 installs
| (8) | Free
Gruvbox with Material Palette
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

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

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.

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.
  • 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 palette, 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.
  3. (optional)Disable the italicComments option in user settings.

See sainnhe/gruvbox-material for other ports.

More Color Schemes

Credits

Inspirations

License

MIT License © sainnhe