预览
调色板
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 #f6f2ee| Color | Hex | Ratio | Level |
|---|---|---|---|
| 前景 | #3d2b5a | 11.15:1 | AAA |
| 光标 | #3d2b5a | 11.15:1 | AAA |
| 选区 | #534c45 | 7.58:1 | AAA |
| black | #352c24 | 12.27:1 | AAA |
| red | #a5222f | 6.57:1 | AA |
| green | #396847 | 5.81:1 | AA |
| yellow | #ac5402 | 4.69:1 | AA |
| blue | #2848a9 | 7.28:1 | AAA |
| magenta | #6e33ce | 6.23:1 | AA |
| cyan | #287980 | 4.56:1 | AA |
| white | #f2e9e1 | 1.08:1 | — |
| brightBlack | #534c45 | 7.58:1 | AAA |
| brightRed | #b3434e | 4.92:1 | AA |
| brightGreen | #577f63 | 4.08:1 | AA large |
| brightYellow | #b86e28 | 3.56:1 | AA large |
| brightBlue | #4863b6 | 5.05:1 | AA |
| brightMagenta | #8452d5 | 4.54:1 | AA |
| brightCyan | #488d93 | 3.42:1 | AA large |
| brightWhite | #f4ece6 | 1.05:1 | — |
安装到 Hyper
官方文档- 下载 Hyper 插件。
- 保存到 ~/.hyper_plugins/local/<name>/index.js。
- 在 Hyper 配置的 localPlugins 中加入 "<name>":macOS 为 ~/Library/Application Support/Hyper/.hyper.js,Linux 为 ~/.config/Hyper/.hyper.js,Windows 为 %APPDATA%\Hyper\.hyper.js。
- 重新加载 Hyper 或打开新窗口。
一行安装nightfox-dayfox.js
mkdir -p "$HOME/.hyper_plugins/local/nightfox-dayfox" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/nightfox-dayfox.js" -o "$HOME/.hyper_plugins/local/nightfox-dayfox/index.js"
# Add "nightfox-dayfox" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.完整配置文件
exports.decorateConfig = (config) => ({
...config,
foregroundColor: "#3d2b5a",
backgroundColor: "#f6f2ee",
borderColor: "#534c45",
cursorColor: "#3d2b5a",
cursorAccentColor: "#f6f2ee",
selectionColor: "#534c45",
colors: {
...config.colors,
black: "#352c24",
red: "#a5222f",
green: "#396847",
yellow: "#ac5402",
blue: "#2848a9",
magenta: "#6e33ce",
cyan: "#287980",
white: "#f2e9e1",
lightBlack: "#534c45",
lightRed: "#b3434e",
lightGreen: "#577f63",
lightYellow: "#b86e28",
lightBlue: "#4863b6",
lightMagenta: "#8452d5",
lightCyan: "#488d93",
lightWhite: "#f4ece6"
}
});
下载nightfox-dayfox.js
让 Agent 帮我安装
把这段提示词交给编码 Agent。它会读取 Hyper 的安装页面、备份配置并只修改这个主题需要的文件。
帮我在这台机器上安装 Nightfox Dayfox 的 Hyper 主题。
先阅读安装页面:https://terminalthemes.iwwi.app/zh/hyper/themes/nightfox/dayfox/
原生配置文件:https://terminalthemes.iwwi.app/ports/hyper/nightfox-dayfox.js
请按以下步骤操作:
1. 下载 Hyper 插件。
2. 保存到 ~/.hyper_plugins/local/<name>/index.js。
3. 在 Hyper 配置的 localPlugins 中加入 "<name>":macOS 为 ~/Library/Application Support/Hyper/.hyper.js,Linux 为 ~/.config/Hyper/.hyper.js,Windows 为 %APPDATA%\Hyper\.hyper.js。
4. 重新加载 Hyper 或打开新窗口。
一行安装命令:
mkdir -p "$HOME/.hyper_plugins/local/nightfox-dayfox" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/nightfox-dayfox.js" -o "$HOME/.hyper_plugins/local/nightfox-dayfox/index.js"
# Add "nightfox-dayfox" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.
请先检查并备份现有配置,只修改这个主题需要的设置,不要覆盖无关配置;如果要修改默认主题,先询问我。安装后验证文件存在并告诉我改了哪些文件。FAQ
常见问题
Nightfox Dayfox 的 Hyper 主题文件放在哪里?
下载 Hyper 插件。 保存到 ~/.hyper_plugins/local/<name>/index.js。
如何在 Hyper 中安装 Nightfox Dayfox?
下载本站生成的 Nightfox Dayfox Hyper plugin,按页面中的一行安装命令放入 Hyper 的配置位置;完成后重新加载 Hyper 或打开新窗口。
Nightfox Dayfox 在 Hyper 中会改变颜色吗?
不会。它使用背景 #f6f2ee、前景 #3d2b5a 和完整的 16 色 ANSI 调色板,正文对比度为 11.1:1;只改变 Hyper 需要的文件格式。
Nightfox Dayfox 还能用于其他终端吗?
可以。同一份调色板可以导出到本站支持的每个终端;每个版本只改变安装路径和文件格式。
相似主题
相似主题
ΔE00 13.1
ΔE00 13.8
ΔE00 14.0
ΔE00 14.1