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

Darkbox Theme

bottledlactose

|
2,538 installs
| (1) | Free
A high-contrast, dark UI theme for Visual Studio Code, heavily inspired by Gruvbox, a beloved color palette widely used by developers everywhere.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Visual Studio Marketplace Version Visual Studio Marketplace Installs Visual Studio Marketplace Rating Visual Studio Marketplace Release Date Visual Studio Marketplace Last Updated


icon

Darkbox Theme

A high-contrast, dark UI theme for Visual Studio Code, heavily inspired by Gruvbox, a beloved color palette widely used by developers everywhere. Darkbox aims to keep your focus on the code by providing a clean, minimal design with comfortable contrast.

Screenshot

Features

  • Gruvbox-Inspired Palette
    Darkbox’s color choices owe much to the original Gruvbox palette, featuring warm, natural hues that keep your eyes comfortable during long coding sessions.

  • Easy on the Eyes
    A carefully chosen dark background helps reduce eye strain while keeping your code front and center.

  • Vibrant Syntax Highlighting
    Keywords, strings, constants, and language features all stand out with distinct but harmonious colors.

  • Minimal UI Distractions
    Subdued UI elements keep attention on your editor content, letting you focus on what matters.

  • Broad Language Support
    Whether you’re writing Rust, JavaScript, Python, or any other language, Darkbox aims to provide consistent coloring and clarity.

  • Optimized for Contrast
    Text in the editor, sidebar, and panel is easy to read, with enough contrast to prevent visual fatigue over long coding sessions.

Installation

  1. Open Visual Studio Code.
  2. Go to the Extensions panel (View → Extensions or press Ctrl+Shift+X).
  3. Search for "Darkbox".
  4. Click Install.
  5. Once installed, open the Command Palette (Ctrl+Shift+P), type “Color Theme”, and select Darkbox from the list.

Usage

After installation, Darkbox becomes available as one of your editor’s color themes. Simply select it via:

  1. Command Palette → Color Theme → Darkbox
    or
  2. Preferences → Color Theme → Darkbox

If you're using C or C++, please consider the Better C++ Syntax extension to enhance your syntax highlighting.

Changelog

1.8.4

  • Add highlighting for user-defined Vue.js components (suggested by @luckzilong)

1.8.3

  • Add accessor punctuation

1.8.2

  • Apply punctuation color to all tag definitions, fixing JSX/TSX tags

1.8.1

  • Update HTML/XML tag definition color

1.8.0

This release changes the experimental theme to be the default theme, which comes with the following changes:

  • Removed support for Lisp and Go
  • Enhanced support for some languages
    • Python
    • C/C++
    • C#
    • Java
    • PHP
    • Rust
  • Many elements are now more consistent and less distracting
  • Punctuation across all languages is now improved

The legacy themes are still available, through they will no longer be updated.

Acknowledgements

Special thanks to the original creator of Gruvbox and the Gruvbox VS Code theme which this project was forked from.

License

This project is licensed under the MIT License.

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