Hyper · nightfox · dark · MIT

Nightfox Duskfox for Hyper

Nightfox Duskfox 的 Hyper 版本:背景 #232136,正文对比度 11.9:1,包含完整 16 色 ANSI。下载 Hyper 插件。 保存到 ~/.hyper_plugins/local/<name>/index.js。 同一份调色板也可导出到其他终端。

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

预览

调色板

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 #232136
ColorHexRatioLevel
前景#e0def411.86:1AAA
光标#e0def411.86:1AAA
选区#47407d1.71:1—
black#3935521.34:1—
red#eb6f925.38:1AA
green#a3be8c7.67:1AAA
yellow#f6c1779.55:1AAA
blue#569fba5.26:1AA
magenta#c4a7e77.47:1AAA
cyan#9ccfd89.19:1AAA
white#e0def411.86:1AAA
brightBlack#47407d1.71:1—
brightRed#f083a26.31:1AA
brightGreen#b1d1969.26:1AAA
brightYellow#f9cb8c10.39:1AAA
brightBlue#65b1cd6.50:1AA
brightMagenta#ccb1ed8.25:1AAA
brightCyan#a6dae310.25:1AAA
brightWhite#e2e0f712.10:1AAA

安装到 Hyper

官方文档
  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 或打开新窗口。
一行安装nightfox-duskfox.js
mkdir -p "$HOME/.hyper_plugins/local/nightfox-duskfox" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/nightfox-duskfox.js" -o "$HOME/.hyper_plugins/local/nightfox-duskfox/index.js"
# Add "nightfox-duskfox" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.
下载官方文档
完整配置文件
exports.decorateConfig = (config) => ({
  ...config,
  foregroundColor: "#e0def4",
  backgroundColor: "#232136",
  borderColor: "#47407d",
  cursorColor: "#e0def4",
  cursorAccentColor: "#232136",
  selectionColor: "#47407d",
  colors: {
    ...config.colors,
    black: "#393552",
    red: "#eb6f92",
    green: "#a3be8c",
    yellow: "#f6c177",
    blue: "#569fba",
    magenta: "#c4a7e7",
    cyan: "#9ccfd8",
    white: "#e0def4",
    lightBlack: "#47407d",
    lightRed: "#f083a2",
    lightGreen: "#b1d196",
    lightYellow: "#f9cb8c",
    lightBlue: "#65b1cd",
    lightMagenta: "#ccb1ed",
    lightCyan: "#a6dae3",
    lightWhite: "#e2e0f7"
  }
});
下载nightfox-duskfox.js

让 Agent 帮我安装

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

帮我在这台机器上安装 Nightfox Duskfox 的 Hyper 主题。

先阅读安装页面:https://terminalthemes.iwwi.app/zh/hyper/themes/nightfox/duskfox/
原生配置文件:https://terminalthemes.iwwi.app/ports/hyper/nightfox-duskfox.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-duskfox" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/nightfox-duskfox.js" -o "$HOME/.hyper_plugins/local/nightfox-duskfox/index.js"
# Add "nightfox-duskfox" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.

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

FAQ

常见问题

Nightfox Duskfox 的 Hyper 主题文件放在哪里?

下载 Hyper 插件。 保存到 ~/.hyper_plugins/local/<name>/index.js。

如何在 Hyper 中安装 Nightfox Duskfox?

下载本站生成的 Nightfox Duskfox Hyper plugin,按页面中的一行安装命令放入 Hyper 的配置位置;完成后重新加载 Hyper 或打开新窗口。

Nightfox Duskfox 在 Hyper 中会改变颜色吗?

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

Nightfox Duskfox 还能用于其他终端吗?

可以。同一份调色板可以导出到本站支持的每个终端;每个版本只改变安装路径和文件格式。