井上织姬 · dsh-sunset-skin
给 DeepSeek Harness 的一层暖金色皮肤,外加一个从左侧栏进入的背景工作台:两张画叠在同一个黄昏里,用户消息是琥珀色信笺气泡,输入框是一张奶油色信纸,代码块、菜单和工具行都跟着同一套棕金配色。
底画 assets/golden-hour.jpg |
方照 assets/portrait.jpg |
|---|---|
![]() |
![]() |
底画先放大、去噪,再以柔焦铺满整窗;方照作为第二层放进背景,默认停在右上角,人物只做极轻的柔化,不会被虚化成一团光。两张图都离线内联进 client/client.js,不联网、不请求外部图片。
previews/04-atelier.png与previews/05-backdrop.png是实际界面截图;previews/01–03是 1.0 版的旧截图。
左侧栏入口
侧栏导航里「插件」「自动化任务」的下方新增一行 井上织姬(太阳图标)。点开后,主区域会从会话切换到工作台:
- 背景构图:四档切换——
留白(只留原来的柔焦底画)、叠影(方照化成一片暖光)、窗边(方照停在右上角,人物保持清晰,默认)、明信片(清晰的方照,奶油边框,斜放在窗台)。 - 细节:底画柔焦
0–36 px、画片浓度0–100%、画片尺寸26–60 vw,以及纸纹颗粒开关。窗边与明信片只做0.6 px以内的轻化,叠影是唯一故意抽象的一档。 - 「回到会话」「还原初始」就在标题下方,按
Esc也能回到会话。 - 偏好存在浏览器的
localStorage,键为dsh-sunset-skin:atelier:v2;不写 DSH 设置、不上传、不发网络请求。
侧栏入口是通过宿主公开的 slot 注册的:sidebar.panellist(root 列表槽)放图标与名称,main(root keyed 槽)用同一个 id sunset-skin 放工作台页面。因此它和「插件」「自动化任务」一样,会被侧栏折叠、选中态和键盘可达性一并接管。
包含什么
- 背景:两层插画——柔焦底画 + 方照(
data-mode决定它如何出现),叠一层暖棕渐变、右侧暖光和极轻的纸纹。方照默认清晰可见,不会被背景柔焦吃掉。缩略图和大图都离线内联。 - 工作台:与皮肤同一套棕金配色的页面,四张构图卡片、三根滑杆、一个颗粒开关,以及右上角一张 525×525 的明信片。
- 用户气泡:蜜柑金渐变 + 深棕文字,右下角收成小圆角,像一张贴好的便签;正文使用衬线字体。
- 输入框:奶油信纸、金色描边、暖棕文字;发送键是琥珀圆钮。
- 助手内容:暖白正文、金色链接、深棕代码块、棕色行内代码。
- 侧栏 / 顶栏 / 菜单 / 对话框:深棕半透明玻璃,金色细边。
- 配色主题:注册为第三方主题
sunset-hour,并在页面加载后自动启用;同时用 CSS 变量兜底,避免宿主设置加载较慢时闪回浅色。
安装
从 GitHub 安装:
dsh plugin --profile <profile> add https://github.com/SuperHercule985/Bleach
例如 Web profile:
dsh plugin --profile web add https://github.com/SuperHercule985/Bleach
也可以把整个目录放到一个稳定位置,用本地路径安装:
dsh plugin --profile <profile> add "file:/absolute/path/to/dsh-sunset-skin"
Desktop 使用它自带的命令运行时(安装目录里的 resources/runtime/cli/bin/dsh.cmd),或在插件市场里安装。安装后刷新一次页面(Ctrl+R / Cmd+R);之后每次启动都会自动加载。
本皮肤在这个工作区里的实际安装方式:
- 包目录:
E:\deepseek-data\dsh-home\plugins\dsh-sunset-skin - profile 依赖:
"dsh-sunset-skin": "file:E:/deepseek-data/dsh-home/plugins/dsh-sunset-skin" - profile bundle 层:
dsh.profile.bundles末尾加入dsh-sunset-skin,启动时自动加载 - 改完
client/client.js后刷新一次页面即可;不需要重装。
卸载
dsh plugin --profile <profile> remove dsh-sunset-skin
或在插件市场里关闭 / 卸载。关闭后刷新页面即可恢复原生界面;皮肤不会写入任何 DSH 设置或用户数据,工作台偏好只留在浏览器的 localStorage 里。
改图 / 改色
替换
assets/golden-hour.jpg(底画,建议正方形、至少 1400px)和assets/portrait.jpg(方照,建议正方形)。构建内联包:
node build.mjs把新的
client/client.js覆盖到已安装包的client/client.js,刷新页面。
调色在 src/client.template.js 的 TOKENS 里:--dsw-alias-* 是 DSH 的语义色,--dsw-specific-* 是气泡、侧栏、输入框等专用色。气泡和输入框的形状、阴影、字体在文件下半部分的 CSS 里。
背景的构图规则搜 data-mode:mist / window / plate 各自决定方照的位置、模糊、遮罩和边框;默认值与滑杆范围在 DEFAULTS 与 normalizeSettings() 里。工作台的样式以 .dsh-atelier__ 开头。
兼容性
- 面向 DeepSeek Harness
0.2.1-rc.3的 Web / Desktop 客户端。 - 浏览器半边依赖 Web 外壳的静态模块表里的
react,并注入theme、slots、layout三个客户端服务;Host 半边仍是空实现。 - 不收集数据、不发网络请求、不读写会话内容;工作台只操作背景图层与
localStorage。 - 尊重
prefers-reduced-motion:背景换档的淡入和纸纹开关的过渡会被关掉。
结构
dsh-sunset-skin/
├─ package.json # dsh.bundle + dsh.client 声明
├─ cordis.patch.yml # 把空实现的 Host 行插进 profile
├─ index.js # Host 半边:空实现
├─ build.mjs # 把两张插画 base64 内联进 client.js
├─ assets/
│ ├─ golden-hour.jpg # 底画(1400×1400)
│ ├─ portrait.jpg # 方照(525×525)
│ └─ preview.jpg # 旧版 README 预览
├─ previews/ # 01–03 旧截图;04–05 当前界面截图
├─ src/
│ └─ client.template.js # 可读源码:tokens + 背景 + 工作台 + 主题注册
└─ client/
└─ client.js # 构建产物(内含两张图与侧栏入口)
License
MIT。插画来自用户提供的素材;再分发前请确认你拥有相应使用权。


No comments yet. Be the first to write one.