Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Jellybeans VScodeNew to Visual Studio Code? Get it now.
Jellybeans VScode

Jellybeans VScode

sdwn

|
9 installs
| (0) | Free
A port of jellybeans theme for vscode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Jellybeans for VS Code

A rich, warm, and slightly nostalgic dark theme inspired by the Jellybeans palette. It keeps contrast comfortable for long sessions while still giving syntax high-energy accents.

Features

  • Deep, low-glare editor background with soft neutrals for foreground text.
  • Distinctive syntax colors for functions, types, constants, and numbers.
  • Carefully tuned UI colors for panels, tabs, and lists.
  • A no-bold variant for a more even typographic texture.

Theme Variants

  • Jellybeans
  • Jellybeans No Bold

Installation

  1. Open the Extensions view in VS Code.
  2. Search for "Jellybeans".
  3. Install the theme.

Activate the Theme

  1. Open the Command Palette.
  2. Run "Preferences: Color Theme".
  3. Select one of the Jellybeans variants.

Palette Highlights

  • Background: #151515
  • Foreground: #e8e8d3
  • Accent Blue: #8fbfdc
  • Accent Yellow: #fad07a
  • Accent Orange: #ffb964
  • Accent Green: #99ad6a
  • Accent Red: #cf6a4c
  • Accent Purple: #c6b6ee

Suggested Settings (Optional)

These are personal preferences that pair well with the theme:

{
  "editor.renderWhitespace": "selection",
  "editor.bracketPairColorization.enabled": true,
  "workbench.tree.indent": 14
}

Changelog

See CHANGELOG.md for release notes.

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