dsh-claude-ui

Claude (Anthropic) 视觉主题插件，把 DeepSeek Harness Web GUI 换成奶油白 / 赤陶橙的 Claude 风格。 A Claude-flavored visual theme for the DeepSeek Harness Web GUI.

效果预览

空会话 Hero —— 放大的、无规律呼吸的 Claude 图标

标签页标题 + Favicon

整体配色

功能

Host 半（lib/index.js）

• 固定标签页标题为 Claude Mythos 5，用 MutationObserver 防止被会话动态标题覆盖
• 把 favicon 换成 claude-icon.png
• 注册 /claude-icon.png 路由，供前端 favicon 与 CSS 引用

Client 半（lib/client.js）

• 奶油白 / 赤陶橙配色（含暗色模式 data-ds-dark-theme）
• Poppins（UI）/ JetBrains Mono（代码）/ Lora（正文）字体
• 品牌蓝 → 赤陶橙
• 隐藏 sidebar 品牌 logo（wordmark + 折叠态小鱼）
• 会话 header 控件（actions / utilities / tabs）移到侧栏
• 模型名隐藏 + 模型选择器显示品牌图标
• 空会话 hero 标题替换为放大的、无规律呼吸的 Claude 图标

安装

1. 把本目录（dsh-claude-ui）放到设备上任意路径。

2. 安装到 web profile（等价于在 $DSH_HOME/profiles/web 下执行 pnpm add）：

   dsh plugin --profile web add <本目录的绝对路径>
   

3. 在 web profile 的用户 patch 层加一行（用 --patch 或编辑 profile 里的用户 overlay）：

   - id: claude-ui
     name: dsh-claude-ui
     config:
       iconPath: 'D:\path\to\claude-icon.png'
   

   启动时也可用 dsh web --patch ./claude-ui.yml 临时叠加。

4. 重启 DSH：dsh web（或关掉重开）。之后刷新 / 重开浏览器都自动生效，无需任何动态 Cordis 插件。

配置

字段	说明
config.iconPath	claude-icon.png 的绝对路径。不配置时跳过 favicon 与图标相关部分，标题与整套 CSS 仍生效。

说明 / 兼容性

• CSS 里的类名（hHd-Xa_*、wSkVaW_*、pI_x6G_*、_7KE1Ra_*、pXSMma_*）是当前 DSH 前端构建的 CSS Module 哈希。升级 DSH 前端后若布局错位，需要按新版构建重新映射这几处类名。
• 升级 DSH 会覆盖 node_modules，但本包是独立安装到 profile 的依赖，重新执行 dsh plugin --profile web add 即可恢复。

发布到 GitHub（dsh-plugin 主题）

1. 在 GitHub 新建一个公开仓库（建议命名 dsh-claude-ui），并在仓库 About → Topics 里加上主题 dsh-plugin（可顺带加 deepseek-harness、claude、anthropic）。

2. 推送本目录到该仓库：

   git remote add origin https://github.com/<你的用户名>/dsh-claude-ui.git
   git push -u origin main
   

3. 打上 dsh-plugin 主题后，会被 awesome-dsh-plugin 等主题聚合列表自动收录。

提示：claude-icon.png 不随包分发（通过 config.iconPath 按绝对路径指定）。如需开箱即用，可在仓库里附上图标并调整默认路径。

License

MIT