黑客帝国皮肤wuzhong962-alt/dsh-matrix-theme

dsh-matrix-theme

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

English：一个用于 DeepSeek Harness Web GUI 的 Matrix / 赛博朋克客户端插件皮肤。纯浏览器端副作用，无宿主服务，无依赖。

效果

- 整套设计 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：注入 、雨幕/星空/飞船/太阳系 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