编辑器

终端主题编辑器

编辑调色板、在 Herdr App 中预览、检查对比度,并导出六种终端配置。支持深链分享,完全在浏览器本地运行。

调色板工作区

从任意主题开始,调整颜色,然后导出或提交。

Theme metadata

Base colors

Background
Foreground
Cursor
Selection

ANSI palette

black
red
green
yellow
blue
magenta
cyan
white
bright black
bright red
bright green
bright yellow
bright blue
bright magenta
bright cyan
bright white

Checks

Body contrast: 11.34:1

2 ANSI colors are below 3:1 against the background: black, brightBlack

Preview

Herdr main × tokens preview Files Changes + Visual Spaces terminal-themes Agents claude codeworking codexdone testsidle api codexblocked reviewerworking Machines local 2 vps 1 + Add machine Settings claude code ~ /dev/terminal-themes❯git status On branch main Changes not staged for commit: modified: themes/mocha.json new file: previews/herdr-app.svg no changes added to commit ❯ pnpm build ✓ built 340 pages in 4.2s ✓ 112 previews ✓ 224 OG images codex theme.json + "background": "#1e1e2e", + "foreground": "#cdd6f4", - "surface": "#272738", + "accent": "#89b4fa" contrast 11.34:1 herdr-app 22 ui colors This computer main 5 agents MCP connected

Export

Using the global Terminal bar above: Herdr App

{
  "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"
  }
}
Herdr App

编辑器能做什么

编辑器把一份 20 色调色板转换成六种终端原生配置。调整 16 个 ANSI 颜色位,以及背景、前景、光标和选区;预览和对比度检查会立即更新。

导出格式与安装位置

每个导出都使用同一份调色板,因此切换终端时颜色保持一致。下面是各目标的典型安装位置;完整步骤在对应的应用页面。

家族安装位置
Herdr App~/.config/herdr-app/themes/<name>.json
Ghostty~/.config/ghostty/themes/<name>
Alacritty~/.config/alacritty/alacritty.toml
Kitty~/.config/kitty/<name>.conf
iTerm2*.itermcolors → Profiles → Colors
Windows Terminalsettings.json → schemes[]

隐私与分享

编辑器不需要账号,也不会上传调色板。颜色计算、预览和导出都在浏览器里完成;分享链接只把调色板状态放在 URL hash 中。

提交到目录

填好 family、slug 和名称后点击 Submit。GitHub 新建文件页会预填完整 JSON;检查后提交 PR,CI 会校验 schema、重复颜色、对比度和完整构建。流程细节见贡献指南。

贡献主题 · 阅读教程

常见问题

终端主题编辑器是免费的吗?

是。编辑器在浏览器本地运行,不需要账号,也不会把调色板上传到服务器。

可以导出哪些格式?

Herdr App JSON、Ghostty、Alacritty、Kitty、iTerm2 和 Windows Terminal 六种格式。每种格式都使用同一份 16 色 ANSI 调色板。

我的调色板会被上传吗?

不会。颜色计算、预览和导出都在浏览器里完成;分享链接只把调色板状态放在 URL hash 中。

如何把作品提交到目录?

填好 family、slug 和名称后点击 Submit。编辑器会把完整的主题 JSON 放进 GitHub 新建文件页的 value 参数;检查后提交 PR,CI 会校验 schema、重复颜色和构建。