Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Pastel CandyNew to Visual Studio Code? Get it now.
Pastel Candy

Pastel Candy

Jinseon Yoo

|
3 installs
| (0) | Free
A joyful five-color light theme: sky-blue sidebars, lavender tabs, pink chrome, mint status, butter-yellow terminal, and readable Dracula-inspired syntax without red.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Pastel Candy

A colorful light theme by jenna-studio. Sky, blossom, lavender, mint, and butter-yellow surfaces surround an ivory editor with deep, readable Dracula-inspired syntax. Orchid replaces red.

Pastel Candy palette illustration

The image above is an illustrative preview generated from the shipped palette and sample code, not a native VS Code screenshot.

The workbench

Surface Color
Editor Ivory #FFFDF8
Activity bar Sky #B7DDFA
Sidebars Pale sky #DDF1FF
Title bar Blossom #F8C9E0
Tab strip Lavender #DDD0F5
Status bar Mint #BCE8CC
Terminal and panel Butter #FFF5C9
Selection Lilac #EDE4F7
Primary buttons Grape #69409C, white text
Inline code / code blocks #EEE4FA / #F2EDF9

262 explicit workbench colors cover tab hover and modified states, controls, validation messages, dropdowns, quick picks, notifications, hover and completion widgets, diff editors, Git decorations, diagnostics, bracket matching, Markdown, native chat, notebooks, settings, and all 16 terminal ANSI slots. Errors use orchid; warnings use dark gold, with VS Code's severity icons retaining their meaning.

Syntax

Role Color
Keywords and tags Pink #A01B74
Functions and properties Green #326B31
Strings Gold #795900
Numbers and constants Violet #7139BD
Types and classes Cyan #006779
Parameters and decorators Orchid #8C4274
Comments Muted plum #6D6078
Default text Ink #30283F

26 TextMate groups and 24 semantic rules coordinate language roles, with six matching bracket colors. Comments are italic; ordinary code avoids forced bold text. Coverage includes JavaScript/TypeScript, JSX/TSX, Python, C++, HTML, CSS, JSON, Markdown, and diff scopes. Language extensions ultimately determine available tokens.

All nine authored syntax foregrounds measure at least 4.74:1 across eight tested backgrounds: editor, current line, active and inactive selections, inline code, code blocks, selected completion, and terminal. This is a palette measurement, not a claim that every possible layered decoration or third-party view meets that ratio.

Install

Download pastel-candy.vsix, run Extensions: Install from VSIX..., then choose Pastel Candy in Preferences: Color Theme.

From this directory:

code --install-extension ./pastel-candy.vsix

Preview and develop

Open this folder in VS Code and press F5. Choose Pastel Candy in the Extension Development Host and open a file in samples/. To see the pink title bar, use VS Code's custom title bar if your OS currently uses native window chrome.

npm run validate
npm run package

Packaging uses the official @vscode/vsce CLI (vsce on PATH). There are no runtime dependencies or executable extension code.

Extension surfaces

Markdown and native chat code colors are provided through textPreformat, textCodeBlock, and chat color IDs. Extension webviews choose which VS Code CSS variables they consume, so a theme cannot guarantee the inside of every extension panel. Both native sidebars use the same sky background. No application patches or CSS injection are required.

License

MIT. See LICENSE.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft