zenghuizhu69-hub/dsh-skin-blue-whale
dsh Web UI 皮肤:DeepSeek 蓝鲸主题,采用官方渐变色和跃鲸图案(dsh 插件)
Project Overview项目介绍
This repository is a native DSH theme plugin built exclusively for the DeepSeek Harness Web UI, named "Blue Whale". It ships as a DSH bundle plugin with a valid DSH manifest in package.json, including a cordis patch to insert the skin into DSH's plugin tree. To install the plugin, you first need to meet the prerequisites: Node.js 20 or newer, pnpm package manager, and DSH version 0.1.0-rc.6 or higher. You clone the repository to a local path that has no spaces, then run the DSH CLI command to add the plugin to your web profile, and restart the DSH web service for the theme to activate.
The theme adapts automatically to two different session states in DSH: when there is no active session, the blue whale leaps out of the input box that acts as the sea level, with a glowing water line along the top edge. When you are in an active chat or thinking session, the whale shifts to a centered low-opacity watermark in the background that does not interfere with reading content or block the sidebar. It respects system preferences for reduced motion and automatically turns off all animations when requested by the user. It is ideal for DSH users who want a minimalist, premium interface that matches DeepSeek's official branding aesthetic.
The plugin is released under the permissive MIT open source license, so it is free to use, modify, and distribute for any purpose. All colors for the whale and interface elements are handled via CSS classes, which avoids common compatibility issues where SVG elements fall back to black. When you uninstall the plugin via the DSH CLI, all custom tokens, DOM elements, styles, and event listeners are automatically removed with no residual changes left behind. If you move the cloned repository directory after installation, you just need to re-run the install command to re-link the plugin to your DSH profile, and modifying source code requires a service restart to apply changes.
这是一款专门为 DeepSeek Harness(DSH)Web UI 打造的原生主题插件,名为「蓝鲸跃海」。它为DSH界面添加了带有DeepSeek官方蓝鲸logo的主题背景,适配浅色、深色两种模式,还会根据不同会话状态调整元素布局和样式。安装需要提前准备Node.js 20+版本、pnpm包管理器,以及0.1.0-rc.6及以上版本的DSH,克隆后才能执行安装命令。
克隆仓库到不含空格的路径后,用户可以在仓库目录执行dsh plugin --profile web add .命令完成安装,之后重启DSH网页服务即可让主题生效。卸载也只需要执行对应移除命令再重启服务,所有界面样式都会还原为默认状态。这款插件面向偏好和DeepSeek官方品牌风格一致的极简高级质感的DSH用户,能让DSH界面更符合视觉习惯。
本插件遵循MIT开源协议,完全免费使用。它遵循可访问性规范,会尊重用户系统的减少动效偏好,自动关闭动画。需要注意的是,克隆后不要移动仓库目录,如果移动需要重新执行安装命令;修改源码后也需要重启服务才能生效。插件卸载后不会残留任何样式修改,所有配置都会自动还原。
请帮我安装这个 DSH 插件。安装前先完成【兼容性检查 + 安全性检查】,检查通过再动手。
插件:dsh-skin-blue-whale(zenghuizhu69-hub/dsh-skin-blue-whale)
仓库:https://github.com/zenghuizhu69-hub/dsh-skin-blue-whale
本站详情页:https://www.yhbd.top/plugins/zenghuizhu69-hub-dsh-skin-blue-whale/
本站登记:类型 plugin · 归类 原生 DSH 插件 · 许可证 MIT · ⭐ 2 · 最近提交 2026-08-14 · 主语言 JavaScript
按下面顺序执行,每步先把结论告诉我,再进入下一步:
【1 兼容性检查】
① 我这边:DSH 版本、Node 版本、操作系统、当前 profile(web / desktop)。
② 读它的 README、package.json、插件 manifest,列出它要求的 DSH 版本 / Node 版本 / 操作系统 / 外部依赖 / 需要另外先装的运行时。
③ 逐条比对,结论只写「满足 / 不满足 / 未知」三种;不满足的给出可行替代方案。
④ 检查是否和我已装的插件冲突:命令名重复、skill / tool 重名、端口占用、重复注册的 MCP server。
【2 安全性检查】
① 仓库可信度:和上面「本站登记」是否一致;star / fork 数、创建时间、最近提交,是否归档或长期停更。
② 安装脚本:逐行看 package.json 的 preinstall / install / postinstall,以及 install.sh、setup.ps1 之类脚本。出现 curl|bash、下载后直接执行、混淆代码、访问与插件功能无关的域名,立刻停下来告诉我,不要继续装。
③ 依赖:列出新增依赖,标出无人维护、或与知名包拼写近似的可疑包(typosquatting)。
④ 权限与副作用:它会读写哪些目录、访问哪些域名、需要哪些 DSH 权限(filesystem / network / shell / clipboard 等),以及怎么卸载和回滚。
⑤ 如果它要求 sudo / 管理员权限,或权限明显超出功能所需,先停下来问我。
【3 安装】
上面两步没有「不满足」和「高危项」时才执行;用官方推荐方式安装,不要自行提权。
【4 汇报】
用表格输出:检查项 / 结论 / 依据 / 是否需要我决策。拿不准的一律写「未知」并说明要我怎么确认——不要猜,也不要替我决定。
Send this message to DSH in your current session: it verifies compatibility and security first (answering met / not met / unknown item by item) and only installs once everything checks out — it will stop and ask you if it finds a high-risk item. The box scrolls; the copy is the full prompt. CLI install commands may not be accurate across systems, so DSH is the safer route.把上面这条消息直接发给当前会话里的 DSH:它会先核对兼容性与安全性(逐条给「满足 / 不满足 / 未知」),确认没问题再安装,有高危项会停下来问你。框内可滚动,复制到的是完整提示词;安装命令不一定准确,发给 DSH 更稳。
- Only 2 stars - very few users, little community feedback星标只有 2,几乎没人在用,遇到问题缺少社区反馈
DSH walks through these 9 checksDSH 会逐条核对这 9 项
Compatibility兼容性
- DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
- External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时(Electron / Python / Docker 等)是否齐备
- Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突:命令名、skill / tool 重名、端口占用、重复 MCP 注册
Security安全性
- Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致,是否归档或长期停更
- Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
- curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
- Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
- Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需(filesystem / network / shell / clipboard)
- Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限,以及卸载与回滚方式
Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照,不能替代安全审计。
Or use CLI install (for developers)或使用命令行安装(适合开发者)
CLI Install命令行安装
dsh plugin --profile web add github:zenghuizhu69-hub/dsh-skin-blue-whale
把 zenghuizhu69-hub/dsh-skin-blue-whale 加入你的 DSH 配置(web profile)即可启用。
READMEREADME
dsh-skin-blue-whale 🐋
为 dsh Web UI 打造的「蓝鲸跃海」皮肤插件 —— 极简、高级,像桌面壁纸一样安静地铺在界面后面。
效果


