CCodexskins.art
经典配色免费Gruvbox 配色

Gruvbox 主题

复古暖调,棕黄绿的怀旧开发者配色

Codex — Gruvbox 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 主题换肤工具,并应用「Gruvbox 主题」主题:

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

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

配色方案

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

主色
#fe8019
副色
#b8bb26
背景
#282828
面板
#32302f
正文
#ebdbb2
边框
#504945

标签

经典配色复古暖调

主题简介

Gruvbox 主打「复古暖调」——棕、黄、橙、绿构成的怀旧色谱,灵感来自老式 CRT 显示器和自然色。它的对比和可读性经过精心调校,长时间使用不累眼,有一种踏实温暖的复古质感。适合不喜欢冷色调、偏好暖色与怀旧氛围的开发者。

配色拆解

背景 #282828 是 Gruvbox 标志性的暖棕灰,代码块 #1D2021 更深。主色 #FE8019 橙色用在强调,副色 #B8BB26 黄绿点缀,构成复古暖调。正文 #EBDBB2 暖米白,次要 #928374 灰棕。语法是其灵魂:关键字 #FB4934 红、字符串 #B8BB26 绿、函数 #FABD2F 黄。

如何应用

macOS 上用 Customize 命令选背景图,配色填 Gruvbox 的橙绿:customize-theme-macos.sh --image bg.png --name "Gruvbox" --accent "#fe8019" --secondary "#b8bb26" --highlight "#fabd2f"。生成后经本机 CDP 自动套用。

关于这套主题的常见问题

Gruvbox 护眼吗?

它的对比和色相都为长时间阅读调过,暖色调本身也较放松,是公认护眼的复古选择之一。

怎么一键还原?

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

使用须知

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

相似主题