zenghuizhu69-hub/dsh-skin-blue-whale 预览 preview

zenghuizhu69-hub/dsh-skin-blue-whale

Plugin插件 Native原生 ⭐ 2 MIT UI & Themes界面与主题

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开源协议,完全免费使用。它遵循可访问性规范,会尊重用户系统的减少动效偏好,自动关闭动画。需要注意的是,克隆后不要移动仓库目录,如果移动需要重新执行安装命令;修改源码后也需要重启服务才能生效。插件卸载后不会残留任何样式修改,所有配置都会自动还原。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 1 warning1 项注意
  • 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))。

License

MIT

← 上一个 Prev dsh-token-pricing 下一个 Next obsidian-plugin-deepshian →