🐛 Catapi
A galactic dark theme for VS Code — where deep space meets electric dreams.

✨ Features
- Pure Black Background — True
#000000 for maximum contrast and OLED-friendly displays
- Neon Green & Blue Palette — Electric colors that pop against the void of space
- Galactic Aesthetic — Cosmic vibes with nebula-inspired accent colors
- Fira Code Ready — Configured with Fira Code font and ligatures enabled by default
- Full Editor Coverage — Meticulously styled UI elements, terminal, and syntax highlighting
🎨 Color Palette
| Element |
Color |
Hex |
| 🟢 Primary Green |
Neon Mint |
#00FFAA |
| 🔵 Primary Blue |
Electric Cyan |
#00D4FF |
| 🟣 Accent Purple |
Nebula Violet |
#BD00FF |
| 🔴 Accent Pink |
Cosmic Magenta |
#FF00AA |
| 🟡 Accent Gold |
Star Gold |
#FFD700 |
| ⚫ Background |
Void Black |
#000000 |
🚀 Installation
From VS Code Marketplace
- Open VS Code
- Go to Extensions (
Ctrl+Shift+X / Cmd+Shift+X)
- Search for "Catapi"
- Click Install
- Select the theme:
Ctrl+K Ctrl+T → Choose "Catapi"
Manual Installation
- Clone or download this repository
- Copy the folder to your VS Code extensions directory:
- Windows:
%USERPROFILE%\.vscode\extensions
- macOS:
~/.vscode/extensions
- Linux:
~/.vscode/extensions
- Restart VS Code
- Select the theme:
Ctrl+K Ctrl+T → Choose "Catapi"
🔤 Font Configuration
This theme is optimized for Fira Code with font ligatures. The theme automatically sets these defaults:
{
"editor.fontFamily": "'Fira Code', 'Cascadia Code', 'JetBrains Mono', Consolas, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.fontWeight": "400",
"editor.letterSpacing": 0.5
}
Installing Fira Code
Download Fira Code from: github.com/tonsky/FiraCode
🌟 Syntax Highlighting Preview
// 🚀 Launch sequence initiated
const WARP_SPEED = 9.99;
class Starship {
constructor(name, crew = []) {
this.name = name;
this.crew = crew;
this.isWarping = false;
}
async engageWarpDrive(destination) {
this.isWarping = true;
console.log(`🌌 Warping to ${destination}...`);
return new Promise((resolve) => {
setTimeout(() => {
this.isWarping = false;
resolve(`Arrived at ${destination}`);
}, WARP_SPEED * 1000);
});
}
}
const enterprise = new Starship("USS Enterprise", ["Kirk", "Spock"]);
enterprise.engageWarpDrive("Alpha Centauri");
🎯 Supported Languages
Catapi provides rich syntax highlighting for:
- JavaScript / TypeScript / JSX / TSX
- Python
- HTML / CSS / SCSS / Sass
- JSON / YAML
- Markdown
- Go / Rust / C / C++
- Java / Kotlin
- PHP / Ruby
- Shell / Bash
- SQL
- And many more...
🛸 Terminal Colors
The integrated terminal features a matching neon palette:
| Color |
Normal |
Bright |
| Black |
#000000 |
#5D8A8F |
| Red |
#FF3366 |
#FF6B8A |
| Green |
#00FFAA |
#39FF9F |
| Yellow |
#FFD700 |
#FFEB3B |
| Blue |
#00D4FF |
#40E0FF |
| Magenta |
#BD00FF |
#DA70FF |
| Cyan |
#00FFFF |
#70FFFF |
| White |
#E0F7FA |
#FFFFFF |
💫 Pro Tips
- Enable bracket pair colorization for rainbow nebula brackets
- Use a smooth cursor animation — the theme enables
cursorSmoothCaretAnimation
- Pair with a neon file icon theme for the complete galactic experience
📝 Feedback & Contributions
Found a bug? Have a suggestion? Feel free to:
- Open an issue on GitHub
- Submit a pull request
📜 License
MIT License — See LICENSE for details.
🌠 Code among the stars 🌠
Made with 💚 by Caterbyte