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

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 |
 |
| Keyword |
#ff8ef5 |
|
68 |
 |
| String |
#ff8a9e |
|
63 |
 |
| Function |
#4cc85f |
|
64 |
 |
| Type |
#56c758 |
|
64 |
 |
| Number |
#ff88ae |
|
63 |
 |
| Comment |
#738776 |
|
41 |
 |
| Variable |
#89a08f |
|
53 |
 |
| Constant |
#ff8fee |
|
68 |
 |
| Operator |
#888888 |
|
1 |
 |
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.
Install Catppuccin Perfect Icons
ext install thang-nm.catppuccin-perfect-icons
Open User Settings JSON — Ctrl+Shift+P → Open User Settings (JSON)
Open icons/piccolo-icon-settings.jsonc from this package
Merge its contents into your settings.json
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 →
|