- 官网同款蓝白渐变底:浅色模式复刻 DeepSeek 官网 Hero 区的蓝白渐变
(按可访问性要求提亮为
#b9d3ec → 白),叠加缓慢漂移的"流动海水"水汽与 一道横向水光(纯 CSS,无 canvas/WebGL),深色模式自动适配为"夜海"幽光版; - 官网蓝鲸 logo:使用 DeepSeek 官方鲸鱼 logo 路径,官方蓝
#4D6BFE主身 + 亮冰蓝鱼肚 + 尾鳍高光 + 眼睛,水花飞溅、涟漪扩散、气泡上升; - 双场景自适应:
- 主页(空会话):鲸鱼把输入框当作海平面破浪而出,贴着输入框顶边 还有一道发光水线;
- 对话 / 思考中:鲸鱼变为整页居中的底层水印(约 10% 透明度,像 底层印刷),不影响阅读,且从不占据左侧边栏;
- 整套鲸蓝界面令牌:按钮、焦点环、选区、聊天气泡、侧栏、滚动条统一 换成 DeepSeek 蓝鲸蓝(#4D6BFE 系),浅色/深色双调色板自动切换;
- 尊重系统
prefers-reduced-motion(用户偏好减少动效时关闭动画)。
安装
前置要求:Node 20+、pnpm、dsh(0.1.0-rc.6+)。
git clone https://github.com/zenghuizhu69-hub/dsh-skin-blue-whale.git
cd dsh-skin-blue-whale
dsh plugin --profile web add .
安装后重启 Web 服务(dsh web)即可生效。dsh plugin 会把本包以
link: 方式挂进 profile,因此克隆目录请勿移动;移动后重新执行
dsh plugin --profile web add . 即可。
⚠️ 请将本仓库克隆到不含空格的路径(如
D:\plugins\dsh-skin-blue-whale); 当前 dsh CLI 在路径含空格时转发给 pnpm 的绝对路径不会加引号,会安装失败。
修改插件源码后需要重启
dsh web才会加载新版本。
卸载
dsh plugin --profile web remove dsh-skin-blue-whale
卸载后重启 Web 服务:背景层、鲸鱼与整套令牌覆盖会全部还原为基础样式。
实现说明
- 这是一个 dsh 插件包(bundle):
package.json声明dsh.bundle.patch(cordis.patch.yml向插件树插入皮肤行)与dsh.client(浏览器侧客户端模块,platform: web)。 - 浏览器半边通过
window.__ModuleLoader__.load注册为静态客户端模块, 注入theme与sessions服务:theme.overrideTokens()叠加整套--dsw-alias-*令牌覆盖层 (每个令牌提供{ light, dark }两个值);sessions.list快照区分空会话/活跃会话,驱动 hero/work 双场景;- 运行时通过框架自身的
grid-template-columns内联样式与[data-shell-overlay]锚点测量侧栏宽度与输入框顶边(海平面), 不依赖任何哈希类名。
- 鲸鱼与场景的颜色全部走 CSS 类上色(而非 SVG 呈现属性里的
var()), 杜绝呈现属性回退成黑色的兼容性问题。 - 插件卸载时令牌层、DOM、样式、监听器全部自动还原,无残留。
文件
| 文件 | 说明 |
|---|---|
lib/client.js |
浏览器半边:令牌覆盖 + 样式 + 鲸鱼 SVG + 测量/模式逻辑 |
lib/index.js |
宿主半边占位(供 Loader 扫描) |
cordis.patch.yml |
插件树补丁层 |
art/whale-art.svg |
鲸鱼场景源文件(生成自 art/whale-path.json) |
art/build-svg.cjs |
从官方路径 JSON 重建 SVG 的脚本 |
art/smoke.cjs |
无浏览器冒烟测试(令牌/挂载/清理校验) |
致谢
- 鲸鱼造型:DeepSeek 官方 logo 路径(取自 dsh 内置前端 favicon);
- 底色渐变:DeepSeek 官网 Hero 区蓝白渐变(
#9cc1e7 → rgba(250,250,250,0))。
Small-tailqwq/dsh-deep-whale
d-dev0101/open-sea-skin
kingOfSoySauce/dsh-liang-skin
RevolutionLA/dsh-dream-skin
Fishquito7/dsh-skill-mcp-panel
01Virex/dsh-status-rotator
ymh0000123/dsh-theme-endfield
SLin-code/dsh-custom-skin