CCodexskins.art
经典配色ProDracula 官方配色

德古拉主题

最经典的开发者暗色配色,紫粉冷调永不过时

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

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

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

配色方案

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

主色
#bd93f9
副色
#ff79c6
背景
#282a36
面板
#343746
正文
#f8f8f2
边框
#44475a

标签

经典配色暗色紫粉

主题简介

Dracula 是开发者圈子里流传最广的暗色配色之一,从 VS Code、Vim 到各路终端都有它的身影。这套 Codex 版本忠实还原了 Dracula 的紫粉冷调:深蓝紫底色、紫色主色搭配粉色副色,代码高亮用绿/青/黄点缀,长时间编码舒适又有辨识度。适合喜欢经典、不追热点、想要一套稳妥好看的 Codex 皮肤的开发者。

配色拆解

背景 #282A36 是 Dracula 标志性的深蓝紫,比纯黑柔和;面板 #343746 与侧栏 #21222C 形成层次。主色 #BD93F9(淡紫)用在强调按钮与代码关键字,副色 #FF79C6(粉)点缀激活态。正文 #F8F8F2 近白,次要文字降到 #6272A4(灰蓝),保证可读性。语法高亮严格遵循官方:字符串 #50FA7B 绿、函数 #8BE9FD 青、注释 #6272A4 灰。

如何应用

macOS 上运行 Customize 命令,选一张深色背景图,配色填 Dracula 的紫粉即可,命令行等价:customize-theme-macos.sh --image bg.png --name "Dracula" --accent "#bd93f9" --secondary "#ff79c6" --highlight "#8be9fd"。脚本写出 theme.json 并通过本机 127.0.0.1:9341 的 CDP 注入自动套用。Windows 目前只能用固定皮肤,自定义图片请在 macOS。

关于这套主题的常见问题

这套 Dracula 主题免费吗?

配色方案免费参考使用——Dracula 的配色本身公开,你可以照着上面的色值和教程自己生成。不想折腾可选代定制服务。

怎么一键还原?

双击 Restore Codex Dream Skin.command 即可,一条命令回到 Codex 默认界面,不影响后续更新。

使用须知

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

相似主题