Catppuccin for VSCode

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

Preferred method of installation

Install the extension from a Marketplace:

• Visual Studio Marketplace
• Open-VSX

Manual method for installation

Download the VSIX from the latest GitHub release. Open the Command Palette, and select "Extensions: Install from VSIX...", then open the file you just downloaded.

Note

From the settings, change window.titleBarStyle to custom for the context menus to be properly rendered according to the theme.

🙋 FAQ

• Q: "How can I disable italics?"
  A: Open your settings, and look for Extensions > Catppuccin. There you can toggle comments for both Keywords & Comments. You'll have to reload your editor once to see changes.

• Q: "How can I override palette colours?"
  A: Open your Command Palette (Cmd+Shift+P or Ctrl+Shift+P), and select "Open User Settings (JSON)". Once there, make your changes like this, and reload:

    // ...your other settings...
    "catppuccin.colorOverrides": {
        // OLEDppuccin
        "mocha": {
            "base": "#000000",
            "mantle": "#000000",
            "crust": "#000000",
        }
    }

Development

1. Clone and open this repository in VSCode.
2. Launch a new instance from "Run and Debug". This will spawn a new instance, which will have the current build of the Theme available.
3. Make modifications to the JSONs in ./themes to see the changes immediatly.
4. To preserve changes, they have to be edited in ./src/theme/*.ts, since the theme builds the JSONs from there.

💝 Thanks to

• VictorTennekes
• Gingeh
• BrunDerSchwarzmagier
• ghostx31
• Ren
• Hamothy  

Copyright © 2021-present Catppuccin Org