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 适用(自定义图片主题是 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-monokai-theme

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

配色方案

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

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

相似主题