Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>PiccoloNew to Visual Studio Code? Get it now.
Piccolo

Piccolo

Themery

|
6 installs
| (0) | Free
A dark color theme generated by Themery.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Piccolo icon

Piccolo

"Where the void blooms violet and every function breathes green."


VS Code   dark   Themery



Piccolo — interfaces & hooks

Piccolo — classes & async Piccolo — algorithms & numbers

Palette


  Role Hex  
Background #000501 absolute midnight green
Foreground #d9ead9 pale forest breath
Accent #fe6a9b cloak's edge crimson
Keyword #ff8ef5 namekian violet bloom
String #ff8a9e soft coral dusk
Function #4cc85f ki charge green
Type #56c758 verdant power surge
Number #ff88ae flushed petal pink
Comment #738776 mossy stone whisper
Variable #89a08f sage under shadow
Constant #ff8fee orchid flare
Operator #888888 quiet iron grey

✦ A near-black canvas that swallows the void whole, then lets violet keywords and electric green functions tear right through it.

Accessibility

Token Hex vs Background APCA Lc Rating
Foreground #d9ead9 94 AAA
Keyword #ff8ef5 68 AA
String #ff8a9e 63 AA
Function #4cc85f 64 AA
Type #56c758 64 AA
Number #ff88ae 63 AA
Comment #738776 41 Low
Variable #89a08f 53 UI
Constant #ff8fee 68 AA
Operator #888888 1 Low

APCA (Accessible Perceptual Contrast Algorithm) — the next-generation contrast standard beyond WCAG 2.1. Lc 60+ recommended for body text · Lc 45+ for UI elements · Lc 75+ for AAA.

Syntax

KEYWORD
if else
#ff8ef5
STRING
"hello"
#ff8a9e
FUNCTION
render()
#4cc85f

TYPE
string
#56c758
NUMBER
3.14
#ff88ae
COMMENT
// note
#738776

Features

🎨 30+ syntax roles Keywords · Strings · Types · Functions · Numbers · Comments · Operators · Decorators
🌙 Dark variant Included
🖥️ Multi-IDE VS Code · JetBrains · Neovim · Vim · Zed · Sublime · Helix
♿ APCA verified APCA contrast-checked across all token roles — not just WCAG 2.1
🔬 OKLCH color science Perceptually uniform palette — no muddy midtones

About

Piccolo is built for the developer who codes deep into the night with the lights off and a sense of drama. The background — an absolute midnight green so dark it reads almost as pure black — is not an accident. It's a void with just enough color to feel alive. Against it, the namekian violet bloom of keywords practically vibrates off the screen, and the ki charge green of function definitions carries an energy that feels earned, not decorative. This palette is for people who find beauty in contrast and intention in every color choice.

The decision to lean into pink and violet for keywords, strings, and constants, while anchoring functions and types in green, creates a visual grammar that mirrors the theme's inspiration: Piccolo's iconic purple cloak against his Namekian green skin. It isn't just aesthetic homage — it works syntactically. Your eye learns quickly that green means action, violet means structure. The pale forest breath foreground sits comfortably between the two worlds, readable without competing, calm without being cold.

Comments land in mossy stone whisper — intentionally recessive, the way comments should feel: present but unobtrusive, like a note scrawled in the margin of a book you've already understood. The accent, cloak's edge crimson, appears in UI chrome and cursor highlights, a warm counterpoint that keeps the whole thing from tipping into cold abstraction. Inspired by one of fiction's great quiet warriors, Piccolo is a theme about restraint and power existing in the same breath.

Built with Themery — precision color design for developers who care about their environment.

Install

Marketplace Open VS Code → Ctrl+Shift+X → search "Piccolo" → Install
CLI ext install Themery.piccolo
Quick Open Press Ctrl+P → paste ext install Themery.piccolo

Icon Theme

This theme is paired with Catppuccin Perfect Icons — a separate extension that provides file and folder icons.

The icons are not bundled in the theme package. You need to install the icon library separately.

  1. Install Catppuccin Perfect Icons

    ext install thang-nm.catppuccin-perfect-icons

  2. Open User Settings JSON — Ctrl+Shift+P → Open User Settings (JSON)

  3. Open icons/piccolo-icon-settings.jsonc from this package

  4. Merge its contents into your settings.json

  5. Reload VS Code

The bundled snippet sets workbench.iconTheme and any supported color overrides derived from your palette.

License

MIT © 2025 Themery — Piccolo


Built with
Themery
Design VS Code themes with OKLCH color science, live IDE preview, and AI generation — then publish directly to the marketplace.
themery.dev →
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft