Tokyo Night Storm for Herdr App

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

来源: Folke Lemaitre · 更新于 2026-11-03 · MIT · 上游项目

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

预览

调色板

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 #24283b

Color	Hex	Ratio	Level
前景	#c0caf5	9.02:1	AAA
光标	#c0caf5	9.02:1	AAA
选区	#414868	1.63:1	—
black	#1d202f	1.11:1	—
red	#f7768e	5.51:1	AA
green	#9ece6a	7.97:1	AAA
yellow	#e0af68	7.28:1	AAA
blue	#7aa2f7	5.78:1	AA
magenta	#bb9af7	6.30:1	AA
cyan	#7dcfff	8.49:1	AAA
white	#a9b1d6	6.90:1	AA
brightBlack	#414868	1.63:1	—
brightRed	#f7768e	5.51:1	AA
brightGreen	#9ece6a	7.97:1	AAA
brightYellow	#e0af68	7.28:1	AAA
brightBlue	#7aa2f7	5.78:1	AA
brightMagenta	#bb9af7	6.30:1	AA
brightCyan	#7dcfff	8.49:1	AAA
brightWhite	#c0caf5	9.02:1	AAA

安装到 Herdr App

官方文档

下载 JSON 文件。
放到 ~/.config/herdr-app/themes/<name>.json。
打开 Herdr，进入设置 → 主题，选择文件名。
可选：在 ~/.config/herdr-app/settings.json 里把它设为浅色或深色默认主题。

一行安装tokyo-night-storm.json

mkdir -p "$HOME/.config/herdr-app/themes" && curl -fsSL "https://terminalthemes.iwwi.app/ports/herdr-app/tokyo-night-storm.json" -o "$HOME/.config/herdr-app/themes/tokyo-night-storm.json" && { command -v herdr-app >/dev/null && herdr-app do app.theme --name 'tokyo-night-storm' || true; }
# If activation did not run, choose tokyo-night-storm in Herdr -> Settings -> Theme.

下载官方文档

完整配置文件

{
  "background": "#24283b",
  "foreground": "#c0caf5",
  "selection": "#414868",
  "cursor": "#c0caf5",
  "ansi": [
    "#1d202f",
    "#f7768e",
    "#9ece6a",
    "#e0af68",
    "#7aa2f7",
    "#bb9af7",
    "#7dcfff",
    "#a9b1d6",
    "#414868",
    "#f7768e",
    "#9ece6a",
    "#e0af68",
    "#7aa2f7",
    "#bb9af7",
    "#7dcfff",
    "#c0caf5"
  ],
  "colors": {
    "canvas": "#1b1e31",
    "chrome": "#282c40",
    "surface": "#2c3045",
    "popover": "#30354a",
    "raised": "#33384d",
    "hover": "#373c52",
    "selected": "#3d4259",
    "border": "#3a3f56",
    "input": "#40455c",
    "foreground": "#c0caf5",
    "muted": "#8d95b9",
    "dim": "#757c9c",
    "accent": "#7aa2f7",
    "accent_foreground": "#000000",
    "solid": "#6389dc",
    "solid_foreground": "#000000",
    "selection": "#414868",
    "working": "#e0af68",
    "blocked": "#f7768e",
    "done": "#9ece6a",
    "idle": "#8d95b9",
    "unknown": "#757c9c"
  }
}

下载tokyo-night-storm.json

让 Agent 帮我安装

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

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

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

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