Catppuccin

Previews

Usage

[!Note] We also have a Catppuccin Icon Pack!

1. Open Zed.
2. Open the command palette (Cmd+Shift+P) and enter zed: extensions.
3. Search for the Catppuccin extension and install.
4. Enter theme selector: toggle in the command palette and select the Catppuccin theme in your preferred flavor in the dropdown.

Accents

1. Download the JSON file of your preferred accent from the latest GitHub release.
2. Create the themes/ subfolder inside the directory of your Zed configuration file (typically ~/.config/zed/).
3. Move the downloaded file from Step 1 to the themes/ subfolder created in Step 2.
4. Restart Zed.
5. Enter theme selector: toggle in the command palette and select your new flavor and accent combination theme in the dropdown.

Customization

Use Zed's theme overrides to customize colors in your settings.json. For example, to make variables pink in Macchiato:

{
  "theme_overrides": {
    "Catppuccin Macchiato": {
      "syntax": {
        "variable": {
          "color": "#f5bde6"
        }
      }
    }
  }
}

Merge this into your existing settings and use the exact theme name shown in the theme selector, including any accent or - No Italics suffix. If a token does not change, focus its editor and run dev: open highlights tree view to identify the syntax rule it uses.

Development

Install Whiskers, Catppuccin's in-house theme generator, to build and test themes locally.

Once installed, run whiskers zed.tera to generate all themes in the themes/ directory.

You can then test the themes in Zed by opening the command palette and entering zed: install dev extension, selecting this repository, and then refreshing the theme extension using zed: reload extensions. workspace: reload may be needed if changes are not reflected immediately. See the Zed documentation for more information.

Publishing to the Marketplace

See the Zed documentation for more information.

💝 Thanks to

• tecandrew