I'm going to be The King of the Pirates!
Dark VS Code themes inspired by the world of One Piece. Built for long coding sessions on the Grand Line.
The One Piece Theme Dark
The One Piece Theme - Luffy
The One Piece Theme - Zoro
The One Piece Theme - Nami
| Role | Color | Meaning |
|---|---|---|
| Background | #0d1b2a |
Deep ocean night |
| Sidebar / UI | #0a1520 |
The void of the Grand Line |
| Foreground | #cadff3 |
Ocean mist |
| Keywords / Operators | #4a9eca |
Steel blue — The open sea |
| Classes / Types | #8B6914 |
Gold — One Piece treasure |
| Constants / Numbers | #8B6914 |
Gold — One Piece treasure |
| Strings | #ffaa50 |
Amber — The dawn of a new adventure |
| Errors | #c0392b |
Crimson — The Pirate King's will |
| Functions | #d1b31d |
Golden yellow — The Sunny's figurehead |
| Tags HTML | #ff2323 |
Vivid red — Jolly Roger |
| Comments | #2a4a6a |
Dark navy — Secrets of the sea |
| Role | Color | Meaning |
|---|---|---|
| Background | #111111 |
|
| Sidebar / UI | #1a1a1a |
|
| Foreground | #dfc18a |
Dusty Peach — Luffy's skin tone |
| Keywords / Operators | #2f76dc |
Lagoon Blue — Luffy's shirt |
| Classes / Types | #b9eff8 |
Charlotte Blue — Sky and sea of the Grand Line |
| Constants / Numbers | #fbc920 |
Gold Rush — Luffy's straw hat |
| Strings | #e62c39 |
China Rose — Luffy's vest |
| Errors | #e62c39 |
China Rose — Luffy's vest |
| Functions | #dfc18a |
Dusty Peach — Luffy's skin tone |
| Comments | #2e333f |
Midnight — Shadows of the sea |
| Role | Color | Meaning |
|---|---|---|
| Background | #111111 |
|
| Sidebar / UI | #1a1a1a |
|
| Foreground | #b8b6c3 |
Shimmer Silver — Wado Ichimonji's blade |
| Keywords / Operators | #aaeb83 |
New Green — Zoro's haramaki and fighting spirit |
| Classes / Types | #b8b6c3 |
Shimmer Silver — Wado Ichimonji's blade |
| Constants / Numbers | #808d71 |
Battleship Gray — Shusui's steel |
| Strings | #aaeb83 |
New Green — Zoro's haramaki and fighting spirit |
| Errors | #d55e5e |
Sandai Kitetsu — The cursed blade |
| Functions | #808d71 |
Battleship Gray — Shusui's steel |
| Tags HTML | #8b25a6 |
Enma — The blade that draws out one's power |
| Comments | #375949 |
Stromboli — The forest where Zoro trains |
| Role | Color | Meaning |
|---|---|---|
| Background | #0a0d12 |
Deep navy — The night sky over the Log Pose |
| Sidebar / UI | #10141c |
Dark blue — Nami's tattoo ink |
| Foreground | #EDEEEA |
Smooth White — Nami's clear sky maps |
| Keywords / Operators | #7ec8e3 |
Log Pose Sky — Guiding the way across the seas |
| Classes / Types | #E67D28 |
Sweet Honey — Nami's orange hair |
| Constants / Numbers | #7ec8e3 |
Log Pose Sky — Guiding the way across the seas |
| Strings | #E67D28 |
Sweet Honey — Nami's orange hair |
| Errors | #c0392b |
Crimson — Danger on the high seas |
| Functions | #79482C |
Brown Leather — Nami's boots and belt |
| Tags HTML | #E67D28 |
Sweet Honey — Nami's orange hair |
| Comments | #1a2230 |
Deep navy — Charts of unknown waters |
- Open Extensions in VS Code (
Ctrl+Shift+X) - Search for The One Piece Theme
- Click Install
- Open the Command Palette (
Ctrl+Shift+P) → Preferences: Color Theme → select The One Piece Theme Dark
See CHANGELOG.md for the full list of changes.