乐于分享
好东西不私藏

闲鱼卖99的Codex 换肤:从生图、安装到一键恢复,完整教程

闲鱼卖99的Codex 换肤:从生图、安装到一键恢复,完整教程
TUTORIAL · CODEX2026.07

工作界面只能灰白?

一张纯背景,换掉

整个工作区的气氛

生图 · 安装 · 验证 · 一键恢复

CODEX DREAM SKIN

TUTORIAL · THEME

3 个核心看点

PART 01

先选路线

官方还是整窗

PART 02

做好背景

左静右动

PART 03

安全安装

验证并恢复

我最近看到很多博主都在给自己 Codex 换主题,看到非常多优秀的主题,今天我也给自己的Codex换一套自己IP的主题。

先看我最后做出来的效果。Codex 原生侧栏、中央空状态、项目栏和输入框都还在,原来的灰白界面换成了薄荷绿与奶油白,右侧空白区则露出“小成”IP主题人物。

— 小成 Codex 换肤后的完整页面

这套效果分成两层:上层还是可以点击和输入的 Codex 原生控件,下层才是主题背景。真正导入的是下面这张没有 UI、文字和卡片的纯背景。

— 导入 Dream Skin 的小成 Codex 纯背景

导入以后,右侧人物和植物只待在背景层;侧栏、项目列表、任务列表和输入框仍然是 Codex 原生控件。看起来换了一整套皮肤,但该点的地方照样能点,该输入的地方照样能输入。

这次用到的项目叫 Codex Dream Skin。截至 今日,它在 GitHub 已超过 8.6k Star。项目通过只监听本机 127.0.0.1 的 CDP,把一张 16:9 背景放到 Codex 原生界面下方,所以原来的侧栏、主区和输入框都还能继续操作。

先提醒一句:它是社区项目,不是 OpenAI 官方功能。项目明确不修改官方.appapp.asar、WindowsApps 或代码签名,而且准备了 Restore。不过主题运行时,本机 CDP 仍然是一个能力很强的调试入口,后面的安全边界一定要看。

项目仓库github.com/Fei-Away/Codex-Dream-Skin

OpenAI Codex 更新日志learn.chatgpt.com/docs/changelog

01

PART

我先做了一个选择:到底要不要装

CHOOSE · ROUTE

— 官方主题与 Dream Skin 的选择路线

我没有一上来就装第三方工具,而是先看了 Codex 自带的 Appearance。2026 年 3 月以后,官方设置已经可以修改基础主题、强调色、背景色、前景色,以及 UI 和代码字体,还能分享自定义主题。

实际只需要按下面三种情况选择:

1

只想改深浅色、强调色和字体:直接用 Codex 的 Settings → Appearance风险最低

2

想把一张完整插画铺在整个工作区下面:再用 Codex Dream Skin

3

只想偶尔拍一张氛围图:不必常驻第三方主题,用完 Restore 即可。

简单理解:只改配色就用官方 Appearance;想要整窗壁纸,再上 Dream Skin。

02

PART

真正影响效果的,是背景图

DESIGN · IMAGE

背景母版直接使用 2560 × 1440、16:9左侧约 50%~58% 保持低信息、低对比,主视觉放在右侧约 58%~88%。Codex 的侧栏和任务列表都压在左边,这里一旦太花,文字马上就会糊在背景里。

提示词先锁死四条规则,避免生图模型乱发挥:

1

只是一张纯背景,不要预先画侧栏、输入框、按钮或窗口边框。

2

不要加文字、Logo 和水印。

3

左侧留白主视觉偏右,重要元素离画面边缘至少约 8%。

4

控制对比度,尤其不要在左侧放人脸、密集线条和高亮光源。

这次使用的“小成 Codex”提示词

— 小成 Codex 的可导入纯背景原图

text

生成一张 2560×1440、16:9 的 Codex Dream Skin 纯背景。整体使用暖奶油白、薄荷绿和祖母绿,带轻微纸张颗粒与扁平纸艺植物。画面右侧放一位原创男生插画角色:短黑发、圆框黑眼镜、黑色衬衫、友好表情,右上只有一颗小型金色四角星;人物主要位于横向 64%~86%,面部中心约在横向 72%、纵向 32%。左侧 52% 必须低信息、低对比,作为 Codex 侧栏和文字安全区。只生成连续的边到边背景,不得出现应用窗口、标题栏、侧栏、卡片、项目选择器、输入框、按钮、图标、文字、Logo、水印或边框。不要生成任何明星、虚拟歌姬或已有版权角色。

图片生成后,先检查模型有没有偷偷画出侧栏和输入框。如果界面元素总是混进来,就把最后一句重复一遍:“纯背景,不是应用截图,不得出现任何 UI。” 这比继续堆风格词有效。

03

PART

macOS 安装:先验证,再动手

MACOS · INSTALL

macOS 安装前,先确认官方 Codex Desktop 已经安装并至少启动过一次,同时检查 ~/.codex/config.toml 是否存在。项目会校验 Codex 自带的签名 Node,不需要另外全局安装 Node。

确认环境后,下载仓库:

bash

git clone https://github.com/Fei-Away/Codex-Dream-Skin.git

cd Codex-Dream-Skin/macos

不要直接安装,先跑项目测试

bash

./tests/run-tests.sh

测试通过后再执行安装,并加上 --no-launch暂时不启动主题

bash

./scripts/install-dream-skin-macos.sh --no-launch

安装完成后,桌面会出现四个入口

• Codex Dream Skin.command:启动上次主题。

• Codex Dream Skin - Customize.command:选择图片并调整主题。

