Gruber Darker VS Code Theme

A VS Code port of the classic Gruber Darker look, based on JoaoAJMatos's adaptation and tuned for readability and high-contrast.

Preview

JavaScript	C

Additional language previews are available in img/.

Installation

1. Open Visual Studio Code.
2. Open Extensions with Ctrl+Shift+X.
3. Search for Gruber Darker Theme.
4. Install the extension.
5. Run Preferences: Color Theme and pick Tsoding Gruber Darker.

Recommended Settings

These settings match the screenshots and fit the theme best:

{
  "editor.bracketPairColorization.enabled": false,
  "editor.renderLineHighlight": "none",
  "workbench.activityBar.location": "top"
}

If you use VSCodeVim, these overrides keep search and yank highlights readable:

{
  "vim.highlightedyank.color": "rgba(255, 255, 255, 0.1)",
  "vim.searchMatchTextColor": "#0a0a0a",
  "vim.searchHighlightTextColor": "#0a0a0a"
}

Development

Requires Node.js 20 or newer.

npm install
npm run check
npm run preview
npm run package

npm run check rebuilds the theme JSON and validates the package/theme contract. npm run preview also regenerates the preview images from the files in examples/. npm run qa:vscode opens an isolated VS Code profile with representative language extensions for semantic-highlight screenshots.

Publishing commands:

• npm run publish:vscode
• npm run publish:ovsx

Credits

• John Gruber Original designer of the Gruber Dark theme for BBEdit. Visit Daring Fireball

• Jason Blevins Developed the original Emacs version of Gruber Darker. Visit Jason Blevins

• Alexey Kutepov (rexim) Adapted and extended the Emacs theme for modern use. View gruber-darker-theme on GitHub

• JoaoAJMatos Provided the adaptation that inspired this VSCode port. Tsoding-Color-Theme on the GitHub

License

Licensed under the MIT License.