dsh-qq2006:把 DSH WebUI 变回 2006 年 QQ 客户端

前言

DeepSeek Harness(DSH)的 Web 界面默认是现代化设计。若你想在本地开发或演示时换一套完全不同的视觉语境——不是简单改几个 CSS 变量,而是登录窗、主面板、聊天窗口整条链路都回到 2006 年 QQ 的珊瑚蓝风格——需要一套专门的皮肤插件,而不是手改宿主源码。

下面介绍 LaplaceYoung 维护的 dsh-qq2006:它在 DSH 插件体系里注册 qq2006 主题,镜像 body[data-ds-skin],并附带全局皮肤表与完整素材。所有补丁锚定在 body[data-ds-skin='qq2006'] 下,切回默认皮肤时零污染。

这是什么

dsh-qq2006 是 DSH 的 QQ2006 皮肤插件,维护者为 LaplaceYoung,分类为趣味换装,GitHub 仓库 23 stars。它把 DeepSeek Harness 的 WebUI 一键变回 2006 年 QQ 客户端外观:注册珊瑚蓝主题、镜像 body[data-ds-skin]、全局皮肤表与组件级补丁,从登录窗到聊天窗口全链路还原蓝色小企鹅界面。皮肤可切换、可持久化,刷新或重启后偏好保持。

素材来自 mengkunsoft/QQ2006,为腾讯原版素材,仅供学习交流、请勿商用(出处见仓库 assets/qq2006/README.txt)。

核心功能

主题注册与零污染契约

插件注册为 DSH 外观行第 4 个主题(QQ2006 皮肤)。启用后通过 QQ2006_TOKENS 覆盖珊瑚蓝 --dsw-alias-* token,并把当前主题镜像到 body[data-ds-skin]。所有视觉改动限定在该作用域内;随时可切回默认皮肤,宿主默认样式不受影响。

全局皮肤表

styles/qq2006.css 提供复古字体、滚动条样式、九宫格窗口框工具类,以及 .qq-btn 三态按钮样式。npm 发行版安装后即可获得这一层能力。

组件级还原(需源码方式)

完整效果还包括:

  1. QQ2006 登录窗:九宫格窗口框、三态按钮、记住密码/自动登录联动、连接中动态点动画。
  2. 主面板:50×50 蓝描边头像与 6 个 mini 钮、面板栏 10 钮(27×37 原版底条格)、分组/好友行原版行高与 hover、右键菜单。
  3. 聊天窗口:标题栏 4 钮(含 65×24 原版「菜单」文字钮)、大工具栏 12 钮、小工具栏 8 钮,全部使用原版素材与原生尺寸。
  4. 列表式消息:自己绿色昵称、对方深蓝紫昵称,附 HH:MM:SS 时间与黑色正文,宋体渲染。
  5. QQ 秀右侧栏:对方形象、个人空间(真实会话统计)、我的形象,默认展开。
  6. 换肤 4 预设:经典蓝、粉红、薄荷绿、紫罗兰,窗口内实时切换。
  7. 交互细节:Alt+S 发送、右键复制、hover 操作行(复制/引用/转发)、提示音、QQ 黄色反馈 tip。

组件级皮肤改的是宿主 UI 包的源码;npm 发行版为预构建产物,无法通过插件机制注入上述组件效果,需走源码 monorepo 方式。

安装与启用

方式一:npm 发行版(dsh plugin 安装)

仓库已包含预构建产物(lib/),可直接从 GitHub 安装:

dsh plugin --profile web add https://github.com/LaplaceYoung/dsh-qq2006

启用后获得 qq2006 主题注册(全 UI 珊瑚蓝 token 换肤)与全局皮肤表(复古字体、滚动条、九宫格工具类、.qq-btn 三态钮)。

方式二:源码 monorepo(完整效果)

完整皮肤实现位于 fork 的 skin/qq2006 分支:

git clone https://github.com/LaplaceYoung/deepseek-harness.git
cd deepseek-harness
git checkout skin/qq2006
pnpm install
pnpm run build
node --import tsx/esm apps/cli/src/bin.ts web

打开 http://127.0.0.1:3080,进入设置 → 外观 → QQ2006 皮肤

已有 DSH 源码 checkout 的用户,也可直接应用补丁:git apply patches/qq2006-skin.patch(基于上游 deepseek-ai/deepseek-harness master)。

两种安装方式的能力对比

能力 npm 发行版(方式一) 源码 monorepo(方式二)
qq2006 主题 + 珊瑚蓝 token 换肤
全局皮肤表(字体/滚动条/九宫格类)
登录窗 / 主面板 / 聊天窗 chrome
原版列表式消息 / QQ 秀右栏 / 消息操作
素材(按钮图标/头像/提示音)

后续计划:待 DSH 官方提供客户端插件的静态资源与 UI 槽位机制后,把组件级皮肤完整迁入插件包,使发行版获得全部效果。

典型用法

经过上面的安装步骤后,在 Web UI 中切换皮肤即可:

  1. 启动 DSH Web(方式一安装后按常规流程启动;方式二按上文 node --import tsx/esm apps/cli/src/bin.ts web 启动)。
  2. 打开 http://127.0.0.1:3080
  3. 进入 设置 → 外观 → QQ2006 皮肤
  4. 在聊天窗口内可切换 4 种预设配色(经典蓝 / 粉红 / 薄荷绿 / 紫罗兰)。

开发或调试皮肤时,可参考仓库 docs/qq2006-skin.md 的架构说明与按钮映射清单;组件级补丁规则见 README.package.md——皮肤段只追加在组件自己的 .module.css 尾部,全部以 body[data-ds-skin='qq2006'] 为祖先作用域。

适用场景与注意

适合谁

  • 想在 DSH 本地环境里做怀旧演示或趣味换装的开发者。
  • 需要研究 DSH 皮肤机制、主题 token 与 body[data-ds-skin] 镜像契约的插件作者。
  • 希望在不污染默认 UI 的前提下,体验完整 2006 QQ 界面链路的源码集成者。

使用前注意

  1. 插件以当前 dsh 进程权限运行。安装前应阅读仓库源码与许可证,确认素材使用范围。
  2. 素材版权:QQ2006 图像与音效为腾讯原版素材,插件代码为 MIT,素材仅供学习交流,请勿商用。
  3. 能力边界:仅通过 dsh plugin add 安装时,登录窗、聊天窗 chrome、列表式消息、QQ 秀右栏等组件级效果不可用;需要完整体验请走源码 monorepo 或 git apply patches/qq2006-skin.patch
  4. 生态背景:DSH 理念是「一切皆插件」;SkillHub 目录(laplaceyoung/dsh-qq2006)是社区站点,与 DeepSeek / 幻方无官方从属关系。

结尾

dsh-qq2006 把 DSH WebUI 的皮肤层拆成可切换、可持久化的 QQ2006 主题:发行版快速获得 token 换肤与全局样式表,源码方式则覆盖从登录到聊天的完整 2006 界面。若你正在做 DSH 插件或怀旧 UI 实验,可以从 npm 安装先验证主题契约,再按需接入 monorepo 补丁。

  • 目录页:https://www.skillhub.cn/plugins/LaplaceYoung/dsh-qq2006
  • GitHub:https://github.com/LaplaceYoung/dsh-qq2006
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