AsILAnn/ds-whale-send-button

README 摘要

ds-whale-send-button 🐋 把 DeepSeek Harness Web 对话输入栏的 主发送按钮图标 替换为 DeepSeek 官方鲸鱼 logo 。 - 不改发送行为，只换图标外观 - CSS mask 叠加官方鲸鱼图形，颜色跟随按钮文字色（ currentColor ）， 亮色/暗色主题自适应 - 不误伤停止按钮、队列按钮等其它图标 - 纯浏览器端样式覆盖，零依赖 效果 状态 图标 输入内容（激活态） 🐋 白色/亮色鲸鱼 空输入（禁用态） 灰色鲸鱼 运行中（停止按钮） 保持原方块图标（不受影响） 安装 方式一：本地包安装（当前环境已用） 方式二：动态插件（临时，重启即丢） 在「创造模式」会话中用 cordis define 定义 lib/client.js 的插件对象并 cordis run 。 卸载 工作原理 插件注册为 browser roster 的 client 包（ dsh.client 字段 + exports ./client ）， apply(ctx) 时向 document.head 注入一段 （带 data-plugin-css 标签，幂等）： 1. 用 [data-composer-card] + 发送箭头 path 的唯一 d 前缀精确定位主发送按钮； 2. 隐藏原上传箭头 SVG； 3. 用 CSS mask 叠加 DeepSeek 官方鲸鱼（取自 dsh 自带 favicon.svg 的官方路径）， background-color: currentColor 让鲸鱼颜色随按钮文字色变化。 文件结构 自定义 改 lib/client.js 里的： - width/height: 16px → 图标大小 - background-color: currentColor → 固定颜色（如 DeepSeek 蓝 4D6BFE ） - mask ... contain → 图标缩放方式 改完重新 npm pack 并用 dsh plugin --profile web add 升级。 License MIT

分类