CCodexskins.art
经典配色ProMonokai 配色

Monokai 主题

代码编辑器鼻祖级配色,粉绿撞色经典永流传

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

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

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

配色方案

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

主色
#f92672
副色
#66d9ef
背景
#272822
面板
#1e1f1c
正文
#f8f8f2
边框
#3e3d32

标签

经典配色粉绿暗色

主题简介

Monokai 几乎是代码编辑器配色的代名词——从早期的 TextMate、Sublime Text 一路火到现在。它最招牌的就是粉色关键字撞上绿色字符串的高对比组合,在一众暗色主题里一眼就能认出。这套 Codex 版本保留了 Monokai 的暖深底和招牌语法色,适合怀旧的资深开发者。

配色拆解

背景 #272822 是 Monokai 标志性的暖深褐绿,代码块 #1E1F1C 更深一档。主色 #F92672(粉)用在关键字与强调,副色 #66D9EF(青)点缀函数名。语法色是其灵魂:字符串 #E6DB74 暖黄、注释 #75715E 灰褐、关键字粉、函数青,对比强烈又和谐。正文 #F8F8F2 近白。

如何应用

macOS 上用 Customize 命令选背景图,配色填 Monokai 的粉青:customize-theme-macos.sh --image bg.png --name "Monokai" --accent "#f92672" --secondary "#66d9ef" --highlight "#a6e22e"。生成后经本机 CDP 自动套用。

关于这套主题的常见问题

Monokai 和 Dracula 有什么区别?

Monokai 偏暖、粉绿撞色更强烈、对比更高;Dracula 偏冷紫粉、更柔和。喜欢高对比选 Monokai,喜欢冷静选 Dracula。

怎么一键还原?

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

使用须知

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

相似主题