sweatybear12138/dsh-collection--packages-dsh-skin-plugin0

dsh-skin-plugin

DSH 自定义皮肤插件:照片/视频壁纸(含 Steam 壁纸引擎导入)+ 从壁纸自动取色 + 分组半透明毛玻璃 + 壁纸文件化轮询热更新。改进自 dsh-ui-appearance。

包名
dsh-skin-plugin
版本
0.1.0
许可证
MIT
最近更新
2026年8月17日

安装

$npx -p @deepseek-ai/dsh dsh plugin --profile web add github:sweatybear12138/dsh-collection#593397e62c59e6cbe45ef91ff6c62365d7e6633e&path:packages/dsh-skin-plugin

dsh-skin-plugin

DSH 自定义皮肤插件(改进自 dsh-ui-appearance)。

特性

  • 照片/视频壁纸:壁纸文件由 tools/change-skin.mjs 推送到 dsh 静态目录 /skin/,插件轮询 version.json 自动热更新——换照片后无需刷新浏览器
  • Steam 壁纸引擎导入tools/WE导入.cmd 扫描 WE 工作坊目录,把视频壁纸推成动态背景
  • 从壁纸自动取色:设置面板一键,浏览器端 k-means 提色 + WCAG 对比度推导,整套配色跟随照片
  • 分组半透明:主面板 / 侧边栏 / 浮层三个独立不透明度滑块(SURFACE_TABLE 数据驱动)
  • 壁纸不透明度 / 模糊 / 遮罩 滑块,实时生效
  • 配色导出 / 导入(JSON),localStorage 持久化(按浏览器)

机制

  • dsh.bundle.patch + cordis.patch.yml:官方插件形态,dsh plugin add 即入插件树,卸载即完整还原
  • ctx.theme.overrideTokens():原生 token 覆写({light, dark} 双模式对)
  • 背景图层:position: fixed 位于 body 背景之上、#root 之下(z-index 抬升),模糊直接作用于图层,不用 backdrop-filter(避免 #root 变成 fixed 后代的包含块)
  • 半透明表面按当前生效 token 颜色烘焙 rgba(),浅/深色各一套

开发

# 语法检查
node --check lib/client.js
node --check lib/index.js

文件说明:

文件说明
lib/index.jsHost 半部(占位,零运行时依赖)
lib/client.js浏览器半部:应用器 + 轮询器 + 取色 + 设置面板
cordis.patch.yml插件行插入补丁