前言¶
在 DeepSeek Harness(DSH)的 web 工作区里,默认外观偏工具化。如果你想让首页和对话页更接近 deepseek.com 的观感,dsh-unknown-theme 是一个社区插件:它把官网流体背景、交互网格、粒子鱼 LOGO、标题聚光灯和磨砂玻璃质感移植到 DSH 中。
它解决的主要是视觉问题,不是功能扩展。
插件定位¶
dsh-unknown-theme 由 ycqaq233 维护,采用 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。 - 浏览器:需支持
WebGL2、Canvas 2D、backdrop-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