前言¶
DeepSeek Harness(DSH)的对话页默认走宿主自带的 --dsw-* 语义 token 与组件样式。若你长期在 Harness 里做智能体调试、授权确认和用量查看,界面是否清晰、侧栏与会话状态是否一眼可读,会直接影响日常操作节奏。社区里也有换主题的做法,但不少方案要么只改色、要么依赖额外构建链。
下面介绍维护者 zgj980644897 发布的客户端插件 dsh-ui-we2:在不动 React 组件、不写会话数据的前提下,用 CSS 与少量 DOM 挂载,把 Web 客户端重绘成「纸白正文 + 墨黑侧栏 + 信号红点缀」的硬核科幻控制台语言,视觉参考《流浪地球 2》里那套计算机界面。插件归类为「趣味换装」,当前 GitHub 星标为 0;设计、构建与验收面向 DeepSeek Harness 0.2.1-rc.3(Electron 44.7.0 / Node 24),许可证 MIT。
这是什么¶
dsh-ui-we2(包名与 Loader id 一致)是 DSH 的 纯 Web 客户端皮肤插件:只覆盖 --dsw-* token 与样式,通过 window.__ModuleLoader__.load({ id, factory }) 注册浏览器半边;Host 半边仅导出 name 与空 apply,不注入 Cordis 服务、不发起网络请求。运行时 零 dependencies / peerDependencies,lib/client.js 为已提交的构建产物,无需 npm 依赖或额外打包步骤即可安装。
目录页:skillhub.cn 插件页
源码与说明:github.com/zgj980644897/dsh-ui-we2
核心能力(README 已列项)¶
色板与几何¶
把语义 token 换成纸 / 墨两色系:纸白 #fdfcf8、画布 #f8f5ed、墨黑 #111110、信号红 #b2352a、数据青 #2b6771;浅色、深色系统主题下都锁定同一套纸色。圆角全部归零,浮层改为 1px 墨线 + 1px 硬偏移,菜单为不透明纸面、去掉毛玻璃。
字体与对话区¶
正文使用 Bahnschrift + 微软雅黑;代码、时间戳、计数使用 Cascadia Mono / JetBrains Mono。操作员消息为墨黑面板 + 信号红左边条;代码块为墨黑舱体 + 红点标题栏;标题、引用、表格、分隔线均硬边化。
侧栏与会话状态¶
侧栏为墨黑机箱;悬停与当前选中会话整行反相为纸白底 + 墨黑字,行内按钮在纸白行上再反相。正在运行的会话前有双环对转指示器(外圈虚线慢转、内圈信号红弧快转)。
侧栏思考字幕¶
会话列表下方空白处显示实时思考过程日志:内容来自当前会话最后一条 reasoning(经 uiConversation 的 chat 快照读取)。每行以 HH:MM:SS 开头,逐字打出;打字中行首红点,打完转绿点;过长不换行,句尾省略号闪烁表示仍有内容。背景透明、pointer-events: none,不挡操作;无内容或侧栏收成图标栏时隐藏。
用量、菜单、设置¶
用量弹窗改为墨黑面板;上下文用量 ≥ 90% 时进度条、圆环与百分比变为信号红。role=menu / data-menu-material 弹层统一墨黑 + 纸白,悬停/选中时纸白面板自左侧 300ms 扫入。设置弹窗(data-shortcut-modal="settings")保持纸白底 + 墨黑字、零圆角、无入场动画。
授权弹窗与 HUD¶
授权 UI 改为屏幕居中墨黑对话框:顶部居中红色「请求授权」标题条,选项竖排(拒绝描边、允许一次纸白实心),280ms 自 0.82 倍放大入场。页面固定屏幕边框、四角括号、刻度尺、顶部铭牌(含 WE2 // OPS CONSOLE · 550W · 实时时钟 与版本,例如更新后可见 550W · v0.9.0 一类确认方式)、低强度扫描线与纸张颗粒;均 pointer-events: none。
其他¶
新会话页代码墙动画由 96s / 138s 调整为 42s / 60s。各挂载层带 try/catch,DOM 异常只记 warn,不抛进 Cordis fiber;重复加载前会清理同标识旧节点。
安装与启用¶
插件未发布到 npm,README 明确说明不能用 dsh plugin add dsh-ui-we2 按包名安装,只能按路径或脚本/profile 声明安装。安装脚本仅适用于 Windows(PowerShell);macOS / Linux 请用手动 link: 方式。
需要已安装的 DeepSeek Harness Desktop / Web(按 0.2.1-rc.3 UI 结构适配)。修改 profile 后需重启 DeepSeek Harness 才生效。
方式一:install.ps1(Windows,推荐)¶
在插件目录执行:
powershell -NoProfile -ExecutionPolicy Bypass -File .\install.ps1 # desktop profile
powershell -NoProfile -ExecutionPolicy Bypass -File .\install.ps1 -Profile web
脚本会把包复制到 <DSH_HOME>/profiles/<profile>/node_modules/dsh-ui-we2,在 profile 的 package.json 声明依赖,并在 cordis.patch.yml 末尾追加带标记的挂载块;写入前备份、无 BOM UTF-8,写后校验 JSON。
卸载:
powershell -NoProfile -ExecutionPolicy Bypass -File .\install.ps1 -Uninstall
方式二:手动(含 macOS / Linux)¶
在 profile 的 package.json 增加:
"dependencies": {
"dsh-ui-we2": "link:<本目录的绝对路径>"
}
在 cordis.patch.yml 末尾追加:
- insert:
- id: ui-we2
name: dsh-ui-we2
并将本目录复制到 <DSH_HOME>/profiles/desktop/node_modules/dsh-ui-we2(或对应 profile 路径),然后重启。
方式三:bundle¶
package.json 已声明 dsh.bundle.patch → ./cordis.patch.yml。把包加入 profile 的 dsh.profile.bundles,由 bundle 机制挂载(勿再手写重复 insert)。
自定义插件市场索引¶
在 DSH 打开 插件 → 实验性插件 → 自定义插件市场,到 发现 → 添加索引源,粘贴:
https://raw.githubusercontent.com/zgj980644897/dsh-ui-we2/main/market/index.json
索引格式 1,可在发现页一键安装。社区市场 dshopen.org 收录以审核结果为准。
更新¶
Windows 可双击 update.cmd,或执行 powershell -NoProfile -ExecutionPolicy Bypass -File .\update.ps1;也可 git pull(或重新下载 ZIP)后重跑 install.ps1。更新后再次重启应用;HUD 铭牌版本可用于确认是否生效。
典型用法与本地预览¶
安装并重启后,无需额外配置项:皮肤作为纯覆盖层自动生效。若你持有源码目录,可用浏览器直接打开 preview/index.html、preview/approval.html 对照色彩与授权弹窗(与 src/theme.css 同源)。
改色时编辑 src/theme.css 顶部 --we2-paper-* / --we2-ink-* / --we2-signal,再执行:
node scripts/build.mjs
然后重跑安装脚本或复制产物,并重启 Harness。lib/client.js 不要手改。
适用场景与注意¶
适合:希望在 DSH Web 客户端获得统一「纸 / 墨」控制台视觉、侧栏思考字幕与居中授权对话框的开发者;接受按 profile 声明依赖或 Windows 脚本安装的用户。
注意:
- 插件在 当前 DSH 进程权限 下运行,安装前请自行阅读源码与 MIT 许可证,确认无不可接受的行为(本插件自述为纯 CSS/DOM、无网络访问)。
- 兼容性以 0.2.1-rc.3 为基准;其他版本可装可卸,token 层通常仍跟随;若宿主类名钩子(如
sidebarCol、md-code-block、[data-approval-key]等)变更,对应装饰会退回默认样式,不应影响启动或对话。 - README 记载 2026-10-28 的启动崩溃与 profile
package.json的 UTF-8 BOM 有关,非皮肤代码;当前install.ps1已改为无 BOM 写入并校验。 - 分享源码给他人时,README 允许克隆仓库或 Download ZIP 后运行
install.ps1;本文任务要求不展开git clone步骤,你可在 GitHub 页面自行选择获取方式。
结尾¶
dsh-ui-we2 把 DeepSeek Harness Web UI 收成一套可读的 WE2 控制台皮肤:纸色画布、墨黑侧栏与代码舱、思考字幕、居中授权与 bezel HUD,且保持零运行时依赖与失败可降级。若要在本地启用,按 README 用 profile 路径或 Windows 安装脚本挂载即可。
- 目录页:https://www.skillhub.cn/plugins/zgj980644897/dsh-ui-we2
- GitHub:https://github.com/zgj980644897/dsh-ui-we2