给 Dream Work Theme 用的 ZCode 浅色主题包:Claude 官方色系(珊瑚橙 + 品牌蓝 + 暖白层级)。非 Anthropic 官方产品,不修改官方安装包 / app.asar / WindowsApps。
包含两个版本,仓库里是解压即用的主题文件夹,直接整个复制进 themes/ 即可:
| 版本 | 主题文件夹 | 特点 |
|---|---|---|
| Claude Eva Official(明日香版) | claude-eva-official/ |
动漫少女背景 + 透明消息,氛围感强 |
| Claude Eva Clean(纯净版) | claude-eva-official-clean/ |
细腻暖色渐变背景 + 透明消息,更克制 |
纯净版(Claude Eva Clean)效果:
明日香版(Claude Eva Official)效果:
预览图为真实 ZCode 界面截图(浅色模式),仅作展示。
- Dream Work Theme v1.2.0 及以上(CDP 注入换肤工具,Apache-2.0)
- ZCode 桌面端,且已在 ZCode「设置 → 外观」切换到浅色模式
✅ 上游 v1.2.0 起已合并 generic 应用
theme.css注入补丁(PR #1),ZCode 的输入框圆角、消息透明、侧边栏指示条等组件级样式开箱即用,无需任何补丁或 fork。低于 v1.2.0 的版本只能得到基础四色配色。
到上游 Dream Work Theme Releases 下载 v1.2.0 及以上版本安装包(Windows 选 Dream-Work-Theme-*-win-x64.exe)。
点本仓库右上角 Code → Download ZIP,解压后得到 claude-style-zcode-main/,里面有两个主题文件夹:claude-eva-official/ 和 claude-eva-official-clean/。
打开 Dream Work Theme 的用户主题目录(目录不会自动创建,先手动新建 themes 文件夹):
| 平台 | 用户主题目录 |
|---|---|
| macOS | ~/Library/Application Support/dream-work-theme/themes/(Finder 按 Cmd+Shift+G 直达) |
| Windows | %APPDATA%\dream-work-theme\themes\(即 C:\Users\<用户名>\AppData\Roaming\dream-work-theme\themes\,资源管理器地址栏粘贴后回车) |
| Linux | ~/.config/dream-work-theme/themes/ |
把解压出来的 两个主题文件夹整个复制 进 themes/,最终结构是:
themes/
├── claude-eva-official/
│ ├── theme.json
│ ├── theme.css
│ ├── hero.webp
│ └── fonts/ # Anthropic 官方字体(woff2 原始文件)
└── claude-eva-official-clean/
├── theme.json
├── theme.css
├── hero.webp
└── fonts/
目录层级必须是
themes/<主题名>/theme.json这样,不要把theme.json散在themes/下,也不要套多余一层文件夹。
- 启动 Dream Work Theme
- 选择 ZCode
- 选择主题
claude-eva-official(明日香版)或claude-eva-official-clean(纯净版) - 点击「应用主题」
.
├── claude-eva-official/ # 明日香版(动漫少女背景)
│ ├── theme.json # 主题声明(Claude 色系 palette)
│ ├── theme.css # 组件级样式 + 字体(@font-face 内嵌 base64)
│ ├── hero.webp # 背景图(2848×1600)
│ └── fonts/ # Anthropic 官方 woff2(Sans / Serif / Mono × Roman/Italic)
├── claude-eva-official-clean/ # 纯净版(渐变背景)
│ ├── theme.json
│ ├── theme.css
│ ├── hero.webp
│ └── fonts/
├── docs/
│ ├── clean.png # 纯净版效果图
│ └── asuka.png # 明日香版效果图
├── LICENSE
└── README.md
id:claude-eva-official(明日香版)/claude-eva-official-clean(纯净版)- 外观:
light - 支持:ZCode(
apps.zcode.compat: true) - 能力:
background/safe-css
| 键 | 色值 | 用途 |
|---|---|---|
accent |
#D97757 |
珊瑚橙主强调(按钮 / 指示条 / 输入框描边) |
secondary |
#2E82DA |
品牌蓝(链接 / hover 点缀) |
surface |
#FAF9F5 |
暖白兜底底色 |
text |
#211F1C |
暖黑正文 |
- 输入框:珊瑚橙圆角描边(伪元素实现,规避 sticky 合成下
border-radius渲染异常),底色与顶部栏一致 - 消息容器:全透明,文字直接落在背景上
- 侧边栏:任务行珊瑚左指示条、hover 微光、功能区按钮蓝色 hover
- 微交互:图标位移 2px / 按钮按压 0.98 / 气泡 hover 珊瑚边
| 用途 | 字体 | 回退 |
|---|---|---|
| 正文 / 消息 / 输入区 | Anthropic Sans | 微软雅黑 / PingFang SC / system-ui |
| 标题(h1–h5) | Anthropic Serif | 微软雅黑 / PingFang SC / serif |
| 代码 / 编辑器 | Anthropic Mono(拉丁)+ Sarasa Mono SC(中文) | 微软雅黑 / Consolas / monospace |
- 字体文件来自 Anthropic 官网 CDN 发布的正体(
www.anthropic.com页面字体,六文件:Sans / Serif / Mono × Roman / Italic),版权归 Anthropic,仅限个人使用,公开再分发 / 商用前请自行确认授权。 - 官方字体仅含拉丁字形,中文自动回退到微软雅黑等系统字体;代码块中文另嵌 更纱黑体 Sarasa Mono SC 子集(SIL OFL 1.1 开源,GB2312 一级常用字 + 标点,生僻字回退系统字体),代码区中文字形成套等宽。未改动任何字号设置。
- 实现说明:
dream-work-theme把theme.css当字符串注入页面,相对路径url()无法解析,因此@font-face以 base64 data URI 内嵌在theme.css中(与 hero 背景图同一机制);fonts/目录保留原始 woff2 供进阶使用(如系统级安装)。若主题文件超过注入体积上限,可删掉fonts/目录减轻体积(data URI 已内置,不影响渲染)。
背景图(hero.webp,明日香版)基于 Claude EVA 主题素材包为基底,经 AI 再生成,公开再分发 / 商用前请自行确认素材、肖像与商标权利。背景不代表 Anthropic / Claude 官方视觉或背书。纯净版背景为程序生成的渐变图,无第三方素材。
字体(fonts/ 与 theme.css 内嵌)为 Anthropic 私有字体,版权归 Anthropic 所有;本仓库仅作个人学习 / 自用打包,未获授权不得公开再分发或商用,请参照 Anthropic 官方字体发布说明。代码块中文使用的更纱黑体 Sarasa Mono SC(子集化)为 SIL OFL 1.1 开源字体,可自由再分发,其版权归原作者 Renzhi Li 与 Adobe/Google 等贡献方。
- 本项目基于 Dream Work Theme(Apache-2.0)开发,主题格式与代码参考其通用写法(
themes/<id>/theme.json+theme.css+ hero)。 - ZCode 属于 generic-work 应用:上游 v1.2.0 起支持注入主题自带
theme.css(readThemeCss)并修复 file:// 页面 blob 背景,本主题的全部组件级样式因此开箱即用。 - 早期版本(< v1.2.0)对 generic 应用只注入自动生成的通用兜底皮肤,不读取
theme.css,仅能得到基础四色配色。
- @diobaland-droid —— 感谢提交 polish PR:输入框圆角对齐、右键/二级菜单暖白毛玻璃、
/命令菜单面板、发送/停止按钮珊瑚化,均已合并(代码字号部分因避免覆盖用户自定义字号设置而移除)。期待你的暗色版主题!
本主题包代码与声明文件采用 MIT License。背景图素材按上方的权利声明处理,请自行确认再分发权利。字体文件为 Anthropic 私有版权,不属于 MIT 许可范围,请按上方「素材来源与权利声明」处理。

