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)
- Open the Extensions view (
Cmd+Shift+X). - Search for
kapeand click Install. - Open the Command Palette (
Cmd+Shift+P) and runPreferences: Color Theme. - Select
kape.
Manual Install
- Clone this repo.
- 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