dsh-effort-ultra-skin:为 DSH 推理档位控件换上蓝紫渐变皮肤

前言

在 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 渐变胶囊、白星点、流光扫过、圆点与拇指隐藏
面板右上角档位名 品牌色纯色文字 蓝→紫渐变文字
最高档 与其它档无差别 星点与流光加速,并加一圈紫色内描边

浅色与深色主题各有一套配色,会跟随系统主题。系统开启「减弱动效」时,星点与流光会自动停用。

依赖(必装)

  1. 必须先安装并启用 @hytime/dsh-thinking-effort。
  2. 不要卸载上游 —— 卸载后本插件无法匹配 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):

  1. 绑定上游 DOM 约定。 选择器依赖上游的 data-seat-* 与结构位置,不用 CSS-module 哈希类名;上游若改属性或层级,皮肤会 静默失效(设计上不会半生效错位)。
  2. 只服务推理档位。 其它 composer 控件不受影响。
  3. 生态位置。 DSH 社区插件目录在 SkillHub 等独立站点展示,与 DeepSeek / 幻方无官方从属关系;安装与审阅源码仍由使用者自行负责。

结尾

经过上面的步骤,你可以在保留 @hytime/dsh-thinking-effort 行为的前提下,把推理档位条换成蓝紫渐变、星点与流光的胶囊样式。目录页:SkillHub - dsh-effort-ultra-skin;源码与截图说明:GitHub - LoveIrishCoffee/dsh-effort-ultra-skin。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye