Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Gruber Darker ThemeNew to Visual Studio Code? Get it now.
Gruber Darker Theme

Gruber Darker Theme

Invi

|
82 installs
| (0) | Free
A VSCode port of the Gruber Darker Emacs theme, based on JoaoAJMatos's adaptation. It delivers a refined dark palette optimized for readability.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Gruber Darker VSCode Theme

A port of the classic Gruber Darker Emacs theme, based on JoaoAJMatos's adaptation. This theme delivers a refined dark palette optimized for readability in Visual Studio Code.

Features

  • Faithful Adaptation: Inspired by the original Gruber Darker theme for Emacs.
  • Optimized Readability: Dark, subtle colors that reduce eye strain.
  • Wide Language Support: Works with multiple programming languages.

Configuration

One essential setting is disabling bracket pair colorization, which aligns with the theme's design. Additionally, modifying line highlighting and the activity bar's position is recommended.

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

Code Screenshots

Additional screenshots are available in the img folder.

C Code Screenshot JavaScript Code Screenshot

Editor Screenshot

Gruber Darker Theme Showcase

Installation

  1. Open Visual Studio Code.
  2. Go to the Extensions view (Ctrl+Shift+X).
  3. Search for Gruber Darker Theme.
  4. Click Install.
  5. Open the Command Palette (Ctrl+Shift+P), type Color Theme, and select Tsoding Gruber Darker.

Usage

To set the theme:

  1. Open the Command Palette (Ctrl+Shift+P).
  2. Choose Preferences: Color Theme.
  3. Select Tsoding Gruber Darker from the list.

Configuration

Customize theme settings in your settings.json. For example:

{
    "workbench.colorTheme": "Gruber Darker Theme",
    "editor.tokenColorCustomizations": {
        "textMateRules": [
            {
                "scope": "entity.name.function.preprocessor.cpp",
                "settings": {
                    "foreground": "#FF5733",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}

Contributing

Contributions are welcome! To contribute:

  • Fork the repository.
  • Create a new branch for your feature or fix.
  • Submit a pull request with your changes.

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

This project is licensed under the MIT License.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft