中文 · English · 日本語 · 한국어 · Español · Français · Deutsch · Русский
dsh-dream-skin 🔮
为 DeepSeek Harness 换上一张克制、清透、有质感的「脸」。
原生换肤 · 背景壁纸 · 强调色 · 主题包 —— 一条 --dsw-* token 生态内的优雅实现。装一次,用很久。
写代码的地方,可以很安静。
| 🎨 8 套原创主题 | 🖼️ 壁纸 + 弥散光 | 🎯 克制的强调色 | 📦 主题包可分享 |
|---|
1 行安装 · 纯原生(无注入/不改安装包)· 不因 DSH 更新失效
🎮 两种玩法,一条插件都给你
🪄 玩法一:开箱即用的优雅 | 🧱 玩法二:随你掌控的 DIY |
内置 8 套设计师调校的预设皮肤(Mirage 幻梦系列),浅色 / 深色兼顾,每套自带专属弥散光背景。 戴上即高级,不用任何调参。 | 在预设之上,你还能 换壁纸(本地图 / URL / 渐变)、叠加强调色 Accent、拖入或分享一个主题包,内部每个 token 都能摸到。 想要的样子,自己捏。 |
两种玩法分层独立、互不干扰:预设皮肤决定「材质与底色」,DIY 一层是纯叠加(overrideTokens),随开随关、一键还原。
📸 实机截图
真机效果,非概念图。左:应用皮肤后的 DSH 界面;右:设置里的「个性化皮肤」分节。
DSH 皮肤实机预览
设置中的「个性化皮肤」分节
🎨 玩法一:8 套预设皮肤(Mirage 幻梦系列)
开箱即用的优雅。 在 设置 → 个性化皮肤 一键切换。下列预览由各皮肤的真实 token + 专属弥散光背景生成——所见即所得,点开可放大查看精致材质。
abyss abyss · 🕶️ 沉静蓝 深海蓝黑底,唯一一束靛蓝高光;弥散光取深水反弹 | aurora aurora · 🌌 极光青 冷青主调,强调色转出成功绿带,信号色永不撞车 | nebula nebula · 🪐 星云紫 星云尘埃紫,弹层与气泡同源渐变,朦胧而有序 | ember ember · 🔥 余烬橙 唯一暖色暗皮肤:焦琥珀 + 深可可底,暖而不脏 |
midnight midnight · 🌚 子夜黑 刻意消色差的 OLED 纯黑,最克制的沉浸 | ivory ivory · 📐 iOS 扁平 暖纸感画布 + iOS 蓝,白阶梯精排不刺眼 | mist · 🧊 干净明亮 |
浅色 / 深色兼顾:mist、ivory、rose 为浅色系,其余为深色系。
每套皮肤自带专属默认参数(弥散光浓度 / 模糊 / 侧栏与输入框透明度 / 弹窗透明度 / 玻璃材质)——
切到哪套,哪套就是它的最佳状态;你自己调过的参数不会被覆盖。8 套皮肤全部通过 229 项可测质量门(217 项调色门 + 12 项工艺门)
(OKLCH 感知明度阶梯、三级文字对比度 WCAG 2.1 + APCA 双达标、信号色相分离、跨皮肤可区分度)。
不喜欢预设?往下看玩法二。
🧱 强大 DIY 空间(玩法二)
预设皮肤之外,dsh-dream-skin 还给你一套完整的自定义体系——想捏出独一无二的工作区,从这里开始。
| 能力 | 玩法二 · 你能做什么 |
|---|
| 🖼️ 自定义壁纸 2.0 | 本地图 / 图片 URL / 渐变预设;附带透明度 / 模糊 / 填充方式(裁剪填充 · 完整显示 · 模糊填充;后两档里竖图自动并排平铺),每套皮肤还自动建议一张渐变,可自动弱化(壁纸不透明度最高 45%) |
| 🌈 每用户强调色 Accent | 为当前皮肤叠加自定义品牌强调色(overrideTokens 层,不动皮肤本身),12 个典型色块一键选色 + 选色盘 + 随机 + 恢复主题色 |
| 📦 主题包导入 / 导出 / 分享 | 一个 *.dsh-theme.json = manifest + 全套 tokens,可导入文件、一键应用、复制分享链接(编码进 URL hash) |
| 🪟 弹窗不透明度 | 滑块控制下拉菜单 / 浮层 / 弹窗的底填充透明度,跟随持久化保存;凡用「弹层底色」令牌铺底的面(设置面板、插件管理、轨迹图 tooltip、卡片浮层等)共享一层 92% 可读性下限,滑杆拉到底也不读穿;下拉菜单与遮罩两条腿仍是全量程 |
| 🧩 本地主题包库 | 导入的主题包集中展示,应用 / 收藏 / 移除 一键完成 |
| 🎲 随机换一个(surprise me) | 随机换一个和你当前不同的主题;收藏喜欢的皮肤快速切换 |
| 🧹 恢复出厂设置(11.4.0) | 在「导入与导出」底部,两段式确认(点两下才算数,旁边有取消)。把所有设置项改回出厂值——滑杆、开关、皮肤、强调色、材质、壁纸数值与取景,壁纸链接本身也回到出厂那张(必应每日);导入的主题包、收藏、壁纸文件夹路径与轮播列表一律不动,因为那是你带进来的内容,不是"默认"该覆盖的东西。低功耗开关回到「自动跟随系统」 |
| ✅ 校验 + 回滚 | 导入时校验格式 / 必填 token / 颜色合法性;失败或移除时安全回退,不做破坏性更改 |
一切都叠加在预设之上,随开随关、一键还原到 DSH 内置外观——大胆去试,不会弄坏什么。
⚡ 一句话安装
复制下面这句话给你的 DSH,它自己会装好一切:
请帮我安装 dsh-dream-skin 换肤插件(https://github.com/RevolutionLA/dsh-dream-skin 或 npm 的 dsh-dream-skin),装完告诉我如何重启 DSH Web。
不想麻烦 Agent?命令行一条:
dsh plugin --profile web add dsh-dream-skin && dsh web
🚀 现已发布到 npm! 装好 DSH 后,一条命令即可安装,无需 clone。
纯原生接入,无注入、不改二进制、不因客户端更新失效。
🏆 为什么值得用(vs 同类 DSH 主题插件)
换个赛道看:同类插件要么是把一套现成色板移植过来(好看,但配置只有一个开关)、要么是锁死单一美学的定制款、
要么专注把外部壁纸搬进来。我们把换肤做成一整套可调的材质与配色系统——追求的不是「更花」,
而是「更准、更克制、更耐看」,像一块反复推敲的玻璃。审美 + 可调性是我们的护城河。
| 能力 | 本插件 | dsh-catppuccin-theme(色板移植) | dsh-theme-mineradio(单一美学定制) | dsh-wallpaper-engine(壁纸引擎 + 液态玻璃 UI) |
|---|
| 8 套原创设计(非现成色板移植,原创 token + 弥散光) | ✅ | ❌ (4 套 Catppuccin 官方色板) | ❌ (1 套香槟金美学) | ❌ |
| 毛玻璃 / 液态玻璃双材质一键切换 | ✅ | 部分(固定玻璃质感) | ❌ | ❌ |
| 输入框 / 弹窗独立透明度滑杆 | ✅ | ❌ | ❌ | 部分(设置窗口 / 浮层 / 左侧栏 / 标题栏各有独立透明度与模糊;输入卡片与气泡可独立配颜色与保真度,透明度走全局) |
| 开箱即用的出厂配置(装完重启就是调好的样子) | ✅ | ❌ | ✅(本身即成品) | 部分(出厂玻璃默认 + 7 份玻璃预设;无出厂壁纸 / 皮肤) |
| 自定义壁纸 + 透明度/模糊 | ✅ | ❌ | ❌ | ✅(核心能力) |
| 壁纸 2.0(URL / 渐变预设 / 每皮肤建议 / 自动弱化 / 必应每日 + 定时更新) | ✅ | ❌ | ❌ | 部分(本地图片 / 视频上传 + 自动轮播定时切换 + 适配模式;无 URL / 渐变预设 / 必应每日) |
| 每用户强调色 Accent(叠加层,不动皮肤本身) | ✅ | ❌ | ❌ | 部分(6 预设 + 自定义主题色,驱动按钮 / 开关 / 链接 / 导航选中 / 滑块 / 玻璃高光;无「皮肤叠加层」概念) |
| 主题包导入/导出 + 分享链接(JSON,无代码分发) | ✅ | ❌ | ❌ | 部分(字体集与玻璃预设可导出 / 导入 JSON;无分享链接) |
| 本地主题包库 + 收藏 + 随机换 | ✅ | ❌ | ❌ | ❌ |
| (宿主换代自动降级不报错) |
一句话:想要 Catppuccin 的品牌色、mineradio 的氛围感?本插件的主题包系统都能做出来或叠出来——
反过来不成立。
✨ 功能一览
| 能力 | 说明 |
|---|
| 🎨 8 套主题预设(Mirage 幻梦) | 在 设置 → 个性化皮肤 一键切换,浅色 / 深色兼顾 |
| 🖼️ 自定义壁纸 | 上传本地图(自动压缩 ≤2MB),调节透明度 / 模糊 / 填充方式(裁剪填充 / 完整显示 / 模糊填充);选中图片后可再调取景(水平/垂直偏移 ±100%、缩放 50–300%,偏移以视口为单位,图片可以整张移出画面) |
| 🧊 玻璃材质(毛玻璃 / 液态玻璃) | 一键切换玻璃质感,透明度滑杆越右越透;模糊一个旋钮同时驱动壁纸与玻璃表面 |
| 🪫 低功耗模式 | 设置 → 玻璃效果里一个勾选:关闭全部玻璃模糊与壁纸模糊,把大块半透明面变成平涂。给「两块窗口同开就掉帧 / GPU 占用高」的机器一个开关(issue #110);三态:没动过勾选 = 自动跟随系统的「减少透明度」(macOS 辅助功能 → 显示 → 减少透明度),勾过 = 固定住你的选择,行上可「交还给自动」。#110 的 M4 实测:空闲 GPU 23% → 11%,快速滚动 75-80% → 60-65% |
| 🖼️ 开箱即用的出厂配置 | 首次安装即带完整美化配置:星云皮肤 + 内置壁纸 + 调好的玻璃数值,装完重启就能用 |
| 🌤️ 必应每日壁纸(预置) | 「背景与壁纸」选「固定图片 → 图片链接」时预填必应每日一图接口,点「保存」即可(重复点会强制重新拉图,不会被浏览器缓存挡回旧图);也支持任意图片 URL + 定时更新缓存 |
| 🔁 壁纸轮换 | 「背景形式」选「图片轮播」后,图片来源可在图片链接(最多 20 条 http/https 图片链接,每行一条)或本地文件夹(填文件夹路径,读这一层和往下最多三层真实子文件夹里的 jpg / png / webp / gif / avif / bmp,不含 HEIC、SVG、隐藏文件夹和符号链接;新放进去的照片自动加入)之间选一个图源,按 5 分钟到 7 天的间隔顺序或随机切换(文件夹图源下顺序即「按目录名字」:先播文件夹自己的图,再按名字逐个子文件夹播完),也可点「切换到下一张」。文件夹由插件的宿主部分读取,只能读到所选文件夹里的图片。坏链接或打不开的图片只丢它自己;窗口隐藏时不切换,回到前台补上;默认关闭(issue #61) |
| 🔤 内层不透明 | 卡片、输入框、消息气泡不被壁纸盖住,可读性优先 |
| ↩️ 默认还原 | 一键回到 DSH 内置外观(跟随系统) |
| 💾 三层持久化 | 皮肤与壁纸存 localStorage + 宿主侧 dream-skin.json,刷新不丢;桌面版每次换端口、重启也不丢 |
🔬 合成器预算(issue #110)
⌄ 展开本节
模糊不是"看着更重"——每一块磨砂面都是一次离屏合成,两块窗口同开就是两倍。所以这一项有数可查:
npm run compositor:audit # 逐处:行号 / 模糊半径 / 所在选择器
(在仓库里跑——npm 包只带运行时,不含 scripts/)
当前发货的浏览器半边实测:6 块 backdrop-filter 面板(宿主的提问卡 24px、待办/队列坞 20px;我方的模态卡 14px、输入框 14px、/ 命令面板 14px、液态玻璃 34px;另有 2 条 none 低功耗守卫,审计合计 8 条声明)、40 处 radial-gradient、2 个 requestAnimationFrame 循环,外加壁纸层的全屏 filter: blur()("模糊填充"时还有一层更厚的 bleed 光晕)——最后这笔是最大的一层,它由 JS 写在行内样式上,不在样式表里,所以只读 CSS 的审计会把它漏掉(第一版就是这么漏的)。这些数字由 tests/compositor_budget.test.cjs 看住:多一块、厚一档,都要在 diff 里改预算表并写理由。
它能证明什么:这个版本声明了几块面板、每块多厚,以及低功耗开关是否真的覆盖了它们(含伪元素与壁纸层)。
它不能证明什么:"你的机器此刻合成了几块"——那取决于窗口数、外接屏、驱动,以及当前挂了哪些面板。
觉得卡,先开低功耗(设置 → 玻璃效果):它会把页面上每一个 backdrop-filter(含 *::before / *::after)和壁纸那层模糊一起关掉。这是本插件为"两块窗口同开就掉帧"准备的唯一开关。
报性能 issue 时最有用的三样:① 开 / 关低功耗各一次的实际感受;② chrome://gpu 里 Compositing 那一段;③ 同时开了几个窗口、几块屏。维护者手上没有 M4 机器——静态那一半我们能自己量,动态那一半只能靠你那边。
🧩 它是什么形式的插件
⌄ 展开本节
它是 DeepSeek Harness 的标准「双面插件」(dsh-plugin)——加载和用法与官方 ui-theme 完全一致。
DeepSeek Harness 的口号是「一切皆插件」:模型、工具、沙箱、会话、UI,乃至 Agent Loop 本身都是插件。
dsh-dream-skin 的本质就是把「换肤」做成一个和官方 UI 包同构的 npm 包:
┌────────────── dsh-dream-skin(标准 dsh-plugin / 双面插件)──────────────┐
│ dsh.bundle → cordis.patch.yml 插入 dream-skin 入口 (host 半边) │
│ dsh.client → lib/client.js(浏览器 bundle) (浏览器半边) │
└─────────────────────────────────────────────────────────────────────────┘
- 安装命令 = 官方唯一安装命令:
dsh plugin --profile web add dsh-dream-skin
- 官方桌面版(DSH Desktop)不能用命令行装:宿主 CLI 里写死了
profile === "desktop" 直接报错
(error: profile "desktop" is managed exclusively by the Electron application,本机在 dsh/lib/bin.js 读到该分支)。
两条走得通的路:① 在应用内的插件管理界面装;② 在该 profile 目录里手工
pnpm add dsh-dream-skin@<确切版本号>(实测 2.3 秒通过,pnpm 会自行把该版本追加进 minimumReleaseAgeExclude)。
版本号必须写死:老 profile 的 ^9.x 按 semver 覆盖不到 10.x,而发布 24 小时内不带版本号的命令会被 pnpm 冷静期退回旧版。
- 调用的是官方扩展点:
ctx.theme(注册主题)、ctx.theme.overrideTokens(叠加层)、
ctx.slots(把 UI 挂进独立的 设置 → 个性化皮肤 分节)。
- manifest 契约与官方一致:
dsh.bundle + dsh.client + exports["./client"]。
也就是说:你装的不是一个旁门左道的脚本,而是 DSH 官方插件体系里的标准皮肤插件。
⚡ 快速开始(3 步)
# 1. 安装
dsh plugin --profile web add dsh-dream-skin
# 2. 重启
dsh web
# 3. 打开 设置 → 个性化皮肤 → 主题皮肤,挑一套 → 完。
装的是 npm 已完成发布的正式包,无需 clone。若 dsh plugin add 报 workspace 相关错误,补一个 -w 即可。
两种情况下请把版本号写死(npm view dsh-dream-skin version 当场查号):刚发版的 24 小时内(pnpm 冷静期会静默装上旧版),
以及从 9.x 升上来的老 profile(^9.29.0 覆盖不到 10.x)——见下文「安装」与「更新」。
📦 安装
四种方式任选其一,装完重启 DSH Web 即生效(当前会话会中断,但 DSH 会话有磁盘持久化,重启后可以恢复)。
方式一:npm 正式包(推荐,最简单)
dsh plugin --profile web add dsh-dream-skin
刚发版的那 24 小时内,请把版本号写死:dsh plugin --profile web add dsh-dream-skin@<最新版本>(版本号当场查:npm view dsh-dream-skin version)。
原因是 pnpm 的 minimumReleaseAge(新版本冷静期)会把不带版本号的 add/update 静默解析成上一个"成熟"版本,
并在输出里只留一行提示(如 + dsh-dream-skin ^9.27.1 / (9.29.0 is available))。若那个旧版本的主机 peer 范围
不覆盖你当前的 dsh 运行时(例如 9.27.x 声明 ^0.1.0-rc.6,不含 0.2.x),宿主会在安装期直接拒绝并回滚
package.json / pnpm-lock.yaml / node_modules,报错看起来像"插件不兼容",实际是没装上最新兼容版。
显式写版本号会让 pnpm 自动把该版本加入 profile 的 minimumReleaseAgeExclude,不再退回旧版。
等冷静期过了(发布时刻 +24h)用不带版本号的命令效果相同。桌面版同理,把 --profile web 换成你实际的 profile 名
(在 %USERPROFILE%\.dsh\profiles\ 下看目录名);桌面 profile 由 Electron 应用独占管理,CLI 会硬拒,
走 docs/desktop-support.md 里那条走得通的路。
▸ 方式二:从 GitHub 安装(固定到已验证的提交)
方式二:从 GitHub 安装(固定到已验证的提交)
dsh plugin --profile web add 'github:RevolutionLA/dsh-dream-skin#<40位commit>'
固定到 release 对应的 commit,之后 main 的新改动不会静默改变已安装代码。
▸ 方式三:从 Release tarball 安装(离线 / 不便走 git 的环境)
方式三:从 Release tarball 安装(离线 / 不便走 git 的环境)
从本仓库 Releases 下载 dsh-dream-skin-<版本>.tgz(内含构建好的 lib/client.js,安装时无需执行任何 prepare 脚本),然后:
dsh plugin --profile web add ./dsh-dream-skin-<版本>.tgz
▸ 方式四:克隆后从本地路径安装(开发迭代)
方式四:克隆后从本地路径安装(开发迭代)
git clone https://github.com/RevolutionLA/dsh-dream-skin.git
cd dsh-dream-skin
dsh plugin --profile web add .
dsh plugin 会把相对路径锚定到你运行命令的目录,装的是指向克隆目录的 link 依赖:改完源码保存,重启 DSH 即生效,无需重新安装。
重启并验证:
dsh web
dsh --profile web --dump-config | grep -A2 dream-skin # 应出现 dream-skin loader 条目
打开 设置 → 个性化皮肤:自 11.1.0 起这一节分成四个分区——主题与配色(皮肤、强调色)、玻璃效果(材质、各面透明度、低功耗)、背景与壁纸(背景形式、图片来源、轮播、填充与取景)、导入与导出(主题包)。
-w 标志在裸 add 时必需:每个 profile 自带 pnpm-workspace.yaml,pnpm 会把它当作 workspace 根,裸加报错
ERR_PNPM_ADDING_TO_ROOT。若已加过 -w,后续用现有 workspace 即无需重复。
🔄 更新 / 卸载
⌄ 展开本节
更新到最新版(装的是 npm 正式包时):
dsh plugin --profile web update dsh-dream-skin
dsh web # 重启生效
刚发版的那 24 小时内,请把版本号写死。 pnpm 的「新版本冷静期」(minimumReleaseAge,默认 24 小时)会把
不带版本号的 add / update 静默解析成上一个"成熟"版本——不报错,只在输出里留一行
(x.y.z is available) 提示。若那个旧版本的主机 peer 范围不覆盖你当前的 dsh 运行时,宿主会在安装期直接拒绝并
回滚 package.json / pnpm-lock.yaml / node_modules,看起来像"插件不兼容",实际是没装上新版。改用:
dsh plugin --profile web add dsh-dream-skin@<最新版本> # 显式版本会让 pnpm 把它加进 profile 的 minimumReleaseAgeExclude
桌面版同理,把 --profile web 换成实际 profile 名(%USERPROFILE%\.dsh\profiles\ 下的目录名)。
完整说明与对照实验见 issue #62 的补充更正。
老 profile 请直接用带版本号的 add,别指望 update:update 沿用 package.json 里已有的依赖范围,
而 9.x 时代写下的 dsh-dream-skin: ^9.29.0 按 semver 永远覆盖不到 10.x(caret 只在同一个主版本内浮动),
于是 update 报"已是最新"、界面却还是旧版。改写这条依赖要用:
dsh plugin --profile web add dsh-dream-skin@<最新版本> # npm view dsh-dream-skin version 当场查号
这不是新缺陷,是旧修复没送达——排查这类"我明明更新了却没变化"请先核对实装版本号,
步骤见 docs/publishing-to-npm.md 第九节。
卸载:
dsh plugin --profile web remove dsh-dream-skin
dsh web # 重启后恢复官方外观
🧩 兼容性
| 项 | 值 |
|---|
DeepSeek Harness (dsh) | 同一构建兼容三代宿主:0.1.0-rc.6 ~ 0.1.x(稳定版)与 0.2.0-rc.1 / 0.2.x(peer 已放宽为 >=0.1.0-rc.6 <0.3.0-0,宿主换代由运行时能力探测兜底)。宿主升级后皮肤消失但插件显示已装? 多半是 peer 窗口把整包跳过了——应急出路:dsh plugin allow-version dsh-dream-skin@<版本> <宿主运行时版本>(用户自担风险的显式覆盖,不是推荐做法),详见 docs/desktop-support.md |
| Node.js | >=18 |
| 浏览器 | 现代 Chromium / WebKit(依赖原生 CSS 变量与 matchMedia) |
| 桌面端 | 第三方 DSH Desktop 壳:已适配并实机复核(issue #50/#51/#55)。官方 DSH Desktop:证据只支持"预期可加载",不支持"已支持"——profile 目录与"壳能加载本插件"这两件事本机已实测(装进 ~/.dsh/profiles/desktop,用户重启壳后加载,活页读到过我方材质表;路径与读数见 docs/publishing-to-npm.md 8.4 与 docs/desktop-support.md),但跨重启的设置持久化本机从未验证,故本文档不给可复制的桌面安装命令。--profile 取值必须用宿主自带的模板名,照抄第三方文档会装进空壳 profile;判断依据见 docs/desktop-support.md |
兼容机制:插件把全部平台 seed 放在受控 try 内按候选顺序探测,宿主全部换代时降级为哑模块并打 console.warn,不会拖垮 DSH Web(issue #43 已根治)。0.2.0-rc.1 起宿主按 peer 范围在 boot 阶段整包跳过不兼容插件,peer 窗口即本插件的对外兼容窗口,由回归门强制与 manifest 一致。但宿主闸门只认 @deepseek-ai/dsh 前缀的 peer:@deepseek-ai/cordis 与 react 不参与宿主兼容判定(由包管理器的 semver 解析单独把关)。判定细节与两把尺的对照表见 tests/package.host_compat.test.cjs 与 docs/desktop-support.md。
第三方目录(DSH-Store)现状:AI-Scarlett/DSH-Store#1411 曾把本插件标为 catalog blocked。其中「lib/client.js 超过其审核面单文件上限」一条,已由对方 2026-10-15 的追评收回,原文与正文 sha256 存档在 docs/evidence/dsh-store-1411-followup-2026-10-15.md;其追评留下的「扫描器证明不了 require 的有限调用集」由 10.16.0 处理(全文见 docs/release-notes.md)。本仓库不承诺收录状态会变绿——是否放行取决于对方的审查流程。
📜 最近做了什么
版本 11.4.1(2026-11-04):社区贡献 @Wildchiken(PR #135)——「玻璃效果」那一区长出一枚折叠,并删掉两枚假开关。 「单独设置输入框透明度」「单独设置弹窗透明度」是组件内部的视图状态:什么都不存、刷新回到打开,作用只是卸载下面那根滑杆,所以整枚去掉;侧边栏 / 输入框 / 弹窗三根透明度滑杆收进一行默认收起的折叠(<button aria-expanded>,开合不存储),侧边栏那枚真有作用的"是否跟随壁纸"保留。没有壁纸时只收起「壁纸能见度」(它只作用在页面背后那一层,没图时拖了不变任何东西),「壁纸模糊度」留在原位——applyMaterialBlur() 从同一枚键派生全页玻璃表面的 --dsh-dream-skin-glass-blur,跟有没有壁纸无关,而这根滑杆是整页唯一把手。新用例钉的是不变式而不是排版:以清空壁纸的 profile 启动,断言通道仍在发布(14px)、整页 background.blur 恰好一处可寻、拖到 30 变量真的变 30px——收起一个控件,不许让一个仍然生效的通道失去最后一个控件。回归门 774 条(本版 +2,全在 tests/client.settings_ui.test.cjs),质量审计 229/229(217 调色 + 12 工艺),合成器预算一项没涨。我怎么核的:把 main × PR 做成真实合并在合并态跑全套,774 / 768 通过 / 1 具名跳过,5 条红全是机械项(4 条文档计数、1 条体积天花板),恢复出厂那 25 条与 smoke 187 条行为面零冲突;被删的两枚词典键与两个 helper 全树零孤儿引用;仓库里没有任何文档在宣传被删的开关。边界:天花板 600 → 608 KiB——合并后 lib/client.js 616,207 B 超原档 1,821 B,字节数不是硬条件,几 KB 不算什么,该问的是改动让不让项目更好;这是维护者的决定,写在门注释里,瘦身的账仍挂着但不再是合并的前置条件。六语新措辞是机器辅助翻译,请母语者把关;折叠默认收起不持久化(每次重开要再点一次);没有活页目视,视觉结论仍需要有真页面的人看。发版用确切版本号:dsh plugin --profile web add dsh-dream-skin@11.4.1。
版本 11.4.0(2026-11-04):设置页多一枚「恢复出厂设置」,重点全在作用域上。 它把设置改回出厂值——滑杆、开关、皮肤、强调色、材质、壁纸数值与取景,壁纸链接本身也回到出厂那张(必应每日);导入的主题包、收藏、壁纸文件夹路径与轮播列表一律不动(那是你带进来的内容,不是"默认"该覆盖的东西),低功耗回到「自动跟随系统」。做法是把本插件的 29 枚存储键分进四个桶(写回 / 删键 / 逐字段复位 / 不许动,每枚带理由),门从 bundle 文本现场枚举键名要求恰好归一桶——下一版加设置却不进桶,它会点名红。按下是两段式确认,标签自己就说明保留什么。回归门 772 条(740→772,+32,其中 10 条是变异用例、8 条在改过的 bundle 上实跑),质量审计 229/229(217 调色 + 12 工艺),合成器预算一项没涨。发版前自己跟自己对打了两轮:第一轮实测出「宿主答复还没到就按下复位」会把轮播的链接列表清成空并推回 dream-skin.json——正是这枚按钮唯一会吃掉你内容的形状。改成「看得见才写」之后,第二轮又抓出三个新形状:合并写会把超过 20 条的列表截成 20、{}/null/损坏值被当成空列表推回去、答复迟到时挂起的那一段会盖掉你按下之后又改的设置。现在写的是从你文件里原样复制的 urls(不重走过滤、不截断),读不出列表的一律不写也不推,挂起段只在你没有新动作时才补执行。边界:lib/client.js 614,386 B、天花板 600 KiB(本轮为这枚按钮抬的档,数字与理由写在门注释里)、余量 14 B——档已经吃满,下一轮再加东西以前必须先真瘦身;没有活页目视——armed 标签变长后的窄屏排布只有渲染级证据;复位不撤回;宿主整场没答话时这一轮不动轮播(少做一项,而不是赌一次覆盖)。发版用确切版本号:dsh plugin --profile web add dsh-dream-skin@11.4.0。
| 版本 | 日期 | 一句话 |
|---|
| 11.4.0 | 2026-11-04 | 「恢复出厂设置」:改回所有设置项,但不碰你导入的东西 |
| 11.3.0 | 2026-11-03 | 宿主快照重取 0.2.1-rc.5,顺带修掉一条把每个宿主版本都读成"可装载"的发版闸门 |
| 11.2.0 | 2026-11-02 | 插件管理页按报告者的诊断重做(我上一版是错的);轮播文件夹改走宿主自己的目录选择器 |
| 11.1.1 | 2026-11-01 | 「壁纸模糊度」在低功耗下不出效果?现在它会说出来 |
| 11.1.0 | 2026-11-01 | 设置页从一条扁平长栏重做成四个分区,8 个滑杆共用一套控件 |
| 10.30.0 | 2026-10-30 | 采纳 @ppy-web:8 个滑杆统一成同一套自绘 Range |
| 10.29.0 | 2026-10-29 | 采纳 @ppy-web:拖壁纸滑杆时设置面板让出画面,所见即所得 |
更完整的逐版本记录(含当时的实测读数、反向破坏验证与未验证边界)在 CHANGELOG.md;11.3.0 一路回到 9.9.0 的归档在 docs/release-notes.md。首页不留第二份历史。
⚙️ 工作原理
DSH 的主题系统是 token 化的:web 外壳内置 --dsw-* 设计令牌,ThemeRuntime 允许第三方插件注册主题去
覆盖别名层(--dsw-alias-*)。本插件是标准的「双面」插件:
┌─────────────────────────────────────────────┐
│ dsh-dream-skin (双面插件) │
├────────────────────────────┬────────────────┤
Host 半边 │ lib/index.js │ 浏览器半边 │
│ cordis.patch.yml 插入 │ lib/client.js │
│ dream-skin loader 入口 │ __ModuleLoader__│
└────────────────────────────┴────────────────┘
│ │
profile 树加载 /plugins/dsh-dream-skin/client.js
│
┌────────────────────────────────┬────────────────┐
│ │ │
ctx.theme.register(8套皮肤) ctx.theme.overrideTokens(壁纸半透明) ctx.slots.inject('settings.section' + 'settings.dreamSkin.item')
- Host 半边(
lib/index.js):dsh.bundle patch 层,插入 dream-skin loader 入口;apply 为空操作,
与官方 ui-* 包同构。
- 浏览器半边(
lib/client.js):
ctx.theme.register(...) 注册 8 套皮肤;
- 恢复上次保存的皮肤并
ctx.theme.setTheme(...) 应用;
- 壁纸渲染为
z-index:-1 固定背景层(「模糊填充」档在其后再插一层同图放大溢出层,靠 DOM
树顺序而非 z-index 压在图片层之下),叠加 ctx.theme.overrideTokens(...) 让主画布
(--dsw-alias-bg-base)与侧边栏(--dsw-specific-sidebar-fill)半透明;
- 监听
theme/change,切皮肤 / 深浅色时自动重新着色壁纸洗色层;
- 注册独立的 设置 → 个性化皮肤 分节(
settings.section),7 个功能行挂在
settings.dreamSkin.item 插槽下。
每套皮肤携带自己的 colorScheme(light/dark);本插件把它打在自己的根元素 <html> 上
(data-dsh-dream-skin-scheme),不押宿主的 body[data-ds-dark-theme]——那个属性归 ui-layout 的
ThemePresenter 所有,宿主 dispose() 会把它擦掉,于是"属性缺席"的窗口里暗色皮肤会拿到亮档常量。
别名 token 覆盖作为 <body> 内联自定义属性由 ui-layout 的 ThemePresenter 应用。
💼 持久化说明
⌄ 展开本节
- 三层:内存缓存(保证首帧正确)→ 浏览器
localStorage(键前缀 dsh-dream-skin:,同 origin 快速恢复)→
宿主文件 $DSH_HOME/dream-skin.json(经本插件自建的回环 /dream-skin/api 读写,见 lib/index.js 之
statePath() / readState() / writeState())。
- 为什么桌面端必须有第三层:DSH Desktop 每次启动由 OS 分配端口 → 浏览器 origin 每次都变 → 只靠
localStorage 会"失忆"。宿主文件层才是跨端口、跨重启的权威状态,所以桌面版换端口或重启都不会丢皮肤与壁纸。
- 为何不用 Host settings?DSH 的 Host settings 线路只向浏览器暴露一份白名单命名空间
(
dsh-host-apiproxy 的 WEB_SETTINGS_NAMESPACES),第三方命名空间会返回 settings-not-exposed;
产品本身也把远程浏览器偏好进程化。上面那层宿主文件走的是插件自己的回环 HTTP 接口,不经过那条白名单,
所以既拿到了文件持久化,也没有碰任何非官方通道。
🛠️ 开发 / 扩展主题
客户端 bundle 直接以 __ModuleLoader__ 格式编写(即 tsdown 为官方 ui-* 包输出的形态),免构建。
lib/client.js 只能 require 模块表实体:平台种子词(react、react/jsx-runtime、…)与已注册客户端
bundle(@deepseek-ai/dsh-client-runtime/client、…)。
- 新增一套内置皮肤:在
lib/client.js 的 SKINS 数组加一个对象(id + colorScheme + tokens),
它即自动出现在设置里;记得在全部 8 种语言词典(zh/en/ja/ko/es/fr/de/ru)补 skin.<id> 文案。
- 做一个主题包(推荐分发方式):参考
docs/examples/sample-theme-pack.json,
一个 *.dsh-theme.json 即可在设置里导入或通过分享链接分发给别人,无需改代码。
- 放你自己的壁纸:把图片丢进
wallpapers/(注意只在你有权限的前提下分发),再在
DSH 的「背景图片」里导入即可。
- 更新预览图:预览由
scripts/generate-skin-mockups.cjs(真实 token + 弥散光)生成 HTML mockup,
用无头 Chrome 截图即得 docs/previews/*.png,改皮肤 token 后重跑即可保持预览与真实 skin 同步。docs/previews/manifest.json 把每张图钉在三重指纹上(发货 token、卡片版式、图片字节与像素尺寸),npm run previews --check(不需要浏览器)在「只改配色、没重照图」时翻红并点名是哪套皮肤;找不到无头浏览器时 npm run previews 非零退出,不再把 0 产出当成功。这些 PNG 不随包发布:2.26 MB 的 README 装饰不该由每个使用者下载,npm pack 从 2.5 MB 降到 263 kB,README 里的预览图改指 GitHub 绝对地址。
- 跑校验:
npm test(VM 冒烟测试,覆盖 factory 求值、apply 挂载、主题包导入/持久化)。
- 换配色:参考
--dsw-alias-* 令牌(完整契约见 docs/themes-spec.md)。
工程案例
📌 Roadmap
⌄ 展开本节
这张表只列未完成项。 已交付能力见上文「功能一览」与 CHANGELOG,不在两处留存量——双写必然漂移,本项目已经漂过一次。
每条必须带三样东西:动机(来自真实 issue 或实测数据,不写想象中的需求)、规模(S ≈ 一个晚上,M ≈ 一个功能版,L ≈ 需要先设计)、
验收判据(一条能失败的检查,不是"做完就好")。完成即从本表删除。「不做」区与待办同等重要——它替贡献者省掉白跑的一轮。
A. 可靠性:宿主换代不再翻车
动机:0.2.0-rc.1 实测 6 组宿主锚点漂 4 组——其中 3 组哈希确认换代(真漂移),1 组(含 lXshSW_*)宿主 CSS 仍在、只是面未挂载(10.5.0 起以 notMounted 与漂移分栏);issue #62 用户侧表现为"皮肤一夜全消失"。
B. 发布与安装通道
动机:2026-09-29 官方桌面版 0.2.0-rc.2 上安装被拒;而维护机器是 link: 工作区安装——这类问题在 link 安装下永远看不见。
- 内网 / 离线分发路径文档化(Release tarball 机制已有,缺可照抄的步骤)|PR-welcome
🤝 贡献
欢迎提交 Issue 与 PR!请先阅读 贡献指南,并遵循 Code of Conduct。
⭐ 支持这个项目
喜欢的话,给仓库点个 Star ⭐、在 npm 上点个 👍,或把它转发给你的 DSH 朋友——这会让更多人发现它,
也能激励持续维护。想一起做主题库 / 在线 Studio / 更多主题?欢迎来贡献。
🔒 安全
发现安全问题?请勿直接开公开 Issue——参见 安全策略。
📄 开源协议
MIT
🙏 致谢
⌄ 展开本节
🧰 同作者的其他项目
⌄ 展开本节
📈 成长曲线
每天自动更新(GitHub Actions)。左轴:累计下载量(青色);右轴:Star 数(紫色)——两个量级不同,因此使用独立的双纵轴。
dsh-dream-skin 每日 Star × 累计下载量成长曲线
数据每 24 小时自动采集一次:下载量来自 npm 官方 API,Star 来自 GitHub API。