dsh-nord:为 DSH Web GUI 提供 Nord 主题与余额读数

前言

DeepSeek Harness(DSH)的 Web GUI 提供了基础的对话与配置能力,但默认配色较为通用,余额信息也分散在多处。对于习惯使用 Nord 配色方案的开发者,或者需要快速查看 DeepSeek 余额的场景,这些细节会降低使用体验。下面介绍一个专门为 DSH Web GUI 提供主题与余额读数的插件。

这是什么

dsh-nord 是一个为 DSH Web GUI 添加 Nord 配色、独立设置页与 DeepSeek 余额读数的插件,由开发者 verdana 维护。它不修改 DOM 结构,而是通过设计 token 覆盖配色;不写死字体,只在老版本(0.1.7 / 0.2.0)提供字体栈选择;余额读数显示在 composer 下方,支持点击查看明细。

核心功能

Nord 配色

插件提供两套 Nord 配色(浅色与深色),通过设计 token 叠加到 DSH 的「外观」设置上。配置包含 132 个设计 token(93 个语义 alias、10 个具名表面、29 个静态色阶补丁)。配色跟随 dsh 的外观设置切换,卸载后自动还原,不写死颜色。

字体可选(仅 dsh < 0.2.1)

在 dsh 0.2.1 之前,本插件提供界面字体与代码字体分开选择。预设包含 8 个字体家族(Maple Mono、JetBrains Mono、Cascadia Code、Fira Code、更纱黑体、霞鹜文楷、HarmonyOS Sans、MiSans),也可使用自定义 CSS font-family。预设是一整条回退栈,没装的家族自动落到下一个;中文回退由插件补在后面。dsh 0.2.1 起自带字体与字号设置,本插件不再注入任何字体样式表。

余额读数

在 composer 下方显示余额条,与官方的轮次/步骤统计在同一行。点击弹出明细面板,用 DeepSeek 模型时,面板底部多一行「用量信息」,可直接跳转到 platform.deepseek.com/usage。余额刷新间隔可配置(默认 60 秒,范围 15–3600 秒)。

独立设置页

设置面板左栏新增「Nord 主题」分区(排在官方分区之后),页面底部显示当前版本号。设置分外观、字体、余额条三组。dsh 0.2.1 起字体组改为一行说明,字体由 dsh 自己的设置管理。

宽表格不再抖动

修复 dsh 上游一处布局问题:鼠标停在 markdown 宽表格底边时,表格会因为悬停预留高度来回切换而抖动。补丁把 md-table-wide 钉在普通 overflow-x: auto,不写 DOM,卸载即还原。代价是横向放不下的宽表格会常驻显示横向滚动条。

安装与启用

从 npm 安装:

dsh plugin --profile web add dsh-nord@^0.4.0
dsh web

从本仓库源码安装:

npm install && npm run build
dsh plugin --profile web add .
dsh --profile web --dump-config   # 应出现 "# == dsh-nord"
dsh web

从 GitHub 直接安装:

dsh plugin --profile web add github:verdana/dsh-nord#main

卸载:dsh plugin --profile web remove dsh-nord。

兼容性

插件支持 dsh 的以下版本:

  • 0.2.1-rc.2(构建基线,实机实测)
  • 0.2.0-rc.2
  • 0.1.7-rc.2

dsh ≤ 0.1.5 自 0.4.0 起不再支持。余额读数需要 DEEPSEEK_API_KEY(由 dsh 的 credentials 服务解析),没有凭据时余额条显示错误文案,主题、字体、设置不受影响。

典型用法

安装后打开设置面板,左栏会出现「Nord 主题」分区。在「外观」组开启 themeEnabled;在「余额条」组开启 balanceEnabled,设置刷新间隔。在 dsh 0.2.0 / 0.1.7 上,可在「字体」组选择界面/代码字体预设;在 dsh 0.2.1 上,字体改在设置 → 通用 → 字体里选。

适用场景与注意

本插件适合需要在 DSH Web GUI 中使用 Nord 配色、快速查看 DeepSeek 余额、或需要稳定布局的开发者。插件以当前 dsh 进程权限运行,安装前建议检查源码与许可证(MIT)。升级时注意:0.4.0 收窄了支持范围、也改变了字体的接管方式,需先移除再装。

短结尾

dsh-nord 通过设计 token 提供非侵入式的 Nord 主题,用独立设置页管理配置,用余额读数简化用量查看。需要这些功能的开发者可以查看目录页或 GitHub 仓库获取更多细节。

参考资料

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

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

Xiaoye