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

kape

gabiuz

|
7 installs
| (0) | Free
kape colorscheme for visual studio code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

☕ Kape

Kape (Filipino for coffee) — a warm dark color scheme rooted in coffee, earth, and amber.

Kape is a dark theme designed for developers who spend long hours in their editor. Every color was chosen with intention — warm enough to feel cozy, balanced enough to work all day.


🎨 Palette

Base

Role Hex Preview
Background #181616
Surface #1e1b1b
Foreground #d4be98
Second Text #bdae8b
Third Text #928374

Accents

Color Hex Preview
Red #b53535
Green #b4c76e
Yellow #e7bb5c
Blue #7b8fd4
Purple #b06880
Aqua #689d8a
White #c2c2c2
Orange #c87941

Bright Variants

Color Hex Preview
Bright Black #2e2a2a
Bright Red #c94040
Bright Green #cad98a
Bright Yellow #f0cc7a
Bright Blue #9aaae0
Bright Purple #c8889a
Bright Aqua #89b8a8
Bright White #d4be98
Bright Orange #d4975a

UI Support

Role Hex Preview
Selection Background #2e2a2a
Visual Red #3c1f1e
Visual Yellow #3a2e1a
Visual Green #2a3120
Visual Blue #1e2b30
Visual Purple #2e1e30

The palette is defined in the theme file at themes/kape-color-theme.json.


📦 Installation (VS Code)

  1. Open the Extensions view (Cmd+Shift+X).
  2. Search for kape and click Install.
  3. Open the Command Palette (Cmd+Shift+P) and run Preferences: Color Theme.
  4. Select kape.

Manual Install

  1. Clone this repo.
  2. In VS Code, run Extensions: Install from VSIX... or launch an Extension Development Host.

🤝 Contributing

Want to port Kape to another app? PRs are welcome. The colors.json file is the single source of truth — use it as the reference for any new port.


📄 License

MIT © gabiuz

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