前言¶
在 DeepSeek Harness（DSH）里用 @jaychang1989/dsh-webchat 把 DeepSeek 对话页嵌进 <webview> 时，界面仍是 DeepSeek 官方配色与品牌元素。若你希望在不动嵌入逻辑、不碰 guest 页面 DOM 与网络的前提下，把面板视觉改成接近 Claude 的深色/浅色体系，并顺带把侧栏文案从「Chat DeepSeek」收成「Chat」，可以单独装一层「只负责 paint」的插件，与 webchat 分开发布、独立升级。
下面介绍维护者 dhdkfkfkf 发布的 dsh-deepseek-webchat-claude-skin（社区分类：趣味换装）。它不改 webchat 源码、不打包或重导出 webchat；webchat 继续负责嵌入与更新，本包只负责样式与一处 DSH 侧栏重命名。
这是什么¶
dsh-deepseek-webchat-claude-skin 是面向 DSH desktop profile 的 bundle patch 插件：向 webview 注入一段 CSS（通过 guest 自身的 insertCSS），并在 DSH 文档里改一个文本节点的侧栏标签。README 明确说明：仅 CSS，不访问 guest DOM、网络或登录态；不运行 guest 内脚本，不读写 cookie、localStorage 等。
- 维护者：dhdkfkfkf
- 许可证：MIT（见仓库
LICENSE） - 运行时依赖：无（仓库描述为六个文件、无 install scripts、一个可读生成的 bundle）
- 与 webchat 的关系：一个 profile 两件事——webchat 管页面嵌入，本插件管「漆」
核心功能¶
经 README 与变更说明核实，插件实际改动范围如下（guest 内除最后一项外均为样式表规则；最后一项为 DSH chrome）：
| 位置 | 表面 | 改动 |
|---|---|---|
| guest | design tokens | 每主题 98 个自定义属性：30 个静态色阶、67 个语义别名、「thinking」渐变；锚定在 body[data-ds-dark-theme] / body:not([data-ds-dark-theme]) |
| guest | 品牌图 | 143×23 lockup 与两种 mark（27×24、35×26）换为 Claude lockup 与 starburst（data URI 内联）；原图隐藏不删，保留点击行为 |
| guest | 代码块 | 深浅主题下块面、文字、选区色；深色工具栏按钮重着色 |
| host | 侧栏行 | 文案「Chat DeepSeek」→「Chat」，含 aria-label（0.3.1 起；0.3.2 修复深层 DOM 与启动时机导致的漏改） |
主题机制： DeepSeek 页只在 <body> 上切换 data-ds-dark-theme，无单独 light 属性、也不靠 prefers-color-scheme。插件据此提供两套 Claude 调色：深色近黑画布（如 #191919 / #212121），浅色纸感（如 #faf9f5）与 terracotta 强调色（如 #d97757）。切换主题是级联变化，无需 observer 或重复注入。
刻意不动： 错误/成功/警告色 ramp、字体 family token、16×16 通用图标、guest DOM 结构；登录页控件不隐藏、不移动、不改文案（登录区仍随 token 着色）。
质量说明： 仓库提供 npm run verify（42 项代码级测试 + 真实 Chromium mount 检查），面向开发者在本地打包前自检；普通安装用户只需按下文 dsh plugin add 即可。
安装与启用¶
安装或增删 bundle 属于启动时决策；已安装包的 patch 内容编辑后可热更新，但新装插件需重启 DSH。操作前请完全关闭 DSH。
已有 DeepSeek 面板（已装 dsh-webchat）¶
dsh plugin --profile desktop add https://github.com/dhdkfkfkf/dsh-deepseek-webchat-claude-skin/releases/download/v0.3.2/dsh-deepseek-webchat-claude-skin-0.3.2.tgz
从零安装（面板 + 皮肤一次到位）¶
插件管理器会在同一轮挂载所有声明了 bundle patch 的新依赖，无需第二步：
dsh plugin --profile desktop add @jaychang1989/dsh-webchat https://github.com/dhdkfkfkf/dsh-deepseek-webchat-claude-skin/releases/download/v0.3.2/dsh-deepseek-webchat-claude-skin-0.3.2.tgz
然后启动 DSH。
说明： README 安装块指向的 release 包为 v0.3.2；仓库 package.json 当前版本号为 0.3.4，若需更新包请以后续 release 页为准，勿自行拼接未在文档出现的安装 URL。
中国大陆： 可在 release URL 前加 https://gh-proxy.com/ 前缀，与其他 DSH 插件分发方式相同。
从旧名升级： 若曾安装 dsh-deepseek-claude-skin，需先移除该依赖及其 dsh.profile.bundles 条目，再安装本包；两个 bundle 争同一 loader id 会导致无法启动。
本地开发： 在插件源码目录执行 npm run pack，再：
dsh plugin --profile desktop add <path-to-tgz>
（开发环境要求 Node >=20，见 package.json 的 engines。）
可选：面板几何修正（与皮肤无关）¶
仅当全屏或窗口切换后 DeepSeek 面板边界 stale、需重载才恢复时，可考虑单独安装 anchor fix；不是本皮肤依赖，面板边界正常则不必装：
dsh plugin --profile desktop add https://github.com/jaychang1989/dsh-webchat-anchor-fix/releases/download/v0.1.0/dsh-webchat-anchor-fix-0.1.0.tgz
典型用法¶
安装并重启 DSH 后，无需额外配置项：dsh.bundle.patch 指向 ./cordis.patch.yml，客户端 inject 为空数组，行为由 bundle 注入 CSS 与 host 侧栏监听完成。
- 在 DSH desktop profile 中打开已嵌入的 DeepSeek 面板。
- 在 DeepSeek 页内切换深/浅主题（站点原有主题开关）；皮肤随
body[data-ds-dark-theme]自动匹配对应 Claude 调色与品牌图。 - 查看侧栏：行标签应显示为「Chat」而非「Chat DeepSeek」，并在面板重渲染、折叠或 tooltip 重建后仍保持（0.3.2 起全子树搜索 + 变更重复应用）。
若仅想验证仓库改动未破坏注入，开发者在克隆后的源码树中可运行：
npm run verify
适用场景与注意¶
适合谁： 已在 DSH 中使用 dsh-webchat、希望 DeepSeek 嵌入页视觉接近 Claude、且接受「只改 CSS + 一处侧栏文案」边界的人。社区目录 SkillHub 分类为趣味换装，与 DeepSeek / 幻方无官方从属关系；DSH 生态原则是「一切皆插件」，安装来源以你信任的仓库与 release 为准。
能力边界（务必知晓）： 插件不能改 guest DOM 节点、不能发网络请求、不能动登录流程或 UA；上游 DeepSeek 若改 viewBox 等品牌 markup，品牌替换会与隐藏规则一并失效。错误/成功/警告色与 16×16 图标保持原站。
安全与信任： 插件以当前 DSH 进程权限运行。安装前请自行查看 GitHub 仓库 源码与 MIT 许可证，确认 bundle patch 与生成 CSS 内容符合你的策略。
结尾¶
dsh-deepseek-webchat-claude-skin 把 webchat 嵌入的 DeepSeek 面板做成 Claude 风格深/浅色皮肤，并用最小 host 改动统一侧栏命名；与 webchat 解耦发布，适合只想换皮、不想 fork 嵌入插件的场景。
