Gruvbox Minor

A functional Visual Studio Code theme based off of the original gruvbox theme and the Visual Studio Code Gruvbox Theme. Contains a dark and light mode as well as three sub-modes each, hard, medium, and soft.

Screenshot

screenshot

Extensions

Font

The font used in the above preview is Lilex.

Bracket Highlight

In Visual Studio Code user settings, add the following to enable editor bracket highlighting:

  "editor.bracketPairColorization.enabled": true,

Indent-rainbow

If you use indent-rainbow, add the following to your settings for matching colors:

  "indentRainbow.colors": [
    "rgba(250, 189, 47, 0.05)",
    "rgba(142, 192, 124, 0.05)",
    "rgba(131, 165, 152, 0.05)",
    "rgba(211, 134, 155, 0.05)",
    "rgba(254, 128, 25, 0.05)"
  ],
  "indentRainbow.errorColor": "rgba(251, 73, 52, 0.2)",

PRs are welcomed

Tips

In the json file, scope can be an array or a string of CSS classes
VSCode's Developer: Inspect TM Scopes command is useful to find out the scope

Customization

Customizations and tweaks can be made to all six themes at once by:

Saving the customizations in tokens for syntax change, and/or workbench for editor chrome changes,
Running npm start, which builds the TypeScript files and launches a program that regenerates the six theme files.

Publishing

npm start
# Replace <id> w/ vscode marketplace publisher ID (e.g. `adamsome-gruvbox`)
vsce login <id>
vsce package
# Replace <...> w/ the semanitic version segment to increment
vsce publish <'patch' | 'minor' | 'major'>

Thank Yous

Special thanks to the creator of gruvbox

Thanks to:

who worked on the original VSCode Gruvbox theme that this is based on:

Gruvbox Theme