Herdr App · tokyo-night · light · MIT

Tokyo Night Day for Herdr App

Tokyo Night Day 的 Herdr App 版本:背景 #e1e2e7,正文对比度 4.5:1,包含完整 16 色 ANSI。下载 JSON 文件。 放到 ~/.config/herdr-app/themes/<name>.json。 同一份调色板也可导出到其他终端。

下载主题所有终端在编辑器中打开

预览

调色板

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 #e1e2e7
ColorHexRatioLevel
前景#3760bf4.52:1AA
光标#3760bf4.52:1AA
选区#a1a6c51.85:1—
black#b4b5b91.58:1—
red#f52a653.01:1AA large
green#5875394.04:1AA large
yellow#8c6c3e3.75:1AA large
blue#2e7de93.11:1AA large
magenta#9854f13.33:1AA large
cyan#0071974.26:1AA large
white#6172b03.57:1AA large
brightBlack#a1a6c51.85:1—
brightRed#f52a653.01:1AA large
brightGreen#5875394.04:1AA large
brightYellow#8c6c3e3.75:1AA large
brightBlue#2e7de93.11:1AA large
brightMagenta#9854f13.33:1AA large
brightCyan#0071974.26:1AA large
brightWhite#3760bf4.52:1AA

安装到 Herdr App

官方文档
  1. 下载 JSON 文件。
  2. 放到 ~/.config/herdr-app/themes/<name>.json。
  3. 打开 Herdr,进入设置 → 主题,选择文件名。
  4. 可选:在 ~/.config/herdr-app/settings.json 里把它设为浅色或深色默认主题。
一行安装tokyo-night-day.json
mkdir -p "$HOME/.config/herdr-app/themes" && curl -fsSL "https://terminalthemes.iwwi.app/ports/herdr-app/tokyo-night-day.json" -o "$HOME/.config/herdr-app/themes/tokyo-night-day.json" && { command -v herdr-app >/dev/null && herdr-app do app.theme --name 'tokyo-night-day' || true; }
# If activation did not run, choose tokyo-night-day in Herdr -> Settings -> Theme.
下载官方文档
完整配置文件
{
  "background": "#e1e2e7",
  "foreground": "#3760bf",
  "selection": "#a1a6c5",
  "cursor": "#3760bf",
  "ansi": [
    "#b4b5b9",
    "#f52a65",
    "#587539",
    "#8c6c3e",
    "#2e7de9",
    "#9854f1",
    "#007197",
    "#6172b0",
    "#a1a6c5",
    "#f52a65",
    "#587539",
    "#8c6c3e",
    "#2e7de9",
    "#9854f1",
    "#007197",
    "#3760bf"
  ],
  "colors": {
    "canvas": "#eeeff4",
    "chrome": "#dcdee6",
    "surface": "#d7dae5",
    "popover": "#d3d6e4",
    "raised": "#cfd3e4",
    "hover": "#cacfe3",
    "selected": "#c4cae2",
    "border": "#c7cce2",
    "input": "#c1c7e1",
    "foreground": "#3760bf",
    "muted": "#5b7ac9",
    "dim": "#758dd0",
    "accent": "#9854f1",
    "accent_foreground": "#000000",
    "solid": "#8138d5",
    "solid_foreground": "#ffffff",
    "selection": "#a1a6c5",
    "working": "#8c6c3e",
    "blocked": "#f52a65",
    "done": "#587539",
    "idle": "#5b7ac9",
    "unknown": "#758dd0"
  }
}
下载tokyo-night-day.json

让 Agent 帮我安装

把这段提示词交给编码 Agent。它会读取 Herdr App 的安装页面、备份配置并只修改这个主题需要的文件。

帮我在这台机器上安装 Tokyo Night Day 的 Herdr App 主题。

先阅读安装页面:https://terminalthemes.iwwi.app/zh/herdr-app/themes/tokyo-night/day/
原生配置文件:https://terminalthemes.iwwi.app/ports/herdr-app/tokyo-night-day.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/tokyo-night-day.json" -o "$HOME/.config/herdr-app/themes/tokyo-night-day.json" && { command -v herdr-app >/dev/null && herdr-app do app.theme --name 'tokyo-night-day' || true; }
# If activation did not run, choose tokyo-night-day in Herdr -> Settings -> Theme.

请先检查并备份现有配置,只修改这个主题需要的设置,不要覆盖无关配置;如果要修改默认主题,先询问我。安装后验证文件存在并告诉我改了哪些文件。

FAQ

常见问题

Tokyo Night Day 的 Herdr App 主题文件放在哪里?

下载 JSON 文件。 放到 ~/.config/herdr-app/themes/<name>.json。

如何在 Herdr App 中安装 Tokyo Night Day?

下载本站生成的 Tokyo Night Day JSON,按页面中的一行安装命令放入 Herdr App 的配置位置;完成后可选:在 ~/.config/herdr-app/settings.json 里把它设为浅色或深色默认主题。

Tokyo Night Day 在 Herdr App 中会改变颜色吗?

不会。它使用背景 #e1e2e7、前景 #3760bf 和完整的 16 色 ANSI 调色板,正文对比度为 4.5:1;只改变 Herdr App 需要的文件格式。

Tokyo Night Day 还能用于其他终端吗?

可以。同一份调色板可以导出到 Herdr App、Ghostty、Alacritty、Kitty、iTerm2 和 Windows Terminal;每个版本只改变安装路径和文件格式。