AshModeling/dsh-light-theater

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 插件开发文档）。 在 /.dsh/profiles/web/cordis.patch.yml 中追加挂载： 重启 DSH web，进入 设置 → 通用 → 输入框皮肤 开启即可。 注意： lib/client.js 由浏览器实时读取，修改源码后刷新页面（建议 Ctrl+F5）即可生效，无需重启服务。 🎛️ 调参区（自己调整） 打开 lib/client.js ， CSS 模板最顶部的 ★ 调参区 ★ 就是全部参数，改完 Ctrl+F5 刷新生效： 颜色支持 hex 、 rgb() 、 hsl() 、颜色名；时长支持 s / ms 。角半径（转弯弧度）在 gen-flow.mjs 锚点 2.5% ，需重新生成关键帧。 🗂️ 目录结构 🛠️ 技术要点 - 平滑转弯 ：巡游路径由 gen-flow.mjs 生成 37 个关键帧，线段中心沿圆角弧线走， transform: rotate 随路径切线连续旋转（全程单向递增 540°→900°，闭环无缝）。 - 颜色循环 ： @property 注册 自定义属性 + var() 引用，颜色在渐变里平滑插值（避免 hue-rotate 滤镜动画在某些环境不推进的问题）。 - 主题适配 ： color-mix(in srgb, var(--dsw-alias- , fallback) x%, ...) 跟随 DSH 皮肤。 📄 License MIT © AshMo…

分类