Fly Skins:为 DeepSeek Harness Web UI 提供四套可切换皮肤

前言

DeepSeek Harness(DSH)的 Web 界面默认是一套通用 chrome。若你长期在 harness 里跑智能体、盯会话和工具卡,仅靠系统明暗主题往往不够:侧栏层级、运行中的视觉反馈、拉丁与中文混排时的字号字重,都会直接影响长时间使用的可读性。社区里已有按 token 层改 UI 的做法;Fly Skins 把 Fly 工作台侧沉淀的四套配色打包成标准 DSH 皮肤插件,可单独安装,不依赖 Fly 工作台。

下面介绍插件定位、能力边界、安装方式与使用注意。

这是什么

@dsh-fly/dsh-plugin-fly-skins 是由维护者 ethanchen669 发布的 DSH theme 类插件(npm 包名与 GitHub 仓库 ethanchen669/dsh-plugin-fly-skins 对应)。当前资料中的版本为 0.2.6,许可证 MIT。

一句话:在官方 DeepSeek Harness UI 上重画 chrome——四套配色(各含明暗两半)、霓虹深色半区在模型运行时的激光扫描、侧栏约 125% 字号档位,以及霓虹主题的 MiSans Latin 内置字形。README 明确说明:只装皮肤可得「官方 UI + Fly 配色」;只装 Fly 工作台则仍是官方外观加工作台能力,二者可拆可合。

核心功能

四套配色(palette)

每套都有 light / dark 两个半区,选择会写入 profile 的 patch 层字段 skin,重启与切换 profile 后仍保留。

名称 id 适用取向(据 README)
Solid solid 不透明面板、清晰边框,偏扁平高对比
Glass glass 半透明磨砂、细线边缘,要层次少上色
Volume volume 玻璃体积感 + 状态光晕 + 文字底板
Neon neon 场景光场、边缘光、文字底板 + 运行扫描(dsh-fly 默认取向)

Neon(主打):整窗深蓝画布与 46px 电路网格;栏卡外溢青光;文字落在独立字座上以保持清晰度。明暗两半是同一配方的两个半区,不是两套独立主题。

模型运行时的激光扫描(Neon 深色)

仅在当前回合 running 时生效:规则挂在上游 [data-chat-running] 上,模型停止即卸载,空闲会话与首页不会出现动线。

  • 中列背景(消息与卡片下方)绘制 2px 青光线,颜色与 Todo 任务列表 T10 环一致:rgba(53, 211, 224, 0.78)(#35d3e0),尾迹 48px。
  • 自下而上扫动,约 16 秒一程,两端屏外静默后重播。
  • Neon 浅色半区不扫描;在 prefers-reduced-motion: reduce 与视口宽度 ≤768px 时关闭。

侧栏 HUD 与工作区层级(0.2.6 起四套共用)

工作区文件夹名改为青色 HUD 标牌(大写拉丁、13px、字重 600、字距 0.12em、淡青底板与 1px 渐隐尾线),避免夹在两段会话之间被误读为会话行。会话行保持上游 17.5px 与原有选中样式。中文文件夹名不强制大写,靠青色与字距区分。

字体(主要作用于 Neon)

拉丁 chrome 使用内嵌 MiSans Latin(约 166KB,Apache-2.0,三档字重),离线可用;中文仍回落用户自己的字体设置。按钮与面板标题 600 + 0.04em 字距,section 标签 500,数字 tabular,时间戳与计数走等宽栈。Solid / Glass / Volume 保持各自原有字形与像素,不套用 Neon 的 MiSans 方案。

安装与启用

安装命令(README 原文):

dsh plugin --profile=<profile> add @dsh-fly/dsh-plugin-fly-skins

也可在 harness UI 的 Settings → Plugins 中添加。添加后须重启应用:引擎在进程内缓存客户端 bundle,仅刷新页面不够。

安装完成后,在 Settings → General 会出现独立的 Skin 行,用于切换 palette 与明暗半区。

插件对 @deepseek-ai/schemastery 有 peer 依赖(资料中为 ^3.18.4),需与当前 harness 版本匹配。

典型用法

  1. 选定 profile,执行上述 dsh plugin add 或在 UI 中安装插件。
  2. 完全退出并重启 DSH。
  3. 打开 Settings → General,在 Skin 行选择 solid / glass / volume / neon 及对应明暗半区。
  4. 若使用 Neon 深色并开启会话:在模型执行回合期间,对话中列背景会出现自下而上的扫描线;回合结束即消失。可用一个带工具调用的示例任务观察 Todo 卡与命令卡展开时的效果(README 用五步 todo_write + echo 示例说明抓帧方式,非真实用户会话)。

无需安装 Fly 工作台即可单独使用本皮肤。

适用场景与注意

适合谁:希望在官方 harness UI 上统一 Fly 视觉语言、需要四套风格可切换、或依赖「运行中」扫描线作状态提示的开发者。

权限与安全:与其它 DSH 插件一样,皮肤插件随当前 dsh 进程加载客户端补丁与资源;安装前请阅读 GitHub 仓库 源码与 MIT 许可证,确认符合你的环境策略。README 预览图使用示例工作区名(atlas-web / billing-api / infra-notes),不含真实对话。

生态说明:插件目录站 SkillHub 条目 为社区收录,与 DeepSeek / 幻方无官方从属关系。资料中 GitHub 星标约为 1,不代表质量背书,仅作公开指标。

结尾

Fly Skins 把四套 Fly 配色与 Neon 运行扫描、侧栏 HUD、可选 MiSans Latin 收成一颗可独立安装的 DSH theme 插件;安装命令与 skin 持久化方式在 README 中写全。需要细节或 issue 时,见目录页与仓库:

  • 目录页:https://www.skillhub.cn/plugins/ethanchen669/dsh-plugin-fly-skins
  • GitHub:https://github.com/ethanchen669/dsh-plugin-fly-skins
羽毛球分组比赛记分
小程序二维码

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

Xiaoye