light theater · DSH 界面主题合集
AshModeling/dsh-light-theater · 主题
DSH Web UI 输入框皮肤:跟随主题的「灯光剧场」边框巡游 + 双光束动画,零依赖纯 CSS,一键开关可调参。
★ 2GitHub 星标
0分支
2026-08-25最近更新
JavaScript开发语言
MIT许可证
主要功能
- 输入框（composer）有三层动画，节奏互相咬合
- 平滑转弯巡游路径由 gen-flow.mjs 生成 37 个关键帧，线段中心沿圆角弧线走，transform: rotate 随路径切线连续旋转（全程单向递增 540°→900°，闭环无缝）。
- 无额外依赖纯 CSS 实现,不引入任何运行时库
- 零权限不请求系统权限、不读写文件、不访问网络
- 顶部边框两段 40px 线段光从顶边中间出发，沿边框圆角弧线平滑转弯反向巡游一整圈（顶边水平滑行 → 角上 45° 弧线 → 侧边垂直下行 → 底部交错 → 返回顶中）：16s / 圈
使用条件
- 颜色通过 color-mix 跟随 DSH 皮肤主题变量(--dsw-alias-);若某皮肤未定义这些变量,会回退到内置 fallback 色,观感略有差异
- 依赖 @property 注册自定义属性,需较新的 Chromium 内核(Edge / Chrome 105+)
安装命令
dsh plugin --profile web add github:AshModeling/dsh-light-theater