Tokyo Night 主题
东京深夜霓虹,蓝紫冷调的现代开发者配色
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}获取这套主题
两种方式任选,都本地运行、可一键还原(仅 macOS;Windows 暂只支持内置固定皮肤,见教程)。
复制下面的提示词,粘进 Codex 或 Claude 的对话框发送即可。AI 会克隆安装 Codex Dream Skin、下载本主题配套背景图、按配色生成并应用。
请用开源项目 Codex Dream Skin 帮我安装 Codex 主题换肤工具,并应用「Tokyo Night 主题」主题:
1. 克隆并安装:https://github.com/Fei-Away/Codex-Dream-Skin(macOS 会自动复用 Codex 内置 Node;Windows 需 Node.js 22+)
2. 下载配套背景图:https://codexskins.art/themes/codex-tokyo-night-theme.png
3. 用这张图生成主题,配色填:主色 #7aa2f7、副色 #bb9af7、高亮 #7aa2f7
4. 应用到 Codex;哪段文字看不清就继续调色
若引擎未安装,先按仓库 README 装好;遇到问题跑 Restore 脚本还原。配色方案
这套主题的核心配色如下,所有控件(侧栏、输入框、建议卡、代码块)都会套用这套颜色。
标签
主题简介
Tokyo Night 是近几年在开发者圈迅速走红的暗色配色,灵感来自东京深夜的霓虹。深蓝黑底色上铺开蓝紫两色的冷调,搭配柔和的青绿字符串色,整体安静又现代,长时间编码非常舒服。如果你觉得 Dracula 太鲜艳、Nord 太素,Tokyo Night 是个恰到好处的中间选择。
配色拆解
背景 #1A1B26 是带紫的深蓝夜色,面板 #16161E 更深一档。主色 #7AA2F7 柔和蓝用在强调与链接,副色 #BB9AF7 紫色点缀关键字与激活态。正文 #C0CAF5 淡蓝白,次要 #565F89 灰蓝。语法:字符串 #9ECE6A 青绿、函数 #7DCFFF 浅青、注释 #565F89 低调。
如何应用
macOS 上用 Customize 命令选背景图,配色填 Tokyo Night 的蓝紫:customize-theme-macos.sh --image bg.png --name "Tokyo Night" --accent "#7aa2f7" --secondary "#bb9af7" --highlight "#7dcfff"。生成后经本机 CDP(127.0.0.1:9341)自动套用。
关于这套主题的常见问题
Tokyo Night 适合长时间用吗?
非常适合。它的对比比 Dracula 柔和、比 Nord 丰富,是公认的护眼又好看的选择,深夜编码特别有氛围。
怎么一键还原?
双击 Restore Codex Dream Skin.command 即可回到默认界面。
使用须知
本页展示的主题效果为示意,实际效果以本地应用为准。换肤通过本机 CDP(Chrome DevTools Protocol)注入 CSS/JS 实现,属于非官方方案:它不修改 Codex 官方安装包与代码签名,但 Codex 版本升级后皮肤可能短暂失效。遇到失效时,运行开源项目自带的 Restore 脚本即可恢复默认界面,或等待换肤引擎更新适配。请在遵守 Codex 使用条款的前提下使用。
相似主题
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}德古拉主题
最经典的开发者暗色配色,紫粉冷调永不过时
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Nord 极地主题
北欧极地冷调,护眼克制的北极配色
// validate input
function validate(email) {
return /.+@.+\..+/.test(email)
}Monokai 主题
代码编辑器鼻祖级配色,粉绿撞色经典永流传