dsh-matrix-theme

黑客帝国 / 赛博朋克皮肤 —— DeepSeek Harness (DSH) Web GUI 的客户端插件。

English: A Matrix / cyberpunk client-plugin skin for the DeepSeek Harness web GUI. Pure browser-side side effect, no host services, no dependencies.

效果

• 整套设计 token 覆盖为绿色黑底（Matrix）配色：背景、文字、主按钮、链接、代码高亮、滚动条、弹窗、侧边栏。
• CRT 扫描线 + 暗角。
• 全屏矩阵雨 canvas（mix-blend-mode: screen，不挡交互；prefers-reduced-motion 下自动关闭）。
• 右下角 Matrix 版「Siri 虚拟人」动效（190px canvas）：发光核心球 + 六条律动椭圆环 + 公转数字粒子 + 声呐扩散涟漪。
• 屏幕中心透视循环的绿色流线型战斗机（3/4 俯视透视视角）：从小点不断放大冲穿屏幕 → 回稳悬停 → 缩小退远，无限循环；全程带超空间隧道、落地冲击波、手持震动、运动模糊、引擎光晕。
• 左下角太阳系：地球（海洋渐变 + 大陆自转 + 云带 + 大气光晕）自转，月球沿倾斜椭圆轨道公转，轨道虚线。
• 银河系背景：深蓝黑星云渐变 + 全屏星空层（520 颗闪烁星光、4 团星云、流星、缓慢旋转）。

安装

方式一：web profile 手动放置（已验证）

把包放到 web profile 的 node_modules 下（Node 从 profile 目录解析，无需 pnpm）：

~/.dsh/profiles/web/node_modules/dsh-matrix-theme/

然后在 ~/.dsh/profiles/web/cordis.patch.yml 插入：

- insert:
    - id: matrix-theme
      name: 'dsh-matrix-theme'

刷新浏览器页面即生效（插件条目由服务端热加载进 window.__DSH_BOOT__ 图；若未生效，重启 dsh web 服务）。删除上述条目即可恢复默认皮肤。

方式二：npm 安装（如已发布）

npm i dsh-matrix-theme

前置要求

• 包内 package.json 声明了 dsh.client.platform: "web" + immediately: true（启动即注入，避免闪烁）。
• 需要一个有效的 node 端 cordis 插件（lib/index.js 空实现）让 loader 有活跃 fiber，浏览器 bundle 才会被服务。
• 浏览器端通过 window.__ModuleLoader__.load({ id, factory }) 加载，副作用写在 factory 里。

文件

文件	说明
package.json	dsh.client.platform: "web" + immediately: true
lib/index.js	host 端空实现（仅让 loader 有活跃 fiber）
lib/client.js	浏览器端 bundle：注入 <style>、雨幕/星空/飞船/太阳系 canvas
README.md	本文件
LICENSE	MIT

调参

• 雨幕浓淡：mountMatrixRain 里 canvas 的 opacity。
• 虚拟人位置/大小：mountMatrixAvatar 里的 SIZE 与 cssText 的 right/bottom。
• 飞船/机甲：mountMatrixShip —— 周期时长（ENTER_DUR/HOVER_DUR/EXIT_DUR/GAP_DUR）、随机范围（makeRoute 里的 rx(...) 区间）、几何（drawMech 内坐标）。
• 改动 lib/client.js 后直接刷新页面即可（服务端按请求读文件，no-cache）。

兼容性

• 纯浏览器端副作用，无外部依赖、无网络请求、无持久化，安全可回滚。
• 尊重 prefers-reduced-motion（动效自动关闭）。
• 覆盖浅色/深色两种 token 结构，强制绿色黑底。

License

MIT