A functional Visual Studio Code theme based off of the original
gruvbox theme and the
Visual Studio Code
Contains a dark and light mode as well as three sub-modes each,
hard, medium, and soft.
The font used in the above preview is Lilex.
In Visual Studio Code user settings, add the following to enable editor bracket highlighting:
If you use indent-rainbow, add the following to your settings for matching 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
- In the
scope can be an
array or a
of CSS classes
Developer: Inspect TM Scopes command is useful
to find out the scope
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,
npm start, which builds the TypeScript files and launches a
program that regenerates the six theme files.
# Replace <id> w/ vscode marketplace publisher ID (e.g. `adamsome-gruvbox`)
vsce login <id>
# Replace <...> w/ the semanitic version segment to increment
vsce publish <'patch' | 'minor' | 'major'>
Special thanks to the creator of gruvbox
who worked on the original VSCode Gruvbox theme that this is based on: