𝐆𝐫𝐮𝐯𝐛𝐨𝐱 𝐌𝐚𝐭𝐞𝐫𝐢𝐚𝐥
𝐃𝐚𝐫𝐤 𝐇𝐚𝐫𝐝 𝐅𝐥𝐚𝐭

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

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

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

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

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

Marketplace |
Registry |
Repository |
Issues |
Changelog
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.
Optimized File Types and Syntax Extensions: (click on this line to expand)
The following file types and syntax extensions are basically optimized, but there might be some bugs and mistakes, feedback is welcome :)
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
Several configuration options are provided, you can customize the palette, contrast, workbench style, etc. used in this theme.
- Click the gear button in the lower left corner.
- Click
Settings
.
- Select
Gruvbox Material
and change the settings.
Note: For better syntax highlighting support, please:
- Don't enable
gruvboxMaterial.colorfulSyntax
(this setting is disabled by default).
- Disable semantic highlighting for all languages except
editor.semanticHighlighting.enabled
, see FAQ.
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: Fira Code iCursive Op(this is the font used in the screenshots).
- Set the
gruvboxMaterial.italicKeywords
option to true
in user settings.
- (optional)Set the
gruvboxMaterial.italicComments
option to false
in user settings.
Q: How to disable semantic highlighting?
A:
In your settings.json
:
- To disable it globally:
"editor.semanticHighlighting.enabled": false
- For C/C++:
"C_Cpp.enhancedColorization": "Disabled"
- For C#:
"csharp.semanticHighlighting.enabled": false
- For Java:
"java.semanticHighlighting.enabled": false
See this wiki page.
More Color Schemes
Contributing
See CONTRIBUTING.md.
Credits
Inspirations
Maintainers
License
MIT License