插件目录 / UI & Skins / claude-parchment-theme
claude-parchment-theme
已验证 · 实测可装 RayYeung1989
功能简介
Claude风格DSH插件:暖羊皮纸色板、赤陶色、衬线字体
可用 — 实测通过,早期项目
Claude风格DSH插件:暖羊皮纸色板、赤陶色、衬线字体 实测能干净安装、正常启动。早期项目,但功能可用。
「已验证」表示我们的自动化 CI 在干净 profile 里实际执行了 dsh plugin add 并启动成功——仅此而已。功能描述与版本兼容性均为作者声明。这不是安全审计,也不代表对第三方代码的背书。
README
Claude Parchment Theme — 一款 Claude 风格的 dsh插件
dsh插件(DeepSeek Harness Plugin)· 为 DeepSeek Harness WebUI 打造
的 Anthropic Claude 风格主题。设计参考:Claude(Anthropic)设计系统 —— 暖羊皮纸画布、
Terracotta 品牌色、衬线标题、黄褐调中性灰、环式阴影哲学。
这是什么
claude-parchment-theme 是一个纯客户端 dsh插件(dsh.client 双面包结构:宿主侧空实现 + 浏览器侧主题逻辑),
把 DSH WebUI 的整体视觉语言切换到 Claude 风格:
- 暖羊皮纸底色取代冷白/冷灰,营造"纸质阅读"氛围
- 全界面 Georgia 衬线字体(Anthropic Serif 的替代实现),标题字重 500
- 所有中性灰重映射为黄褐调暖灰(Olive Gray
#5e5d59、Stone Gray#87867f…) - DeepSeek 品牌蓝 → Terracotta 家族,彻底去蓝化
安装后它会作为一个常驻行出现在 WebUI 设置 → 插件管理 中,可随时开关。
效果速览
| 维度 | 亮色主题 | 暗色主题 |
|---|---|---|
| 页面底色 | Parchment #f5f4ed |
Deep Dark #141413 |
| 卡片表面 | Ivory #faf9f5 |
Dark Surface #30302e |
| 品牌强调 | Terracotta #c96442 |
Coral #d97757 |
| 主文本 | Near Black #141413 |
Ivory #faf9f5 |
| 次要文本 | Olive Gray #5e5d59 |
Warm Silver #b0aea5 |
| 边框 | Border Cream #f0eee6 |
Dark Warm #30302e |
| 错误/成功/警告 | #b53333 / #55805e / #b07d3f |
#cf5b5b / #6fae7f / #d9a441 |
字体:全界面衬线(Georgia + 中文宋体回退),代码保持等宽。
细节:陶土色选区、Focus Blue #3898ec 焦点环(系统唯一冷色,仅用于可达性)、暖调滚动条。
安装(持久化,推荐)
本 dsh插件 以标准 npm 包形式从 GitHub 安装,随 profile 持久化,重启不丢失。
1. 安装依赖
cd "$DSH_HOME/profiles/web"
pnpm add "github:RayYeung1989/claude-parchment-theme"
2. 注册插件行
编辑 profile 的 cordis.patch.yml,追加:
# Claude Parchment 主题(持久化 dsh插件)
- insert:
- id: ui-claude-theme
name: '@dsh-local/claude-parchment-theme'
3. 重启生效
重启 DSH web profile(dsh --profile web)。启动后主题自动生效,
在 设置 → 插件管理 中可以看到 ui-claude-theme 行。
临时使用(会话内动态插件)
也可以让 Agent 在会话内以动态 Cordis 插件方式定义(不持久,进程重启后消失)——
开发调试配色时比较方便。
自定义
改色/改字:编辑 lib/client.js 中的常量:
ALIAS— 13 个核心别名 token(亮/暗双色板)EXTRA_LIGHT/EXTRA_DARK— 链接、按钮、代码块、气泡等补充 tokenNEUTRAL_WARM/DEEPSEEK_WARM— 静态色板暖化映射SERIF— 衬线字体栈
改完推送到仓库,在 profile 里 pnpm update 同步。
常见问题
Q: 装完没生效? 检查 pnpm add 是否成功、cordis.patch.yml 行是否追加、以及是否已重启 DSH。
Q: 想临时关掉? 在插件管理中禁用该行,或从 cordis.patch.yml 移除 - insert 块。
Q: 想改回默认? 删除依赖与补丁行后重启即可,不改动任何应用文件。
许可证
MIT © RayYeung1989
这是一个开箱即用的 Claude 风格 dsh插件,欢迎 star / fork / PR。
安装
装一次目录插件,之后本站所有插件都能让 DeepSeek Harness 自动找、自动装:
dsh plugin add dshbase-catalog 然后对 agent 说「帮我装 claude-parchment-theme」,它会在目录里找到并自动安装。文档:dshbase-catalog · 已验证场景包。
该插件是 GitHub 源码(未发 npm)——直接从仓库装:
Web profile:
dsh plugin --profile web add github:RayYeung1989/claude-parchment-theme Headless(CLI)profile:
dsh plugin --profile headless add github:RayYeung1989/claude-parchment-theme 实测报告
验证通过:从 GitHub 源码完成 L1 安装 + L2 加载 + L3 运行(dsh 0.1.0-rc.6)。
使用场景
改变 dsh 的外观或交互方式——一套主题、皮肤或新面板,重塑工作区。
适合谁
在 web UI 里一待几小时、想让它按自己的习惯好看又好用的人。
二次开发建议
皮肤、面板和主题 token 是扩展点——写新皮肤、加面板,或与上游配色同步 token。