CCodexskins.art
经典配色ProCatppuccin Mocha 配色

Catppuccin 主题

柔和马卡龙配色,开发者圈最火的暖色暗主题

Codex — Catppuccin Theme
Add input validation to the login form
Codex · Suggested editdiff
// validate input
function validate(email) {
  return /.+@.+\..+/.test(email)
}
Ask Codex to...

获取这套主题

两种方式任选,都本地运行、可一键还原(仅 macOS;Windows 暂只支持内置固定皮肤,见教程)。

复制下面的提示词,粘进 Codex 或 Claude 的对话框发送即可。AI 会克隆安装 Codex Dream Skin、下载本主题配套背景图、按配色生成并应用。

请用开源项目 Codex Dream Skin 帮我安装 Codex 主题换肤工具,并应用「Catppuccin 主题」主题:

1. 克隆并安装:https://github.com/Fei-Away/Codex-Dream-Skin(macOS 会自动复用 Codex 内置 Node;Windows 需 Node.js 22+)
2. 下载配套背景图:https://codexskins.art/themes/codex-catppuccin-theme.png
3. 用这张图生成主题,配色填:主色 #cba6f7、副色 #f5c2e7、高亮 #cba6f7
4. 应用到 Codex;哪段文字看不清就继续调色

若引擎未安装,先按仓库 README 装好;遇到问题跑 Restore 脚本还原。

配色方案

这套主题的核心配色如下,所有控件(侧栏、输入框、建议卡、代码块)都会套用这套颜色。

主色
#cba6f7
副色
#f5c2e7
背景
#1e1e2e
面板
#181825
正文
#cdd6f4
边框
#313244

标签

经典配色柔和马卡龙

主题简介

Catppuccin 是近两年横扫各大编辑器和终端的现象级配色,以「柔和、温暖、低对比但不糊」著称。它用马卡龙般的淡紫、粉、绿、蓝,铺在暖深底色上,既护眼又有辨识度,看久了不累。适合喜欢温柔色调、想要一个「耐看又时尚」Codex 皮肤的开发者。

配色拆解

背景 #1E1E2E 是 Catppuccin Mocha 的暖深底,面板 #181825、侧栏 #11111B 分层。主色 #CBA6F7 淡紫用在强调,副色 #F5C2E7 粉色点缀,是 Catppuccin 招牌的马卡龙组合。正文 #CDD6F4 近白,次要 #7F849C 灰。语法:字符串 #A6E3A1 薄荷绿、函数 #89B4FA 柔蓝、注释 #6C7086。

如何应用

macOS 上用 Customize 命令选背景图,配色填 Catppuccin 的淡紫粉:customize-theme-macos.sh --image bg.png --name "Catppuccin" --accent "#cba6f7" --secondary "#f5c2e7" --highlight "#89b4fa"。生成后经本机 CDP 自动套用。

关于这套主题的常见问题

Catppuccin 对比够吗?看得清吗?

它刻意做柔和,但 W3C 对比依然达标,正常环境看得清。如果你在强光下,把背景或正文调亮一点即可。

怎么一键还原?

双击 Restore Codex Dream Skin.command 即可回到默认界面。

使用须知

本页展示的主题效果为示意,实际效果以本地应用为准。换肤通过本机 CDP(Chrome DevTools Protocol)注入 CSS/JS 实现,属于非官方方案:它不修改 Codex 官方安装包与代码签名,但 Codex 版本升级后皮肤可能短暂失效。遇到失效时,运行开源项目自带的 Restore 脚本即可恢复默认界面,或等待换肤引擎更新适配。请在遵守 Codex 使用条款的前提下使用。

相似主题