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

Catapi

Caterbyte

|
1 install
| (0) | Free
A galactic dark theme with neon green and blue colors. Deep space meets electric dreams.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🐛 Catapi

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

Catapi Theme VSCode


✨ 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 #00FFAA Neon Mint #00FFAA
🔵 Primary Blue #00D4FF Electric Cyan #00D4FF
🟣 Accent Purple #BD00FF Nebula Violet #BD00FF
🔴 Accent Pink #FF00AA Cosmic Magenta #FF00AA
🟡 Accent Gold #FFD700 Star Gold #FFD700
⚫ Background #000000 Void Black #000000

🚀 Installation

From VS Code Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "Catapi"
  4. Click Install
  5. Select the theme: Ctrl+K Ctrl+T → Choose "Catapi"

Manual Installation

  1. Clone or download this repository
  2. Copy the folder to your VS Code extensions directory:
    • Windows: %USERPROFILE%\.vscode\extensions
    • macOS: ~/.vscode/extensions
    • Linux: ~/.vscode/extensions
  3. Restart VS Code
  4. 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

  1. Enable bracket pair colorization for rainbow nebula brackets
  2. Use a smooth cursor animation — the theme enables cursorSmoothCaretAnimation
  3. 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

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