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 适用(自定义图片主题是 macOS 专属)。Windows 暂只支持内置固定皮肤,见换肤教程的 Windows 部分。任选一种方式,都本地运行、可一键还原。

1

复制换肤命令(推荐)

复制运行即可:会自动把本主题的配套背景图下载到 ~/Downloads,再用它生成 theme.json 并自动套用(想换成自己的图,改命令里的图片路径就行)。

2

下载 theme.json 主题包

下载 theme.json,和你的背景图(重命名为 background.jpg)放进同一个文件夹。

用方式二时,把文件夹丢进主题库后切换:

~/.codex/codex-dream-skin-studio/scripts/switch-theme-macos.sh --id codex-dracula-theme

主题库路径:~/Library/Application Support/CodexDreamSkinStudio/themes/codex-dracula-theme/(需含 theme.json + background.jpg)。Codex 已开着会热切换,否则双击 Start。

配色方案

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

主色
#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 使用条款的前提下使用。

相似主题