dsh-unknown-theme:把 DeepSeek 官网视觉搬进 DeepSeek Harness

前言

在 DeepSeek Harness(DSH)的 web 工作区里,默认外观偏工具化。如果你想让首页和对话页更接近 deepseek.com 的观感,dsh-unknown-theme 是一个社区插件:它把官网流体背景、交互网格、粒子鱼 LOGO、标题聚光灯和磨砂玻璃质感移植到 DSH 中。

它解决的主要是视觉问题,不是功能扩展。

插件定位

dsh-unknown-themeycqaq233 维护,采用 MIT 协议。它不是 DeepSeek 官方产品,也不是 DeepSeek Harness 官方组件;社区目录本身独立于 DeepSeek / 幻方,安装前仍应按第三方插件检查源码与许可证。

该插件采用标准 dsh-plugin 形态,静态 client bundle 免构建、免编译,使用纯 CSS/DOM/Canvas 实现,零额外依赖,并支持浅色 / 深色双主题自适应。

核心能力

  • 官网原版 WebGL 流体背景:全屏铺在应用背后,浅色 / 深色各有一套配色。
  • 官网交互网格(HeroGrid 移植):鼠标靠近时网格线被推开,并弹性回弹。
  • 粒子鱼形 LOGO:新会话页出现粒子鱼,成形后可被打散,再缓慢回正。
  • 标题聚光灯:只在标题文字或鱼图标上激活,容器空白区域不触发。
  • 官网质感磨砂玻璃:输入卡、用户历史气泡、侧栏新会话按钮、会话日志按钮统一为磨砂玻璃样式。
  • 双主题自适应:跟随应用 color-scheme 切换浅 / 深色变量。

安装与启用

当前推荐 git 仓库安装:

dsh plugin --profile web add ycqaq233/dsh-unknown-theme
dsh web

安装后重启 dsh web,再硬刷新浏览器(Cmd/Ctrl+Shift+R),主题自动生效。

如果从源码或本地目录安装:

dsh plugin --profile web add /path/to/dsh-unknown-theme
dsh web

README 说明,发布到 npm 后可改用包名安装:

dsh plugin --profile web add dsh-unknown-theme

当前阶段仍建议按 git 仓库安装。

更新与卸载

git 安装后更新:

cd <克隆目录> && git pull
dsh web

卸载:

dsh plugin --profile web remove dsh-unknown-theme
dsh web

卸载并重启后,会恢复官方外观。

配置项

可调参数都在 lib/client.js 顶部:

  • FLUID_SPEED:流体流动速度。
  • FLUID_SCALE:流体噪声波长,值越大形状越宽。
  • GRID_SPACING / GRID_RADIUS:网格点阵间距、鼠标交互半径。
  • LERP_ENTRY:粒子入场组合动画的指数系数,越大越快。
  • LERP_SLOW:粒子成形后被打散时的慢速回正系数。
  • --lg-bg / --lg-border / --lg-bg-hover:磨砂玻璃底色、描边、hover 色,按主题切换。

兼容性与限制

  • DeepSeek Harness:0.1.0-rc.6+
  • Node.js:>=18
  • 浏览器:需支持 WebGL2Canvas 2Dbackdrop-filter

已知实现限制:

  • backdrop-filter 只用在小组件上,避免 containing block 困住 fixed 浮层。
  • 聚光灯只在标题文字或鱼图标上激活。
  • 主题为纯客户端注入,未接入设置页开关面板;卸载即完全恢复官方外观。

适用场景与注意

适合希望 DSH web 工作区更接近 DeepSeek 官网观感的开发者,尤其是只关心视觉、不想额外构建流程的场景。

由于 DSH 插件以当前 dsh 进程权限运行,安装前应检查插件源码、依赖和许可证。该插件为 MIT 协议,但仍应确认仓库来源与自己可接受的安装方式。

链接

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

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

Xiaoye