• Codex Dream Skin - Verify.command:检查安装状态。

• Codex Dream Skin - Restore.command恢复官方默认状态

引擎默认在 ~/.codex/codex-dream-skin-studio,状态、日志和处理后的图片则在 ~/Library/Application Support/CodexDreamSkinStudio。后面排错和恢复都会用到这两个目录。

04

PART

把背景图装进 Codex

CUSTOMIZE

最省事的方式,是双击桌面的 Customize 入口选图。想复刻“小成 Codex”的配色,可以直接修改下面的图片路径后使用:

bash

~/.codex/codex-dream-skin-studio/scripts/customize-theme-macos.sh \

  --image "/Users/farman/Documents/公众号/assets/articles/codex-dream-skin/backgrounds-v2/xiaocheng-codex-background-2560x1440.png" \

  --name "小成 Codex" \

  --accent "#059669" \

  --secondary "#34D399" \

  --highlight "#F5B82E"

人物如果被输入框或右侧面板挡住,用下面的参数调整背景焦点:

bash

~/.codex/codex-dream-skin-studio/scripts/load-image-theme-macos.sh \

  --file "/Users/farman/Documents/公众号/assets/articles/codex-dream-skin/backgrounds-v2/xiaocheng-codex-background-2560x1440.png" \

  --appearance auto \

  --focus-x 0.72 --focus-y 0.45 \

  --safe-area left --task-mode banner

— 应用“小成 Codex”后的全窗口效果:保持原生空任务页。

不同 Codex 版本、窗口尺寸和透明度设置下,背景露出的范围可能略有差异。

换肤完成后,运行桌面的 Codex Dream Skin - Verify.command。它会确认当前连接的是预期 Codex 进程,并检查主题和恢复入口是否处于正常状态。

如果 Verify 失败,先 Restore,再回仓库核对最新说明。不要在错误状态上继续叠补丁,先保证能恢复。

图片优先使用 PNG。项目也支持 JPEG、HEIC、TIFF 和 WebP,但源文件不能超过 50MB,处理后不能超过 16MB,单边不能超过 16384px,总像素不能超过 50MP。日常直接坚持 2560 × 1440,最省心。

05

PART

不想逐条敲命令,就把这段交给 Codex

SAFE · PROMPT

这段提示词不会让 Codex 直接开装,而是要求它先说明平台、写入路径、验证方式和恢复入口,等你确认后再执行。

text

请先阅读并核对 https://github.com/Fei-Away/Codex-Dream-Skin 当前 README 与对应平台文档,帮我为官方 Codex Desktop 安装一个可恢复的本机主题。

我的背景图:/Users/farman/Documents/公众号/assets/articles/codex-dream-skin/backgrounds-v2/xiaocheng-codex-background-2560x1440.png

主题名:小成 Codex

强调色:#059669

执行前:

1. 确认当前是 macOS 还是 Windows,只使用仓库中对应平台的脚本;

2. 不修改官方 .app、app.asar、WindowsApps、代码签名或 API/模型供应商配置;

3. 先展示将执行的命令、写入路径、验证方式和恢复方式,等我确认后再执行;

4. 检查背景是否为纯 16:9 图片,不含 UI、文字、Logo 或水印;

5. 安装后执行仓库提供的 Verify;验证失败就停止并说明,不要继续打补丁;

6. 最后明确告诉我 Restore 入口在哪里。

真正执行前,仍要看清仓库地址、当前分支和脚本内容。提示词可以降低漏项,不能代替人工检查。

06

PART

如果你用 Windows,换成这组脚本

WINDOWS

Windows 版针对 Microsoft Store 的官方 Codex 应用,同样不修改 WindowsApps。进入仓库的 windows 目录后:

powershell

powershell -ExecutionPolicy Bypass -File .\scripts\install-dream-skin.ps1

powershell -ExecutionPolicy Bypass -File .\scripts\start-dream-skin.ps1

需要恢复时:

powershell

powershell -ExecutionPolicy Bypass -File .\scripts\restore-dream-skin.ps1

Windows 引擎默认在 %LOCALAPPDATA%\CodexDreamSkin\engine。如果 Codex 更新后主题失效,先回仓库核对最新 README,再重新安装。

07

PART

最后看清边界

LIMITS

第一,它不是官方皮肤系统

Dream Skin 是社区项目。Codex 官方一旦调整界面结构,第三方适配就可能暂时失效。只需要颜色和字体时,直接使用官方 Appearance,不必增加维护成本。

第二,本机地址也不代表零风险

CDP 只绑定 127.0.0.1,不会主动暴露到公网;但主题运行期间,本机上的其他程序仍可能接触这个无认证调试入口。不要同时运行来源不明的软件,不用主题时可以 Restore

///

LAST

写在最后

THE END

我折腾这套换肤,最满意的不是 Codex 终于变成了绿色,而是工作区开始有了自己的节奏:左侧安静地放项目和任务,右侧保留主题人物,输入区依然清清楚楚。

如果你也想做一套,我建议先走最短路径:先用官方 Appearance 试配色;确定自己真的想要整窗背景,再生成一张左侧留白的 16:9 纯图,安装、Verify,最后记住 Restore。

资料核验日期:2026 年 7 月 18 日。项目状态、Star 和脚本可能变化,跨日发布前请重新核对官方仓库。

我是小成同学,持续记录 AI 工具实测、自动化工作流与真实实践,把每次折腾沉淀成可复用的方法。

如果你觉得今天这篇有收获,欢迎点赞、分享、收藏三连,我们下篇见。

点赞
分享
收藏

THANKS FOR READING