dsh-moe-lite

dsh-moe-clean · 鲸鱼娘轻量皮肤

给 DeepSeek Harness（DSH）的一套安静、轻量的白蓝皮肤：白色为主、DeepSeek 蓝做点缀，侧栏是半透明底色与立绘，输入框保留毛玻璃，右侧一张做了渐隐的鲸鱼娘女仆立绘。

界面

| 亮色 · 新会话 | 暗色 · 插件页 |

| --- | --- |

| | |

| 设置弹窗 | 完全权限警告 |

| --- | --- |

| | |

演示视频

无配乐，53 秒：先看原版 DSH，再看换上鲸鱼娘皮肤后的同一套界面，最后是同界面左右对比。

为什么是轻量

• 无构建、无运行时依赖：装完即用，不需要 node_modules 里的第三方库；
• 只有 8 个静态资源：左右两张立绘、两张 Q 版女仆（弹窗底纹 / 完全权限警告）、鲸鱼水印、hover 动图及其首帧、堆叠字标 SVG；
• 纯外观：CSS 设计令牌 + 少量 DOM 装饰，宿主侧只注册一个只读资源路由；
• 可完整还原：卸载插件后原生图标、背景和尺寸都会回到原样。

特性

• 白 + 蓝：白色表面、冷蓝灰中性色，全界面只有 DeepSeek 蓝 #2f6bf0 一个强调色；
• 毛玻璃：输入框保留 backdrop-filter，正文区保持通透；侧栏使用半透明底色与立绘，不添加背景滤镜，避免 Windows 标题栏按钮错位或在收起后消失；设置等弹窗是 86% 冷白 rgba(250,252,255,.86) + blur(44px) 的乳白磨砂面，不再透出背后的正文；
• 右侧鲸鱼娘：默认 60%、暗色 72% 不透明度，左侧与底部用渐变蒙版淡出，右侧再加一层冷色雾化，压字不挡字；
• 插件页彩蛋：只有「设置 → 插件」页把右侧立绘换成举着「禁止鲸尾」牌子的 Q 版女仆（72%、暗色 80%），按页面标题自动识别，其它页面仍用原立绘；同页开关改为实心蓝灰轨道 + 阴影滑块，未选中态不再融进白底；
• 左侧栏底纹：另一张女仆立绘铺在侧栏底部，收起成图标栏时自动隐藏；
• 鲸鱼水印：左下角一枚 20% 不透明的 DeepSeek 鲸鱼，窄窗口自动隐藏；
• 堆叠字标：顶栏整块锁屏换成一张手绘双层蕾丝缎带 SVG——deepseek 在上、HARNESS 在下，两侧各一个蓝蝴蝶结，最下方居中放官方 DeepSeek 鲸鱼 logo；
• 蓝色字标：缎带上的 deepseek 仍是 DeepSeek 蓝，HARNESS 用深墨色；暗色下靠白色缎带保持对比；
• 插件图标 hover 动效：平时显示 GIF 的第一帧（22px 静态图），鼠标移上去才播放摇摆动画，移开回到第一帧；暗色自动反相；
• 弹窗女仆：设置/登录等弹窗右下角一枚 40% 透明（烘焙进立绘）的 Q 版女仆，58% 宽，贴着圆角往外压一点、被裁掉少许；蒙版沿左上→右下方向 135° 淡出，不留方形边缘；
• 完全权限警告：只有「确认启用完全权限」这个风险弹窗换成另一张会指人的 Q 版女仆——40% 透明、42% 宽，往右下角压得更深（尾巴和鞋被弹窗边缘裁掉），伸出的食指正好落在按钮上方；确认按钮的禁用态也从 40% 提到 80%，指人的女仆不会从按钮文字里透出来；
• 弹层不透明度下限：下拉菜单、popover 统一提到 94%；输入框上方的斜杠 / 命令面板直接改成实心（亮 #ffffff / 暗 #263040），背后的对话正文一点不透；
• 输入框底衬：输入框底部的渐隐换成 60% 毛玻璃 + 20px 模糊（亮 rgba(255,255,255,.6) / 暗 rgba(13,20,31,.6)），最后一条消息不再从统计条后面透出锐利文字；
• 自定义图标：「新会话」换成鲸鱼气泡加号，「插件」换成鲸尾，导航尺寸统一；
• 亮暗跟随：不需要手动切换，沿用 DSH 的 data-ds-dark-theme。

侧栏字标与图标：

安装

桌面版

侧栏「插件」→「添加插件」，填入：

github:KurosawaGeeker/dsh-moe-lite

安装后重启一次 DSH。

CLI（web profile）

dsh plugin --profile web add 'github:KurosawaGeeker/dsh-moe-lite'

装完重启 dsh web，刷新页面。

npm

已发布到 npm：[dsh-moe-clean](https://www.npmjs.com/package/dsh-moe-clean)，当前最新 0.15.3。

dsh plugin --profile desktop add dsh-moe-clean
# 或锁定版本
dsh plugin --profile desktop add dsh-moe-clean@0.15.3
# 或
npm install dsh-moe-clean

发布新版（维护者）：npm publish --access public。账号开启 auth-and-writes 二步验证时，需在浏览器里完成一次验证。

本地目录 / tarball

git clone https://github.com/KurosawaGeeker/dsh-moe-lite dsh-moe-clean
dsh plugin --profile desktop add ./dsh-moe-clean
# 或
npm pack && dsh plugin --profile desktop add ./dsh-moe-clean-0.15.3.tgz

> 桌面版由应用管理自己的 desktop profile，用 web profile 的命令不会装到桌面版里。

兼容性

| DSH | 状态 |

| --- | --- |

| 0.2.1-rc.2 | 实测（桌面版 / web） |

| 0.2.2-rc.1 | 图标管线已适配（jsdom 验证） |

| 其它 0.2.x | 未实测 |

只用到了 CSS 变量、data-* 属性和按钮的 aria-label，侧栏与弹窗用稳定的类名前缀，不依赖构建时的哈希。图标替换同时接受旧版内联 viewBox="0 0 16 16" 和新版 sprite 的 data-icon 属性；DSH 改版后如果图标没被替换，先看 lib/client.js 里的 isSwappableIcon()，再核对 aria-label 文案对应的正则。

自定义

立绘浓度、玻璃强度、图标大小都是普通 CSS，可以在自己的补丁层里覆盖：

/* 右侧立绘更淡 */
.dsh-moe-maid { opacity: 0.42; }

/* 侧栏底纹小一点 */