@dsh-external/ds-whale-send-button

Ds Whale Send Button

Replace the primary send button icon in the conversation input bar with the official DeepSeek whale logo (CSS mask overlay, adapts to light and dark themes, without changing send behavior)

Target profile

The plugin will be installed here. Keep web if you are unsure.

npx -y @deepseek-ai/dsh plugin --profile web add github:AsILAnn/ds-whale-send-button#e58dda87ca633e9630da59f5e80711a1aa8ee993

Compatibility and provenance

Ds Whale Send Button is published as @dsh-external/ds-whale-send-button and currently resolves to version 0.1.0. The Hub verifies its manifest and preserves the exact installation source for reproducible installs.

DSH compatibility: *
Runtime surfaces: web
Release source: github
Registry updated: 8/21/2026

README

ds-whale-send-button 🐋

把 DeepSeek Harness Web 对话输入栏的主发送按钮图标替换为 DeepSeek 官方鲸鱼 logo。

不改发送行为，只换图标外观
CSS mask 叠加官方鲸鱼图形，颜色跟随按钮文字色（currentColor），亮色/暗色主题自适应
不误伤停止按钮、队列按钮等其它图标
纯浏览器端样式覆盖，零依赖

效果

状态	图标
输入内容（激活态）	🐋 白色/亮色鲸鱼
空输入（禁用态）	灰色鲸鱼
运行中（停止按钮）	保持原方块图标（不受影响）

安装

方式一：本地包安装（当前环境已用）

# 在 web profile 下安装（本质 pnpm add，会写进 dsh.profile.bundles）
dsh plugin --profile web add <路径>/dsh-external-ds-whale-send-button-0.1.0.tgz

# 验证配置可组合
dsh --profile web --dump-config

# 重启服务生效

方式二：动态插件（临时，重启即丢）

在「创造模式」会话中用 cordis_define 定义 lib/client.js 的插件对象并 cordis_run。

卸载

dsh plugin --profile web remove @dsh-external/ds-whale-send-button

工作原理

插件注册为 browser roster 的 client 包（dsh.client 字段 + exports ./client）， apply(ctx) 时向 document.head 注入一段 <style>（带 data-plugin-css 标签，幂等）：

用 [data-composer-card] + 发送箭头 path 的唯一 d 前缀精确定位主发送按钮；
隐藏原上传箭头 SVG；
用 CSS mask 叠加 DeepSeek 官方鲸鱼（取自 dsh 自带 favicon.svg 的官方路径）， background-color: currentColor 让鲸鱼颜色随按钮文字色变化。

文件结构

ds-whale-send-button/
├── package.json          # dsh.client + dsh.bundle.patch 声明
├── cordis.patch.yml      # roster 注册行（bundle patch 自动叠加）
├── lib/
│   ├── client.js         # 浏览器端插件（样式注入）
│   └── index.js          # host 半端占位
└── dsh-external-ds-whale-send-button-0.1.0.tgz  # npm pack 产物

自定义

改 lib/client.js 里的：

width/height: 16px → 图标大小
background-color: currentColor → 固定颜色（如 DeepSeek 蓝 #4D6BFE）
mask ... contain → 图标缩放方式

改完重新 npm pack 并用 dsh plugin --profile web add 升级。

License

MIT

README

ds-whale-send-button 🐋

把 DeepSeek Harness Web 对话输入栏的主发送按钮图标替换为 DeepSeek 官方鲸鱼 logo。

不改发送行为，只换图标外观
CSS mask 叠加官方鲸鱼图形，颜色跟随按钮文字色（currentColor），亮色/暗色主题自适应
不误伤停止按钮、队列按钮等其它图标
纯浏览器端样式覆盖，零依赖

效果

状态	图标
输入内容（激活态）	🐋 白色/亮色鲸鱼
空输入（禁用态）	灰色鲸鱼
运行中（停止按钮）	保持原方块图标（不受影响）

安装

方式一：本地包安装（当前环境已用）

# 在 web profile 下安装（本质 pnpm add，会写进 dsh.profile.bundles）
dsh plugin --profile web add <路径>/dsh-external-ds-whale-send-button-0.1.0.tgz

# 验证配置可组合
dsh --profile web --dump-config

# 重启服务生效

方式二：动态插件（临时，重启即丢）

在「创造模式」会话中用 cordis_define 定义 lib/client.js 的插件对象并 cordis_run。

卸载

dsh plugin --profile web remove @dsh-external/ds-whale-send-button

工作原理

插件注册为 browser roster 的 client 包（dsh.client 字段 + exports ./client）， apply(ctx) 时向 document.head 注入一段 <style>（带 data-plugin-css 标签，幂等）：

用 [data-composer-card] + 发送箭头 path 的唯一 d 前缀精确定位主发送按钮；
隐藏原上传箭头 SVG；
用 CSS mask 叠加 DeepSeek 官方鲸鱼（取自 dsh 自带 favicon.svg 的官方路径）， background-color: currentColor 让鲸鱼颜色随按钮文字色变化。

文件结构

ds-whale-send-button/
├── package.json          # dsh.client + dsh.bundle.patch 声明
├── cordis.patch.yml      # roster 注册行（bundle patch 自动叠加）
├── lib/
│   ├── client.js         # 浏览器端插件（样式注入）
│   └── index.js          # host 半端占位
└── dsh-external-ds-whale-send-button-0.1.0.tgz  # npm pack 产物

自定义

改 lib/client.js 里的：

width/height: 16px → 图标大小
background-color: currentColor → 固定颜色（如 DeepSeek 蓝 #4D6BFE）
mask ... contain → 图标缩放方式

改完重新 npm pack 并用 dsh plugin --profile web add 升级。

License

MIT

Ds Whale Send Button

Compatibility and provenance

Ds Whale Send Button

README

ds-whale-send-button 🐋

效果

安装

方式一：本地包安装（当前环境已用）

方式二：动态插件（临时，重启即丢）

卸载

工作原理

文件结构

自定义

License

Compatibility and provenance

Versions

Related plugins

Related plugins

Related plugins

README

ds-whale-send-button 🐋

效果

安装

方式一：本地包安装（当前环境已用）

方式二：动态插件（临时，重启即丢）

卸载

工作原理

文件结构

自定义

License