AshModeling/dsh-light-theater ↗★ 0
@linxin666/dsh-input-skin
DSH 输入框皮肤插件:跟随皮肤主题美化输入框——内部青/紫双光束向两侧扩散巡视(24s 大周期切换红蓝)、顶部两段线段光沿边框圆角弧线反向巡游(16s 一圈)、青→蓝→紫颜色循环(4s)。
安装
此插件尚未提供可验证的 bundle,或兼容性检查未通过。请先阅读仓库说明。 阅读完整 README ↗
说明文档
阅读完整 README ↗dsh-light-theater · DSH 输入框皮肤
DeepSeek Harness (DSH) Web UI 输入框皮肤插件:跟随当前皮肤主题,给输入框加一套「科技风灯光剧场」。

✨ 特性
输入框(composer)有三层动画,节奏互相咬合:
| 层 | 效果 | 节奏 |
|---|---|---|
| 顶部边框 | 两段 40px 线段光从顶边中间出发,沿边框圆角弧线平滑转弯反向巡游一整圈(顶边水平滑行 → 角上 45° 弧线 → 侧边垂直下行 → 底部交错 → 返回顶中) | 16s / 圈 |
| 线段颜色 | 青 → 蓝 → 紫 循环,渐变浓度随循环加深 | 4s / 圈 |
| 内部光束 | 青 + 紫两道宽光束从中间向两侧扩散再收回;大周期配色:青紫 ×2 遍 → 红蓝 ×2 遍 → 往复 | 6s / 来回,24s / 大周期 |
| 呼吸 | 线段与内部光同步呼吸脉动(缩放/明暗) | 2.4s |
- 全部为 CSS 动画(
background-position/transform: rotate/@property自定义属性驱动颜色),零依赖、零 JS 逻辑,性能友好。 - 颜色全部用
color-mix跟随 DSH 皮肤主题变量,换肤自动适配。 - 在 设置 → 通用 中提供开关,一键启停。
📦 安装
DSH 插件通过 pnpm add link: + cordis.patch.yml 挂载(参考 DSH 插件开发文档)。
# 1. 克隆 / 下载本仓库到本地(如 ~/dsh-plugins/dsh-light-theater)
# 2. 在 DSH web 插件目录安装
cd
pnpm add link:
在 ~/.dsh/profiles/web/cordis.patch.yml 中追加挂载:
- insert:
- id: dsh-light-theater
name: '@linxin666/dsh-light-theater'
重启 DSH web,进入 设置 → 通用 → 输入框皮肤 开启即可。
注意:
lib/client.js由浏览器实时读取,修改源码后刷新页面(建议 Ctrl+F5)即可生效,无需重启服务。
🎛️ 可调参数
所有参数都在 lib/client.js 顶部的 CSS 模板里,改一处刷新即生效:
| 参数 | 位置(搜索关键词) | 默认 |
|---|---|---|
| 巡游速度 | dsh-flow-path 16s | 16s 一圈 |
| 线段长度 | .dsh-role-flow-a 的 width:40px | 40px |
| 颜色循环速度 | dsh-seg-color 4s | 4s |