dsh-wechat-theme: Transform the DeepSeek Harness web interface into WeChat style

前言

DeepSeek Harness(DSH)的默认网页界面偏工具化;若你更习惯微信里灰底、绿气泡、圆角发送键那套视觉,改 Harness 源码或自己写全局 CSS 都不划算。社区插件 dsh-wechat-theme(维护者 Cui-chengyu,分类:趣味换装)只做一件事:在浏览器里注入样式,覆盖 Harness 已暴露的 CSS 变量和稳定类名,把对话区、侧栏、输入区画成微信常见布局,且不改动 Harness 自身文件与行为。

这是什么

dsh-wechat-theme 是纯前端主题插件:宿主侧 index.js 为空,不占端口、不注册路由;浏览器侧 client.js 注册一张全局样式表,并带一个「空气泡」探测器。简介原文为:WeChat-style skin for the DeepSeek Harness web UI。仓库地址:https://github.com/Cui-chengyu/dsh-wechat-theme;社区目录页:https://www.skillhub.cn/plugins/Cui-chengyu/dsh-wechat-theme。许可证 MIT,当前 package 版本 0.1.0,要求 dsh 引擎 >=0.2.0-rc.1。

核心功能

下面按界面区域说明已核实的外观变化(均来自仓库 README)。

位置 微信风格
侧边栏 微信灰 #EDEDED,会话标题一律深色,非当前会话不再淡出
自己的消息 绿色气泡 #95EC69,右对齐,右上小尖角
助手消息 白色气泡,左对齐,左侧小尖角
发送键 微信绿 #07C160 圆角按钮
输入区 白色卡片,微信式圆角与细边框
顶部标签 对话 / 轨迹 / 上下,选中项绿色下划线
已归档会话 灰色底色 + 灰标题,右侧「已归档」小标签代替时间,悬停换回操作按钮
深色模式 跟随 Harness 深色主题,深灰 + 亮绿

Harness 默认隐藏已归档会话;要在侧栏「工作区」标题右侧筛选菜单里选 全部对话(显示已归档) 才能看到。本主题会把这类会话画成灰底灰字,并在时间位置显示「已归档」标签,悬停时让位给「取消归档」按钮。

空气泡处理:Harness 有时会给「只有工具调用、没有文字回答」的步骤也渲染助手气泡,宽度极窄。插件用 MutationObserver 量到这类气泡后打 data-wx-empty 标记,样式表将其隐藏;有文字流入 DOM 变化后再显示。

范围:只改外观,不拦截事件、不改 DOM 结构、不加按钮、不碰会话数据。样式依赖 Harness CSS 模块类名后缀(如 .xMeOpW_root、.LOmM4q_bubble);同一大版本内相对稳定,Harness 大升级后若类名变化,需对照 node_modules/@deepseek-ai/dsh-client-ui-chat/lib/client.js 里的映射表调整选择器。

安装与启用

官方安装命令如下(desktop profile):

dsh plugin --profile desktop add github:Cui-chengyu/dsh-wechat-theme

装完后刷新一次 Harness 网页界面。市场收录后,也可在 Harness「插件」页面搜索 dsh-wechat-theme 一键安装。

本地开发时可用 link: 指向已克隆目录,改 client.js 即改线上注入逻辑,无需反复重装:

dsh plugin --profile desktop add "link:<你克隆下来的目录>"

开发与热更新

Harness 浏览器端插件在页面启动时会冻结脚本清单;只刷新页面不会加载新的 client.js,需要让插件行重新注册。任选其一:

  1. 在 profile 的 cordis.patch.yml(路径示例:~/.dsh/profiles/desktop/cordis.patch.yml)末尾临时追加:
   - id: dsh-wechat-theme
     disabled: true

等待约 3~5 秒(插件卸载),再删掉这三行(插件重新装载并按新修订号取回 client.js)。

  1. 使用界面右上角刷新按钮(由 dsh-unlag 提供),在插件重新注册后重建界面。

也可在 patch 里暂时去掉主题行,几秒后再加回,用于对比默认外观与微信主题。

卸载

dsh plugin --profile desktop remove dsh-wechat-theme

再按一次刷新按钮或重启 Harness,界面恢复默认外观。

适用场景与注意

适合谁:长期在 DSH desktop/web 里对话、希望界面接近微信 IM 习惯的用户;属于「趣味换装」类插件,不改变智能体能力。

安全与权限:插件随当前 DSH 进程与 profile 加载;安装前建议浏览 GitHub 仓库 源码与 MIT 许可证。client.js 的安装逻辑包在 try/catch 中,主题挂掉不应拖垮整页,但仍属第三方社区扩展。

生态说明:DSH 理念是「一切皆插件」;SkillHub 等社区目录为独立站点,与 DeepSeek / 幻方无官方从属关系,本文介绍的是社区维护的主题包,并非官方应用商店条目。

结尾

dsh-wechat-theme 用一条官方 dsh plugin add 命令即可启用微信式灰白界面与绿气泡,适合不想动 Harness 核心代码、又想要熟悉聊天视觉的开发者。详情与截图见仓库 README;安装入口见 SkillHub 目录页 与 GitHub。

羽毛球分组比赛记分
小程序二维码

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

Xiaoye