预览
调色板
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 |
安装到 Alacritty
官方文档- 打开 ~/.config/alacritty/alacritty.toml。
- 用导出的 [colors] 配置块替换现有配置,或在主配置中 include 该文件。
- 保存后 Alacritty 会自动重新加载配置。
下载tokyo-night-storm.toml
mkdir -p "$HOME/.config/alacritty/themes" && curl -fsSL "https://terminalthemes.iwwi.app/ports/alacritty/tokyo-night-storm.toml" -o "$HOME/.config/alacritty/themes/tokyo-night-storm.toml"
# Then add an import entry to alacritty.toml pointing at ~/.config/alacritty/themes/tokyo-night-storm.toml完整配置文件
[colors.primary]
background = "#24283b"
foreground = "#c0caf5"
[colors.cursor]
text = "#24283b"
cursor = "#c0caf5"
[colors.selection]
text = "#c0caf5"
background = "#414868"
[colors.normal]
black = "#1d202f"
red = "#f7768e"
green = "#9ece6a"
yellow = "#e0af68"
blue = "#7aa2f7"
magenta = "#bb9af7"
cyan = "#7dcfff"
white = "#a9b1d6"
[colors.bright]
black = "#414868"
red = "#f7768e"
green = "#9ece6a"
yellow = "#e0af68"
blue = "#7aa2f7"
magenta = "#bb9af7"
cyan = "#7dcfff"
white = "#c0caf5"
下载tokyo-night-storm.toml
让 Agent 帮我安装
把这段提示词交给编码 Agent。它会读取 Alacritty 的安装页面、备份配置并只修改这个主题需要的文件。
帮我在这台机器上安装 Tokyo Night Storm 的 Alacritty 主题。
先阅读安装页面:https://terminalthemes.iwwi.app/zh/alacritty/themes/tokyo-night/storm/
原生配置文件:https://terminalthemes.iwwi.app/ports/alacritty/tokyo-night-storm.toml
请按以下步骤操作:
1. 打开 ~/.config/alacritty/alacritty.toml。
2. 用导出的 [colors] 配置块替换现有配置,或在主配置中 include 该文件。
3. 保存后 Alacritty 会自动重新加载配置。
一行安装命令:
mkdir -p "$HOME/.config/alacritty/themes" && curl -fsSL "https://terminalthemes.iwwi.app/ports/alacritty/tokyo-night-storm.toml" -o "$HOME/.config/alacritty/themes/tokyo-night-storm.toml"
# Then add an import entry to alacritty.toml pointing at ~/.config/alacritty/themes/tokyo-night-storm.toml
请先检查并备份现有配置,只修改这个主题需要的设置,不要覆盖无关配置;如果要修改默认主题,先询问我。安装后验证文件存在并告诉我改了哪些文件。FAQ
常见问题
Tokyo Night Storm 的 Alacritty 主题文件放在哪里?
打开 ~/.config/alacritty/alacritty.toml。 用导出的 [colors] 配置块替换现有配置,或在主配置中 include 该文件。
如何在 Alacritty 中安装 Tokyo Night Storm?
下载本站生成的 Tokyo Night Storm configuration file,按页面中的一行安装命令放入 Alacritty 的配置位置;完成后保存后 Alacritty 会自动重新加载配置。
Tokyo Night Storm 在 Alacritty 中会改变颜色吗?
不会。它使用背景 #24283b、前景 #c0caf5 和完整的 16 色 ANSI 调色板,正文对比度为 9.0:1;只改变 Alacritty 需要的文件格式。
Tokyo Night Storm 还能用于其他终端吗?
可以。同一份调色板可以导出到 Herdr App、Ghostty、Alacritty、Kitty、iTerm2 和 Windows Terminal;每个版本只改变安装路径和文件格式。
相似主题
相似主题
ΔE00 0.6
ΔE00 4.7
ΔE00 7.6
ΔE00 8.2