sweatybear12138/dsh-collection--packages-dsh-skin-plugin ↗★ 0
dsh-skin-plugin
DSH 自定义皮肤插件:照片/视频壁纸(含 Steam 壁纸引擎导入)+ 从壁纸自动取色 + 分组半透明毛玻璃 + 壁纸文件化轮询热更新。改进自 dsh-ui-appearance。
安装
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:sweatybear12138/dsh-collection#593397e62c59e6cbe45ef91ff6c62365d7e6633e&path:packages/dsh-skin-plugin说明文档
阅读完整 README ↗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.js | Host 半部(占位,零运行时依赖) |
lib/client.js | 浏览器半部:应用器 + 轮询器 + 取色 + 设置面板 |
cordis.patch.yml | 插件行插入补丁 |