Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>One Dark Plus+ ThemeNew to Visual Studio Code? Get it now.
One Dark Plus+ Theme

One Dark Plus+ Theme

kavinkumar

|
131 installs
| (1) | Free
An elegant and intuitive One Dark theme with improved syntax highlighting, beautiful UI, and custom font support
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

One Dark Plus+ Theme

One Dark

Description

One Dark Plus+ is an elegant and intuitive customized version of the popular One Dark theme, designed to enhance your coding experience with a sleek and modern aesthetic. This theme provides a beautiful color palette that improves readability and reduces eye strain during long coding sessions.

Features

  • Rich color palette with deep contrasts
  • Well-defined syntax highlighting
  • Optimized for a variety of programming languages
  • Recommended icon theme and extensions for a complete experience

Installation

You can install the One Dark Plus+ theme directly from the Visual Studio Code Marketplace:

Install One Dark Plus+ Theme

Usage

  1. Open VSCode.
  2. Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side or pressing Ctrl+Shift+X.
  3. Search for "One Dark Plus+" and click on the Install button.
  4. Once installed, go to the Command Palette (Ctrl+Shift+P), type "Color Theme", and select "One Dark Plus" from the list.

Recommended Fonts

This theme works best with these programming fonts:

  • JetBrains Mono (default)
  • Fira Code
  • Cascadia Code

Applying Font Settings

⚠️ Important: Font settings must be applied in your VS Code settings, not through the theme itself.

To apply the recommended font settings:

  1. Open VS Code Settings (File > Preferences > Settings or Ctrl+,)
  2. Search for "Font Family" and set it to: JetBrains Mono, Fira Code, Menlo, Monaco, 'Courier New', monospace
  3. Search for "Font Size" and set it to: 14
  4. Search for "Font Ligatures" and enable it
  5. Search for "Icon Theme" and select "Material Icon Theme" (install it first if needed)

Alternatively, you can add these settings directly to your settings.json file:

{
  "workbench.colorTheme": "One Dark Plus",
  "editor.fontFamily": "JetBrains Mono, Fira Code, Menlo, Monaco, 'Courier New', monospace",
  "editor.fontSize": 14,
  "editor.fontLigatures": true,
  "editor.fontWeight": "400",
  "workbench.iconTheme": "material-icon-theme"
}

Feedback and Contributions

If you have any feedback or suggestions, please open an issue on GitHub.

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