Catppuccin Macchiato for Hyper

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

来源: Catppuccin · 更新于 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 #24273a

Color	Hex	Ratio	Level
前景	#cad3f5	9.92:1	AAA
光标	#cad3f5	9.92:1	AAA
选区	#5b6078	2.38:1	—
black	#494d64	1.77:1	—
red	#ed8796	5.96:1	AA
green	#a6da95	9.17:1	AAA
yellow	#eed49f	10.20:1	AAA
blue	#8aadf4	6.57:1	AA
magenta	#f5bde6	9.33:1	AAA
cyan	#8bd5ca	8.74:1	AAA
white	#a5adcb	6.62:1	AA
brightBlack	#5b6078	2.38:1	—
brightRed	#ec7486	5.19:1	AA
brightGreen	#8ccf7f	7.96:1	AAA
brightYellow	#e1c682	8.83:1	AAA
brightBlue	#78a1f6	5.77:1	AA
brightMagenta	#f2a9dd	8.06:1	AAA
brightCyan	#63cbc0	7.60:1	AAA
brightWhite	#b8c0e0	8.17:1	AAA

安装到 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 或打开新窗口。

一行安装catppuccin-macchiato.js

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

下载官方文档

完整配置文件

exports.decorateConfig = (config) => ({
  ...config,
  foregroundColor: "#cad3f5",
  backgroundColor: "#24273a",
  borderColor: "#5b6078",
  cursorColor: "#cad3f5",
  cursorAccentColor: "#24273a",
  selectionColor: "#5b6078",
  colors: {
    ...config.colors,
    black: "#494d64",
    red: "#ed8796",
    green: "#a6da95",
    yellow: "#eed49f",
    blue: "#8aadf4",
    magenta: "#f5bde6",
    cyan: "#8bd5ca",
    white: "#a5adcb",
    lightBlack: "#5b6078",
    lightRed: "#ec7486",
    lightGreen: "#8ccf7f",
    lightYellow: "#e1c682",
    lightBlue: "#78a1f6",
    lightMagenta: "#f2a9dd",
    lightCyan: "#63cbc0",
    lightWhite: "#b8c0e0"
  }
});

下载catppuccin-macchiato.js

让 Agent 帮我安装

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

帮我在这台机器上安装 Catppuccin Macchiato 的 Hyper 主题。

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

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