coloured-favicon 🐳🌈

为 DeepSeek Harness (DSH) 网页提供彩色渐变持续流动的小鲸鱼 favicon,并把页面内的鲸鱼图标、"deepseek" 文字、hero 标题与「预览版」徽章一并彩色化的 Cordis 客户端插件。

看到 DeepSeek 在官网 WebChat、OpenPlatform、Harness 三处用了不同颜色的小鲸鱼 favicon 后,萌生了「给 Harness 自己做一个彩色小鲸鱼」的想法。本插件把小鲸鱼轮廓 + 流动彩虹渐变渲染到浏览器标签页的 favicon 上。

本仓库提供两种安装形态:

形态	分支	分发方式	适用
动态插件	main	会话内 cordis_define + cordis_run(分享 src/index.js)	只给自己 / 单会话用,带运行卡片控制面板
静态 bundle	bundle(当前分支)	npx @deepseek-ai/dsh plugin ... add,整个部署生效	分发给其他用户、一次装全部署

你正在看的是 bundle 分支:主产物是 dual-face npm 包;src/index.js(动态形态)与 src/client.js(bundle 客户端)仍共用同一份小鲸鱼图形与参数。

✨ 特性

• 🌈 彩色渐变流动:7 段彩虹色相循环 + 渐变方向旋转,颜色在小鲸鱼身上持续「流动」。
• 🐳 页面内彩色化:导航栏与会话页的鲸鱼图标(FishLogo)、"deepseek" 文字(BrandWordmark)、hero 标题「探索未至之境」以及「预览版」徽章同样流动彩虹渐变。
• 🎨 可配置(动态形态):运行卡片内可在「渐变变色 / 整体变色」间切换页面内颜色的呈现方式。
• 🖥️ 作用于主页:直接替换整个 DSH Web 页面的 favicon,无需刷新页面。
• 🎛️ 运行卡片控制(动态形态):在 cordis_run 卡片内提供实时彩虹圆点、「暂停 / 恢复」按钮与变色模式配置。
• 🧹 干净卸载:停用 / 更新插件时自动恢复原始 favicon,不留残留。
• 🧱 零依赖:纯客户端 JS,无构建步骤、无运行时依赖。

📁 目录结构

coloured-favicon/
├── src/
│   ├── index.js          # 动态形态:可直接部署的客户端函数体(code.client)
│   ├── client.js         # bundle 客户端源码(占位符 __WHALE_PATH__)
│   └── node.js           # bundle node 半区源码(no-op 宿主挂载点)
├── lib/                  # 构建产物(已提交):lib/index.js + lib/client.js
├── scripts/
│   ├── check.mjs         # 校验动态形态 src/index.js 语法
│   └── build.mjs         # 构建 bundle:src/* → lib/* 并做语法校验
├── cordis.patch.yml      # bundle patch 层(insert 一行客户端插件条目)
├── docs/
│   ├── 快速开始.md        # 动态形态如何部署到 DSH
│   ├── 打包分发.md        # bundle 形态如何打包并分发给其他用户
│   ├── 架构设计.md        # 工作原理与设计取舍
│   └── 开发指南.md        # 本地开发、校验与版本迭代
├── README.md
├── CONTRIBUTING.md       # 贡献指南
├── CHANGELOG.md          # 变更日志
├── NOTICE.md             # 第三方素材声明(小鲸鱼图形版权)
├── LICENSE               # MIT
└── package.json