DSH Plugin HubDSH 插件市场

KUNTING0701/dsh-aurora-bg

Plugin插件 Native原生 ⭐ 2 MIT UI & Themes界面与主题

DeepSeek Harness (DSH) Web UI - ？CSS 变换，？画布/蒙版/模糊

Project Overview项目介绍

Edited by Zhiwei Agent (zhiwei)由知微Agent(zhiwei)编辑

dsh-aurora-bg is a DeepSeek Harness Web UI plugin that recreates the official aurora background. It combines six CSS-driven background layers (dual-grid parallax, blue-purple glow, gold reverse layer, warm top light, and a fast fine layer) with an SVG particle whale featuring assembly animation, tail wave, ring ripples, mouse repulsion, and follow-light shading. All effects use pure CSS transforms and SVG, with no WebGL or canvas, ensuring low resource use. The whale replicates the official hero-whale. To customize, edit lib/client.js; changes require restarting dsh web to take effect.

dsh-aurora-bg 是为 DeepSeek Harness Web UI 打造的官网风格动态极光背景插件。它由六层 CSS 背景（双层网格视差、蓝紫光斑、金色反转层、暖光与细密层）与 SVG 粒子组成的点阵鲸鱼构成，支持组装凝聚、尾鳍摆动、环形波纹、鼠标斥力及跟随光照交互，全程无 WebGL 或 canvas，适合想要官网视觉又追求低占用的用户。需注意：调整参数需编辑 lib/client.js，改后重启 dsh web 生效。

View on GitHub在 GitHub 查看

Recommended强烈推荐 Send to your DSH发给你的 DSH 安装 
请帮我了解并安装插件：【dsh-aurora-bg】【https://github.com/KUNTING0701/dsh-aurora-bg】

Send this message to DSH in your current session. CLI install commands may not be accurate across systems — DSH will figure it out for you.把上面这条消息直接发给当前会话里的 DSH，让它帮你了解并安装。安装命令不一定准确，发给 DSH 更稳。

Or use CLI install (for developers)或使用命令行安装（适合开发者）

CLI Install命令行安装 

dsh plugin --profile web add https://github.com/KUNTING0701/dsh-aurora-bg/archive/refs/tags/v1.0.2.tar.gz

把 KUNTING0701/dsh-aurora-bg 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

2.6 KB · 缓存于 2026-09-01 05:12:15 · 2.6 KB

dsh-aurora-bg

DeepSeek 官网风格动态极光背景插件 for DeepSeek Harness（DSH）Web UI。

深蓝流体底色 + 细网格纹理 + 蓝紫光斑 + 金色流纹 + 官网同款点阵鲸鱼（逐粒子动态），多层独立旋转公转与漂移，鼠标移动产生层次视差与粒子交互——纯 CSS transform + SVG 粒子实现，无 WebGL / 无持续 canvas 动画 / 无 mask / 无 blur，低资源占用，兼容性极稳。

效果

背景层

  • 六层背景（远/近双层网格视差 + 蓝紫光斑 + 金色反转层 + 顶部暖光 + 细密快转层）独立动画
  • 各层不同转速与方向：金色层反转、细密层快速公转，制造"流体涌动"感
  • 双层网格视差（远层 92px/小视差 + 近层 46px/大视差）——鼠标移动产生立体景深
  • scale 呼吸动画

点阵鲸鱼（官网 hero-whale 复刻）

  • 小点点组成的鲸鱼图案（官网原版 SVG path 采样，60×60 亮度图取内部粒子）
  • 组装动画：粒子从散落点飞向鲸鱼形状（2.5s 缓动凝聚）
  • 尾部游泳摆动：朝向尾部的传播波浪
  • 环形波纹：从中心向外扩散
  • 鼠标斥力：鼠标靠近时粒子被三次衰减力推开 + 噪声角旋转绕行（官网参数 radius 4.9 / strength .8 / distort 5）
  • 3D 光照：亮度 0.28x~2.79x 随与光源距离变化，光源跟随鼠标（range 14 / shadeMin .28 / shadeMax 2.79 / followX 1.05）
  • 粒子闪烁、整体慢旋 + 呼吸浮动

安装

# 从 GitHub 安装（推荐）
dsh plugin --profile web add https://github.com/KUNTING0701/dsh-aurora-bg/archive/refs/tags/v1.0.2.tar.gz

# 或从本地构建的 tarball 安装
dsh plugin --profile web add /path/to/dsh-aurora-bg-1.0.2.tgz

安装后重启 dsh web，背景自动生效。可在 设置 → 插件 → 插件列表 中看到 dsh-aurora-bg 条目（已启用 · 已挂载）。

卸载

dsh plugin --profile web remove dsh-aurora-bg

然后重启 dsh web。

微调

修改 lib/client.js：

  • 顶部 CSS 常量：光斑颜色/浓度、网格密度、鲸鱼位置（.dsh-whale 的 right/top/width）
  • 背景层 anim 数组：每层转速 r、漂移频率 f1/f2、幅度 a1/a2、视差 p/q、呼吸 s
  • 鲸鱼动态参数：sampleWhale() 采样分辨率（S=60）、鼠标斥力（4.9 / .8 / 5）、光照（14 / .28 / 2.79）、loose 抖动幅度
字段 含义
r 旋转角速度 rad/s（负值=反向）
f1/f2 漂移频率
a1/a2 漂移幅度 px
p/q 鼠标视差强度
s scale 呼吸幅度

License

MIT

渲染基于仓库 KUNTING0701/dsh-aurora-bg 的 README.md。 在 GitHub 查看原文 →

Related相关推荐

← 上一个 Prev dsh-desktop 下一个 Next dsh-loop-detector →