iTerm2 · tokyo-night · light · MIT

Tokyo Night Day for iTerm2

Tokyo Night Day 的 iTerm2 版本:背景 #e1e2e7,正文对比度 4.5:1,包含完整 16 色 ANSI。下载 .itermcolors 文件。 打开 iTerm2 → 设置 → Profiles → Colors。 同一份调色板也可导出到其他终端。

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

预览

调色板

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

安装到 iTerm2

官方文档
  1. 下载 .itermcolors 文件。
  2. 打开 iTerm2 → 设置 → Profiles → Colors。
  3. 打开 Color Presets → Import,选择文件,然后选中该预设。
下载tokyo-night-day.itermcolors
curl -fsSL "https://terminalthemes.iwwi.app/ports/iterm2/tokyo-night-day.itermcolors" -o "$HOME/Downloads/tokyo-night-day.itermcolors"
# Import it in iTerm2 -> Settings -> Profiles -> Colors -> Presets.
下载官方文档
完整配置文件
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>Ansi 0 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.705882</real>
	  <key>Green Component</key>
	  <real>0.709804</real>
	  <key>Blue Component</key>
	  <real>0.725490</real>
	</dict>
	<key>Ansi 1 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.960784</real>
	  <key>Green Component</key>
	  <real>0.164706</real>
	  <key>Blue Component</key>
	  <real>0.396078</real>
	</dict>
	<key>Ansi 2 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.345098</real>
	  <key>Green Component</key>
	  <real>0.458824</real>
	  <key>Blue Component</key>
	  <real>0.223529</real>
	</dict>
	<key>Ansi 3 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.549020</real>
	  <key>Green Component</key>
	  <real>0.423529</real>
	  <key>Blue Component</key>
	  <real>0.243137</real>
	</dict>
	<key>Ansi 4 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.180392</real>
	  <key>Green Component</key>
	  <real>0.490196</real>
	  <key>Blue Component</key>
	  <real>0.913725</real>
	</dict>
	<key>Ansi 5 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.596078</real>
	  <key>Green Component</key>
	  <real>0.329412</real>
	  <key>Blue Component</key>
	  <real>0.945098</real>
	</dict>
	<key>Ansi 6 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.000000</real>
	  <key>Green Component</key>
	  <real>0.443137</real>
	  <key>Blue Component</key>
	  <real>0.592157</real>
	</dict>
	<key>Ansi 7 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.380392</real>
	  <key>Green Component</key>
	  <real>0.447059</real>
	  <key>Blue Component</key>
	  <real>0.690196</real>
	</dict>
	<key>Ansi 8 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.631373</real>
	  <key>Green Component</key>
	  <real>0.650980</real>
	  <key>Blue Component</key>
	  <real>0.772549</real>
	</dict>
	<key>Ansi 9 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.960784</real>
	  <key>Green Component</key>
	  <real>0.164706</real>
	  <key>Blue Component</key>
	  <real>0.396078</real>
	</dict>
	<key>Ansi 10 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.345098</real>
	  <key>Green Component</key>
	  <real>0.458824</real>
	  <key>Blue Component</key>
	  <real>0.223529</real>
	</dict>
	<key>Ansi 11 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.549020</real>
	  <key>Green Component</key>
	  <real>0.423529</real>
	  <key>Blue Component</key>
	  <real>0.243137</real>
	</dict>
	<key>Ansi 12 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.180392</real>
	  <key>Green Component</key>
	  <real>0.490196</real>
	  <key>Blue Component</key>
	  <real>0.913725</real>
	</dict>
	<key>Ansi 13 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.596078</real>
	  <key>Green Component</key>
	  <real>0.329412</real>
	  <key>Blue Component</key>
	  <real>0.945098</real>
	</dict>
	<key>Ansi 14 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.000000</real>
	  <key>Green Component</key>
	  <real>0.443137</real>
	  <key>Blue Component</key>
	  <real>0.592157</real>
	</dict>
	<key>Ansi 15 Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.215686</real>
	  <key>Green Component</key>
	  <real>0.376471</real>
	  <key>Blue Component</key>
	  <real>0.749020</real>
	</dict>
	<key>Background Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.882353</real>
	  <key>Green Component</key>
	  <real>0.886275</real>
	  <key>Blue Component</key>
	  <real>0.905882</real>
	</dict>
	<key>Foreground Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.215686</real>
	  <key>Green Component</key>
	  <real>0.376471</real>
	  <key>Blue Component</key>
	  <real>0.749020</real>
	</dict>
	<key>Cursor Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.215686</real>
	  <key>Green Component</key>
	  <real>0.376471</real>
	  <key>Blue Component</key>
	  <real>0.749020</real>
	</dict>
	<key>Cursor Text Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.882353</real>
	  <key>Green Component</key>
	  <real>0.886275</real>
	  <key>Blue Component</key>
	  <real>0.905882</real>
	</dict>
	<key>Selection Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.631373</real>
	  <key>Green Component</key>
	  <real>0.650980</real>
	  <key>Blue Component</key>
	  <real>0.772549</real>
	</dict>
	<key>Selected Text Color</key>
	<dict>
	  <key>Color Space String</key>
	  <string>sRGB</string>
	  <key>Red Component</key>
	  <real>0.000000</real>
	  <key>Green Component</key>
	  <real>0.000000</real>
	  <key>Blue Component</key>
	  <real>0.000000</real>
	</dict>
</dict>
</plist>
下载tokyo-night-day.itermcolors

让 Agent 帮我安装

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

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

先阅读安装页面:https://terminalthemes.iwwi.app/zh/iterm2/themes/tokyo-night/day/
原生配置文件:https://terminalthemes.iwwi.app/ports/iterm2/tokyo-night-day.itermcolors

请按以下步骤操作:
1. 下载 .itermcolors 文件。
2. 打开 iTerm2 → 设置 → Profiles → Colors。
3. 打开 Color Presets → Import,选择文件,然后选中该预设。

一行安装命令:
curl -fsSL "https://terminalthemes.iwwi.app/ports/iterm2/tokyo-night-day.itermcolors" -o "$HOME/Downloads/tokyo-night-day.itermcolors"
# Import it in iTerm2 -> Settings -> Profiles -> Colors -> Presets.

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

FAQ

常见问题

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

下载 .itermcolors 文件。 打开 iTerm2 → 设置 → Profiles → Colors。

如何在 iTerm2 中安装 Tokyo Night Day?

下载本站生成的 Tokyo Night Day .itermcolors,按页面中的一行安装命令放入 iTerm2 的配置位置;完成后打开 Color Presets → Import,选择文件,然后选中该预设。

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

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

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

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