Catppuccin 主题
柔和马卡龙配色,开发者圈最火的暖色暗主题
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}获取这套主题
两种方式任选,都本地运行、可一键还原(仅 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 脚本还原。配色方案
这套主题的核心配色如下,所有控件(侧栏、输入框、建议卡、代码块)都会套用这套颜色。
标签
主题简介
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 使用条款的前提下使用。
相似主题
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}德古拉主题
最经典的开发者暗色配色,紫粉冷调永不过时
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Nord 极地主题
北欧极地冷调,护眼克制的北极配色
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Monokai 主题
代码编辑器鼻祖级配色,粉绿撞色经典永流传