预览
调色板
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 #fbf1c7| Color | Hex | Ratio | Level |
|---|---|---|---|
| 前景 | #3c3836 | 10.22:1 | AAA |
| 光标 | #3c3836 | 10.22:1 | AAA |
| 选区 | #928374 | 3.24:1 | AA large |
| black | #fbf1c7 | 1.00:1 | — |
| red | #cc241d | 4.82:1 | AA |
| green | #98971a | 2.73:1 | — |
| yellow | #d79921 | 2.19:1 | — |
| blue | #458588 | 3.73:1 | AA large |
| magenta | #b16286 | 3.73:1 | AA large |
| cyan | #689d6a | 2.80:1 | — |
| white | #7c6f64 | 4.29:1 | AA large |
| brightBlack | #928374 | 3.24:1 | AA large |
| brightRed | #9d0006 | 7.60:1 | AAA |
| brightGreen | #79740e | 4.29:1 | AA large |
| brightYellow | #b57614 | 3.33:1 | AA large |
| brightBlue | #076678 | 5.82:1 | AA |
| brightMagenta | #8f3f71 | 5.94:1 | AA |
| brightCyan | #427b58 | 4.40:1 | AA large |
| brightWhite | #3c3836 | 10.22:1 | AAA |
安装到 Herdr App
官方文档- 下载 JSON 文件。
- 放到 ~/.config/herdr-app/themes/<name>.json。
- 打开 Herdr,进入设置 → 主题,选择文件名。
- 可选:在 ~/.config/herdr-app/settings.json 里把它设为浅色或深色默认主题。
一行安装gruvbox-light.json
mkdir -p "$HOME/.config/herdr-app/themes" && curl -fsSL "https://terminalthemes.iwwi.app/ports/herdr-app/gruvbox-light.json" -o "$HOME/.config/herdr-app/themes/gruvbox-light.json" && { command -v herdr-app >/dev/null && herdr-app do app.theme --name 'gruvbox-light' || true; }
# If activation did not run, choose gruvbox-light in Herdr -> Settings -> Theme.完整配置文件
{
"background": "#fbf1c7",
"foreground": "#3c3836",
"selection": "#928374",
"cursor": "#3c3836",
"ansi": [
"#fbf1c7",
"#cc241d",
"#98971a",
"#d79921",
"#458588",
"#b16286",
"#689d6a",
"#7c6f64",
"#928374",
"#9d0006",
"#79740e",
"#b57614",
"#076678",
"#8f3f71",
"#427b58",
"#3c3836"
],
"colors": {
"canvas": "#fffef8",
"chrome": "#f5ebc2",
"surface": "#f0e4bd",
"popover": "#eadeb8",
"raised": "#e6dab5",
"hover": "#e1d3b0",
"selected": "#d9cbaa",
"border": "#ddcfad",
"input": "#d5c7a7",
"foreground": "#3c3836",
"muted": "#74695f",
"dim": "#918374",
"accent": "#458588",
"accent_foreground": "#000000",
"solid": "#2c6d70",
"solid_foreground": "#ffffff",
"selection": "#928374",
"working": "#b57614",
"blocked": "#cc241d",
"done": "#79740e",
"idle": "#74695f",
"unknown": "#918374"
}
}
下载gruvbox-light.json
让 Agent 帮我安装
把这段提示词交给编码 Agent。它会读取 Herdr App 的安装页面、备份配置并只修改这个主题需要的文件。
帮我在这台机器上安装 Gruvbox Light 的 Herdr App 主题。
先阅读安装页面:https://terminalthemes.iwwi.app/zh/herdr-app/themes/gruvbox/light/
原生配置文件:https://terminalthemes.iwwi.app/ports/herdr-app/gruvbox-light.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/gruvbox-light.json" -o "$HOME/.config/herdr-app/themes/gruvbox-light.json" && { command -v herdr-app >/dev/null && herdr-app do app.theme --name 'gruvbox-light' || true; }
# If activation did not run, choose gruvbox-light in Herdr -> Settings -> Theme.
请先检查并备份现有配置,只修改这个主题需要的设置,不要覆盖无关配置;如果要修改默认主题,先询问我。安装后验证文件存在并告诉我改了哪些文件。FAQ
常见问题
Gruvbox Light 的 Herdr App 主题文件放在哪里?
下载 JSON 文件。 放到 ~/.config/herdr-app/themes/<name>.json。
如何在 Herdr App 中安装 Gruvbox Light?
下载本站生成的 Gruvbox Light JSON,按页面中的一行安装命令放入 Herdr App 的配置位置;完成后可选:在 ~/.config/herdr-app/settings.json 里把它设为浅色或深色默认主题。
Gruvbox Light 在 Herdr App 中会改变颜色吗?
不会。它使用背景 #fbf1c7、前景 #3c3836 和完整的 16 色 ANSI 调色板,正文对比度为 10.2:1;只改变 Herdr App 需要的文件格式。
Gruvbox Light 还能用于其他终端吗?
可以。同一份调色板可以导出到 Herdr App、Ghostty、Alacritty、Kitty、iTerm2 和 Windows Terminal;每个版本只改变安装路径和文件格式。
相似主题
相似主题
ΔE00 0.3
ΔE00 0.4
ΔE00 12.3
ΔE00 15.5