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

The Mango Theme

sanjeevkse

|
118 installs
| (0) | Free
| Sponsor
A clean, readable dark theme for VS Code — one JSON file, easy to customize.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

The Mango Theme

Preview in vscode.dev Visual Studio Marketplace Version

A dark theme built for readable, comfortable coding — calm syntax colors, subtle line highlights, and a clean sidebar. One JSON file, easy to customize.

When you select Mango Dark, the extension applies editor defaults that match this layout: no minimap, hidden activity bar, generous line height, and indentation guides — the same friendly spacing you remember from classic GitHub-era editors.

Screenshots

Mango Dark editor

Installing

Visual Studio Code Marketplace

Local test: open this folder → F5 → Preferences: Color Theme → Mango Dark.

Recommended settings

These apply when you select Mango Dark. If something still looks off, your user settings may be overriding them — open Settings and search for editor.fontFamily / editor.fontSize.

{
  "editor.fontFamily": "Menlo, Consolas, 'DejaVu Sans Mono', monospace",
  "editor.fontSize": 14,
  "editor.lineHeight": 1.5,
  "editor.semanticHighlighting.enabled": false,
  "editor.minimap.enabled": false,
  "explorer.openEditors.visible": 0,
  "workbench.activityBar.location": "hidden"
}

After switching theme: Cmd+Shift+P → Developer: Reload Window.

Contributing

See THEMES.md for how the theme file is structured.

What's new?

Changelog

Sponsors

Sponsor this project on GitHub.

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