Ayu Light for Hyper

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

来源: Ayu Theme · 更新于 2026-11-03 · MIT · 上游项目

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

预览

调色板

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 #f8f9fa

Color	Hex	Ratio	Level
前景	#5c6166	5.93:1	AA
光标	#5c6166	5.93:1	AA
选区	#686868	5.29:1	AA
black	#000000	19.92:1	AAA
red	#ea6c6d	2.90:1	—
green	#6cbf43	2.17:1	—
yellow	#eca944	1.93:1	—
blue	#3199e1	2.94:1	—
magenta	#9e75c7	3.42:1	AA large
cyan	#46ba94	2.29:1	—
white	#c7c7c7	1.60:1	—
brightBlack	#686868	5.29:1	AA
brightRed	#f07171	2.73:1	—
brightGreen	#86b300	2.35:1	—
brightYellow	#f2ae49	1.82:1	—
brightBlue	#399ee6	2.76:1	—
brightMagenta	#a37acc	3.21:1	AA large
brightCyan	#4cbf99	2.16:1	—
brightWhite	#d1d1d1	1.45: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 或打开新窗口。

一行安装ayu-light.js

mkdir -p "$HOME/.hyper_plugins/local/ayu-light" && curl -fsSL "https://terminalthemes.iwwi.app/ports/hyper/ayu-light.js" -o "$HOME/.hyper_plugins/local/ayu-light/index.js"
# Add "ayu-light" to localPlugins in ~/Library/Application Support/Hyper/.hyper.js (macOS) or the platform config path.

下载官方文档

完整配置文件

exports.decorateConfig = (config) => ({
  ...config,
  foregroundColor: "#5c6166",
  backgroundColor: "#f8f9fa",
  borderColor: "#686868",
  cursorColor: "#5c6166",
  cursorAccentColor: "#f8f9fa",
  selectionColor: "#686868",
  colors: {
    ...config.colors,
    black: "#000000",
    red: "#ea6c6d",
    green: "#6cbf43",
    yellow: "#eca944",
    blue: "#3199e1",
    magenta: "#9e75c7",
    cyan: "#46ba94",
    white: "#c7c7c7",
    lightBlack: "#686868",
    lightRed: "#f07171",
    lightGreen: "#86b300",
    lightYellow: "#f2ae49",
    lightBlue: "#399ee6",
    lightMagenta: "#a37acc",
    lightCyan: "#4cbf99",
    lightWhite: "#d1d1d1"
  }
});

下载ayu-light.js

让 Agent 帮我安装

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

帮我在这台机器上安装 Ayu Light 的 Hyper 主题。

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

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