前言¶
在 DeepSeek Harness(DSH)里,若你已用 @hytime/dsh-thinking-effort 在 composer 中展示推理等级,默认样式是一条 4px 细线、实心蓝填充和大白圆点,视觉偏「系统控件」。若你希望档位条更像一条可识别的品牌胶囊——渐变、星点、慢速流光——又不想自己 fork 上游改 DOM,可以在上游插件之上叠一层纯 CSS 皮肤。
下面介绍社区插件 dsh-effort-ultra-skin(维护者 LoveIrishCoffee,GitHub:LoveIrishCoffee/dsh-effort-ultra-skin)。它不绘制任何 UI,只重绘 @hytime/dsh-thinking-effort 已渲染出来的推理档位控件;SkillHub 分类为「趣味换装」。
这是什么¶
dsh-effort-ultra-skin 是 DSH 推理档位控件的换肤插件:把上游画出的推理等级条重绘成 蓝→紫渐变胶囊,轨道内带星点,约每 2.6 秒有一道柔光扫过。宿主侧几乎不注册能力,浏览器侧往 <head> 注入样式,并用 MutationObserver 在最高档时打上 data-effort-tier="ultra",以便星点与流光加速并加上紫色内描边。
一句话:上游 @hytime/dsh-thinking-effort 是发动机,本插件是贴纸。 未装或未启用上游时,本皮肤的选择器匹配不到目标,档位条与 chip 会一起不可用。
换肤前后对比¶
| 位置 | 换皮肤前 | 换皮肤后 |
|---|---|---|
| composer 里的折叠 chip | 灰底胶囊,模型 │ 档位 之间一条细竖线 |
淡蓝紫渐变胶囊,档位名变成独立着色小胶囊 |
| 展开后的档位条 | 4px 细线、实心蓝、每档一个大白圆点、原生滑块拇指 | 24px 渐变胶囊、白星点、流光扫过、圆点与拇指隐藏 |
| 面板右上角档位名 | 品牌色纯色文字 | 蓝→紫渐变文字 |
| 最高档 | 与其它档无差别 | 星点与流光加速,并加一圈紫色内描边 |
浅色与深色主题各有一套配色,会跟随系统主题。系统开启「减弱动效」时,星点与流光会自动停用。
依赖(必装)¶
- 必须先安装并启用
@hytime/dsh-thinking-effort。 - 不要卸载上游 —— 卸载后本插件无法匹配 DOM,相关 UI 会消失。
本插件 peer 依赖 @deepseek-ai/cordis(package.json 中为 ^4.0.2),随 DSH 插件体系加载;当前包版本 0.1.0,授权 MIT。
安装与启用¶
安装前请自行查看仓库源码与许可证;插件在 当前 DSH 进程权限 下运行,与从 npm 或 GitHub 安装的其他 DSH 插件相同。
步骤顺序:先装上游,再装皮肤,最后重启 DSH。
从 npm(推荐)¶
将 <你的 profile> 换成实际 profile 名:
dsh plugin --profile <你的 profile> add dsh-effort-ultra-skin
从 GitHub¶
仓库已提交编译产物 dist/,无需本地构建:
dsh plugin --profile <你的 profile> add github:LoveIrishCoffee/dsh-effort-ultra-skin
上游控件需单独安装(具体命令以 @hytime/dsh-thinking-effort 文档为准)。两种安装方式完成后 重启 DSH 生效。
卸载¶
dsh plugin --profile <你的 profile> remove dsh-effort-ultra-skin
卸载或停用时会清理注入的 <style> 以及 data-effort-tier 属性,README 说明浏览器侧 不残留 相关标记。
典型用法¶
本插件 没有 独立配置界面或 CLI 子命令;启用后自动作用于上游已渲染的推理档位区域。
日常使用: 在 DSH Web UI 中像平时一样切换推理档位即可。最高档判定读取 range 输入框的 min / max(value === max 即为最高档),不解析 中/英/日等档位文案,本地化名称仍可正确触发 Ultra 样式。
自定义配色(改源码后需自行构建并安装本地包): 编辑 lib/client.js 顶部的 --effort-* 变量:
| 变量 | 作用 |
|---|---|
--effort-a |
渐变起点(蓝) |
--effort-b |
渐变中段 |
--effort-c |
渐变终点(紫),光晕与最高档描边 |
--effort-star |
星点颜色 |
--effort-glow |
光晕与投影 |
--effort-track-h |
轨道高度(默认 24px) |
若不需要流光,可删除 CSS 中 >:first-child>:first-child::after 对应规则(见 README「换配色」一节)。
实现要点与范围¶
- 宿主半边:惰性占位,不注册路由、工具或服务。
- 浏览器半边:注入全局样式;监听档位输入框的
value/aria-*,为最高档设置data-effort-tier="ultra"。 - 覆盖范围:仅推理档位控件;不修改模型下拉、composer 其它控件或全局材质。
渐变紫色未完全走 DSH --dsw-alias-* 令牌(令牌表无紫色),因此 --effort-* 以字面量定义;其余颜色尽量走 alias 并带兜底。
适用场景与注意¶
适合谁: 已使用 @hytime/dsh-thinking-effort、希望在不动上游逻辑的前提下统一视觉的 DSH 用户;分类上属于「趣味换装」,偏 UI 表达而非推理能力本身。
已知限制(来自 README):
- 绑定上游 DOM 约定。 选择器依赖上游的
data-seat-*与结构位置,不用 CSS-module 哈希类名;上游若改属性或层级,皮肤会 静默失效(设计上不会半生效错位)。 - 只服务推理档位。 其它 composer 控件不受影响。
- 生态位置。 DSH 社区插件目录在 SkillHub 等独立站点展示,与 DeepSeek / 幻方无官方从属关系;安装与审阅源码仍由使用者自行负责。
结尾¶
经过上面的步骤,你可以在保留 @hytime/dsh-thinking-effort 行为的前提下,把推理档位条换成蓝紫渐变、星点与流光的胶囊样式。目录页:SkillHub - dsh-effort-ultra-skin;源码与截图说明:GitHub - LoveIrishCoffee/dsh-effort-ultra-skin。