Zed 愛用してます。
Rust製・GPU加速・120fps という"速さ"ばかりが話題になりがちですが、毎日長時間向き合うエディタなら見た目も大事です。
今回は catppuccin/zed を使って、Zed に Catppuccin テーマを導入する手順をまとめます。インストールだけなら3分です。
Catppuccin とは？
Catppuccin は「心地よいパステル」をコンセプトにしたカラーテーマファミリー。ターミナル、エディタ、ブラウザなど幅広いツールに対応しており、目への負担が少ない絶妙な彩度が特徴です。
フレーバーは4種類あります。
https://github.com/catppuccin/zed
| フレーバー | 明暗 | 雰囲気 |
|---|---|---|
| 🌻 Latte | ライト | 明るく爽やか |
| 🪴 Frappé | ダーク | ほんのり暗め |
| 🌺 Macchiato | ダーク | 深みのある紫系 |
| 🌿 Mocha | ダーク | 最も濃いダーク |
個人的には Mocha が好きです。
0. 事前準備
- Zed がインストール済みであること（zed.dev からダウンロード）
費用: 無料（Catppuccin は OSS）
1. Extension からインストール（一番かんたん）
Zed の Extension システムから直接インストールできます。
- コマンドパレットを開く（
Cmd+Shift+P/Ctrl+Shift+P） -
zed: extensionsと入力して実行 - 検索欄に
catppuccinと入力 - Catppuccin を見つけて「Install」
Catppuccin Icons もあります。テーマと合わせて入れるとファイルアイコンも統一されます。
インストール後、テーマを適用します。
- コマンドパレットで
theme selector: toggleを実行 - ドロップダウンから
Catppuccin Latte/Frappé/Macchiato/Mochaを選択
これだけです💪
2. アクセントカラーをカスタマイズしたい場合
デフォルトのアクセントカラーは mauve（紫） ですが、GitHub Releases から別の JSON ファイルをダウンロードすることで変更できます。
対応アクセントカラー（2026年時点）: blue / flamingo / green / lavender / maroon / peach / pink / red / rosewater / sapphire / sky / teal / yellow
手順
-
最新リリース からお好みのフレーバー×アクセントの JSON ファイルをダウンロード
- ファイル名例:
catppuccin-mocha-blue.json
- ファイル名例:
- Zed の設定フォルダに
themes/サブフォルダを作成する
mkdir -p ~/.config/zed/themes/
- ダウンロードした JSON ファイルを
themes/に移動
mv ~/Downloads/catppuccin-mocha-blue.json ~/.config/zed/themes/
- Zed を再起動
- コマンドパレットで
theme selector: toggle→ 新しいテーマを選択
~/.config/zed/ のパスは macOS / Linux 共通です。Windows は %APPDATA%\Zed\ になります。
3. アイコンテーマも統一する（おまけ）
Extension から Catppuccin Icons もインストールしておくと、サイドバーのファイルアイコンがテーマと統一されて見た目が整います。
-
zed: extensions→catppuccin iconsで検索してインストール - コマンドパレットで
icon theme selector: toggle→ フレーバーを選択
まとめ
- Zed の Extension システムから Catppuccin を3ステップで導入できる
- フレーバーは Latte / Frappé / Macchiato / Mocha の4種類
- アクセントカラーは JSON ファイルを置くだけで変更可能（13色対応）
- Icons 拡張も合わせて入れるとより統一感が出る
Zed 自体が非常に速いエディタなので、見た目も整えて気持ちよく使いましょう🚀
https://github.com/catppuccin/zed
https://zed.dev/extensions/catppuccin