预览
调色板
ANSI
black
red
green
yellow
blue
magenta
cyan
white
b.Black
b.Red
b.Green
b.Yellow
b.Blue
b.Magenta
b.Cyan
b.White
基础颜色
背景
前景
光标
选区
对比度
WCAG · vs #1e1e2e| Color | Hex | Ratio | Level |
|---|---|---|---|
| 前景 | #cdd6f4 | 11.34:1 | AAA |
| 光标 | #cdd6f4 | 11.34:1 | AAA |
| 选区 | #585b70 | 2.46:1 | — |
| black | #45475a | 1.80:1 | — |
| red | #f38ba8 | 7.08:1 | AAA |
| green | #a6e3a1 | 11.03:1 | AAA |
| yellow | #f9e2af | 12.91:1 | AAA |
| blue | #89b4fa | 7.79:1 | AAA |
| magenta | #f5c2e7 | 10.74:1 | AAA |
| cyan | #94e2d5 | 11.01:1 | AAA |
| white | #a6adc8 | 7.37:1 | AAA |
| brightBlack | #585b70 | 2.46:1 | — |
| brightRed | #f37799 | 6.18:1 | AA |
| brightGreen | #89d88b | 9.57:1 | AAA |
| brightYellow | #ebd391 | 11.14:1 | AAA |
| brightBlue | #74a8fc | 6.83:1 | AA |
| brightMagenta | #f2aede | 9.28:1 | AAA |
| brightCyan | #6bd7ca | 9.53:1 | AAA |
| brightWhite | #bac2de | 9.26:1 | AAA |
安装到 Herdr App
官方文档- 下载 JSON 文件。
- 放到 ~/.config/herdr-app/themes/<name>.json。
- 打开 Herdr,进入设置 → 主题,选择文件名。
- 可选:在 ~/.config/herdr-app/settings.json 里把它设为浅色或深色默认主题。
一行安装catppuccin-mocha.json
mkdir -p "$HOME/.config/herdr-app/themes" && curl -fsSL "https://terminalthemes.iwwi.app/ports/herdr-app/catppuccin-mocha.json" -o "$HOME/.config/herdr-app/themes/catppuccin-mocha.json" && { command -v herdr-app >/dev/null && herdr-app do app.theme --name 'catppuccin-mocha' || true; }
# If activation did not run, choose catppuccin-mocha in Herdr -> Settings -> Theme.完整配置文件
{
"background": "#1e1e2e",
"foreground": "#cdd6f4",
"selection": "#585b70",
"cursor": "#cdd6f4",
"ansi": [
"#45475a",
"#f38ba8",
"#a6e3a1",
"#f9e2af",
"#89b4fa",
"#f5c2e7",
"#94e2d5",
"#a6adc8",
"#585b70",
"#f37799",
"#89d88b",
"#ebd391",
"#74a8fc",
"#f2aede",
"#6bd7ca",
"#bac2de"
],
"colors": {
"canvas": "#151524",
"chrome": "#222333",
"surface": "#272738",
"popover": "#2b2c3d",
"raised": "#2e2f41",
"hover": "#333446",
"selected": "#393b4d",
"border": "#36374a",
"input": "#3d3e51",
"foreground": "#cdd6f4",
"muted": "#9499b3",
"dim": "#787c94",
"accent": "#89b4fa",
"accent_foreground": "#000000",
"solid": "#719bdf",
"solid_foreground": "#000000",
"selection": "#585b70",
"working": "#f9e2af",
"blocked": "#f38ba8",
"done": "#a6e3a1",
"idle": "#9499b3",
"unknown": "#787c94"
}
}
下载catppuccin-mocha.json
让 Agent 帮我安装
把这段提示词交给编码 Agent。它会读取 Herdr App 的安装页面、备份配置并只修改这个主题需要的文件。
帮我在这台机器上安装 Catppuccin Mocha 的 Herdr App 主题。
先阅读安装页面:https://terminalthemes.iwwi.app/zh/herdr-app/themes/catppuccin/mocha/
原生配置文件:https://terminalthemes.iwwi.app/ports/herdr-app/catppuccin-mocha.json
请按以下步骤操作:
1. 下载 JSON 文件。
2. 放到 ~/.config/herdr-app/themes/<name>.json。
3. 打开 Herdr,进入设置 → 主题,选择文件名。
4. 可选:在 ~/.config/herdr-app/settings.json 里把它设为浅色或深色默认主题。
一行安装命令:
mkdir -p "$HOME/.config/herdr-app/themes" && curl -fsSL "https://terminalthemes.iwwi.app/ports/herdr-app/catppuccin-mocha.json" -o "$HOME/.config/herdr-app/themes/catppuccin-mocha.json" && { command -v herdr-app >/dev/null && herdr-app do app.theme --name 'catppuccin-mocha' || true; }
# If activation did not run, choose catppuccin-mocha in Herdr -> Settings -> Theme.
请先检查并备份现有配置,只修改这个主题需要的设置,不要覆盖无关配置;如果要修改默认主题,先询问我。安装后验证文件存在并告诉我改了哪些文件。FAQ
常见问题
Catppuccin Mocha 的 Herdr App 主题文件放在哪里?
下载 JSON 文件。 放到 ~/.config/herdr-app/themes/<name>.json。
如何在 Herdr App 中安装 Catppuccin Mocha?
下载本站生成的 Catppuccin Mocha JSON,按页面中的一行安装命令放入 Herdr App 的配置位置;完成后可选:在 ~/.config/herdr-app/settings.json 里把它设为浅色或深色默认主题。
Catppuccin Mocha 在 Herdr App 中会改变颜色吗?
不会。它使用背景 #1e1e2e、前景 #cdd6f4 和完整的 16 色 ANSI 调色板,正文对比度为 11.3:1;只改变 Herdr App 需要的文件格式。
Catppuccin Mocha 还能用于其他终端吗?
可以。同一份调色板可以导出到 Herdr App、Ghostty、Alacritty、Kitty、iTerm2 和 Windows Terminal;每个版本只改变安装路径和文件格式。
相似主题
相似主题
ΔE00 2.6
ΔE00 5.1
ΔE00 9.3
ΔE00 9.5