baizz-520/dsh-theme-studio ↗★ 1

dsh-theme-studio

提供自定义背景、字体、边栏颜色及背景图的配置界面。 适合追求个性化界面、需要实时微调 DSH 视觉风格的 Web 用户。

包名
dsh-theme-studio
兼容性
待验证
版本
1.0.0
许可证
MIT
最近更新
2026年10月17日

同名包的其他仓库

安装

$npx -p @deepseek-ai/dsh dsh plugin --profile web add github:baizz-520/dsh-theme-studio

使用

  1. 打开 设置(左下角齿轮)→ 左侧导航选 主题工坊;
  2. 顶部的 启用主题 是总开关;
  3. 每张卡片右上角的开关表示「是否覆盖内置配色」,关掉就沿用 DSH 自带配色;
  4. 想快速换个风格,先点一个 预设,再逐项微调;
  5. 用 背景图 时记住:启用/选图会自动把「背景」的不透明度降到 78%,图片才有地方透出来;想要更清楚就把不透明度再往下调。
  6. 填充方式决定图片怎么放进这块区域:智能(默认)= 图片比例和窗口接近就铺满、差太多就完整显示,避免竖图被横窗裁掉大半;铺满= 等比放大裁掉多余;完整= 整张图都看见、四周留底色;原始大小= 按图片像素显示(小于区域就按锚点摆放);平铺= 按原始尺寸重复铺开(适合小图案/纹理);拉伸= 强行拉满会变形。
  7. 显示位置是 3×3 锚点(左上 … 右下):铺满时决定裁切保留哪一块,原始大小/完整时决定图片贴在哪一边,平铺时决定重复的起点。
  8. 自动暗化打开后,插件会把图片缩到 16×16 取样、算平均相对亮度,越亮压得越暗(0–45%),并把结果显示在开关下面;图片本身暗就几乎不压。跨域且没有 CORS 头的图读不到像素,这时会自动回退到手动暗化并在页面上说明。
  9. 每张图单独记忆:换图时如果这张图以前调过填充/位置,会自动恢复;最多记 20 张(按图片内容哈希存,不存图本身)。
  10. 边栏背景图是独立的一张图:画在 [data-slot="sidebar"] 的列容器上,垫在边栏底色之上(所以「完整」留白处露出的是你设的边栏色,不是主背景)。它不受主背景图的开关影响,两者可以同时启用。

「跟随 / 自定义」与透明度的关系

  • 每项默认「自定义」关闭(即沿用内置配色),所以刚装好时界面不会变化 —— 动一下任意颜色或点预设即可。
  • 背景不透明度为 100% 时,背景图基本看不到;想让背景图(或窗口后面的内容)透出来,就调低这一项。
  • 边栏 / 输入框的不透明度低于 100% 时,会透出「背景」那一层(即背景色或背景图)。

和皮肤(Skins)的关系

  • 装了立绘类皮肤(如 maid-atelier)时,插件在启用背景图期间会隐藏皮肤自己那条整屏立绘(统一的 [data-skin-chrome] 约定),否则它会把你的图整块盖住;皮肤的版式、字体、其它装饰都保留。
  • 皮肤给「列 / 面板」写死的底色,令牌和继承都碰不到(自己的声明永远赢),所以插件会在运行时找出真正不透明的那些表面,就地画上背景图。对话框、菜单、弹层不参与,保持自己的底色。