琉光(dsh-theme-liuguang):两套可切换的 DSH 界面皮肤

前言

DeepSeek Harness(DSH)的界面默认样式偏工程向,长时间对着同一套视觉容易疲劳;若只靠改系统主题或浏览器缩放,又很难同时照顾磨砂玻璃、版式密度和运行指标这类细节。社区插件「琉光」(Liuguang)把两套完整设计语言装进 DSH:液态玻璃与苏联构成主义,可在面板里即时切换,并附带个性化选项、投放式 CSS 皮肤包和鲸鱼娘桌宠。下面按定位、功能、安装与用法说明。

这是什么

琉光(npm 包名 dsh-theme-liuguang)是由维护者 ShokouP 发布的 DSH 皮肤/主题插件,在 SkillHub 插件目录 中归类为「趣味换装」。

一句话定位:给 DSH GUI 提供两套可随时切换的设计语言——液态玻璃(半透明磨砂、内部发光玻璃珠、跟随指针的镜面高光)与苏联构成主义(米色纸面、血红与墨黑、硬直角与海报式排版)——外加个性化面板、用户目录下的皮肤包,以及可交互的鲸鱼娘桌宠。

插件通过 --dsw-* 设计令牌与语义化 DOM 钩子注入样式,README 写明不依赖 CSS-module 哈希类名,并标注与 DSH 0.2.0-rc.2 兼容。代码许可为 MIT;桌宠立绘为社区二创,CC BY-NC-SA 4.0(禁止商用),与 DeepSeek 官方无隶属关系。

两套设计语言

切换入口在界面右下角 ✦ → 外观 → 设计语言,点选后即时生效,无需重启或刷新,选择会被记忆。

液态玻璃(Liquid Glass)

视觉特征包括半透明磨砂、细噪点、内部发光玻璃珠,以及跟随指针的镜面高光。底色有三套预设:墨银(暖灰黑 + 香槟金)、深海(藏蓝 + 青)、暖砂(褐黑 + 琥珀);强调色可用预设或取色器自定义。

该语言下独立选项包括:底色、强调色、磨砂(0–60px)、通透、圆角、动效。

苏联构成主义(Constructivism)

视觉为米色纸面搭配血红与墨黑,硬直角、粗边框、实心偏移投影与海报式标题下划线;提供米色正片与墨黑夜版两种海报明暗。

独立选项面向实际使用:纸张(米白/灰白/牛皮/蓝图纸)、套色(血红/朱砂/赭石/普鲁士蓝/墨)、版心(宽/中/窄)、字号(小/标准/大,调整正文实际字号)、编号(无 / 01 / 02 / 03 小角标)、印章(时钟 / 模型 / 关)、状态(自动 / 关)、指标(开 / 关)。README 说明红色主要用于状态与层级信号(如选中会话、输入卡聚焦、主按钮、印章),而非大面积装饰色块。

构成主义模式下,运行数据可显示在输入框左侧的页边注栏(右对齐、红色竖标朝向输入框),例如步数/轮次、tok/s、累计 token、缓存命中率等;仅当能从界面文本按标签解析到的数字才会显示。打开个性化面板时该栏自动隐藏。状态选项与顶栏斜纹联动:仅在 agent 执行任务时出现并缓慢移动,停下后静止消失。

核心功能

  • 设计语言切换:玻璃 ↔ 构成主义,即时生效并记忆。
  • 投放式皮肤包:将 ~/.dsh/liuguang-packs/<id>/ 目录(含 pack.json 与 theme.css)放入后,面板中即可选用;损坏的包只影响自身。格式说明见仓库 docs/skin-packs.md。
  • 个性化面板:外观(两套语言各自选项)、桌宠(显示/大小/话痨/七种表情试玩/归位)、关于(版本/署名/恢复默认)。
  • 鲸鱼娘桌宠:七种表情,可拖拽;悬停变开心,点击随机反应并说话;约 90 秒无操作进入犯困状态。
  • 可验证的配色:颜色在 OKLCH 中定义并由脚本转 sRGB;仓库提供 npm run check:contrast 按 WCAG 校验文字与 UI 配对(见 docs/digest.md)。
  • 卸载与回退:dsh plugin remove dsh-theme-liuguang 可移除依赖并注销 bundle,刷新后回到原版界面;README 强调不修改 app.asar。

安装与启用

推荐通过 DSH 插件命令从 npm 安装(README 建议全局安装 pnpm 后再执行):

npm i -g pnpm
dsh plugin add dsh-theme-liuguang

安装完成后重启一次 DSH;若右下角出现 ✦ 入口,即表示加载成功。

当 npm 不可用时,README 提供等价路径:

npm i -g pnpm
dsh plugin add github:ShokouP/dsh-theme-liuguang

卸载:

dsh plugin remove dsh-theme-liuguang

当前 npm 包版本为 0.3.1(以仓库 package.json 为准)。插件在 DSH 进程内运行,安装前宜自行查阅 GitHub 源码 与许可证,确认符合本机安全与合规要求。

典型用法

切换外观与调参

  1. 打开 DSH,点击右下角 ✦。
  2. 在 外观 → 设计语言 中选择「液态玻璃」或「苏联构成主义」。
  3. 在同一面板中按当前语言调整底色、强调色、磨砂、纸张、套色、指标等项;需要时可在桌宠分区开关显示、大小与话痨程度。

投放自定义皮肤包

在用户目录创建皮肤包文件夹,例如:

~/.dsh/liuguang-packs/<你的包 id>/
├── pack.json
└── theme.css

保存后回到 DSH,在琉光面板的皮肤相关选项中应能看到新包;具体字段以 docs/skin-packs.md 为准。仓库自带示例 examples/packs/mist/(樱雾)可作参考。

开发本机调试(Windows)

维护者在 README 中记录了本仓库脚本路径(适用于克隆后的本地开发,非普通用户必选项):

D:\yangchengcup\ui\apply.cmd
D:\yangchengcup\ui\restart-dsh.cmd

撤销皮肤可使用同目录下的 revert.cmd;多 profile 时支持 apply.cmd -ProfileName <名称>。

适用场景与注意

适合希望在 DSH 里长期换肤、对比两种反差强烈的 UI 语言,或需要页边注式运行指标与构成主义排版风格的开发者。液态玻璃路线适合偏好磨砂与动态高光;构成主义路线适合需要固定印刷感、版心与字号可控的阅读场景。

注意事项:

  • 桌宠素材 CC BY-NC-SA 4.0,商用需另行处理授权。
  • Windows 标题栏模式下,README 说明侧栏会关闭 backdrop-filter,以避免 fixed 标题栏按钮层叠异常。
  • 插件与 DSH 升级的配合以 dsh.compatibility 与 README 为准;大版本升级后若样式异常,可先卸载插件验证是否为皮肤层问题。

结尾

琉光把「液态玻璃」与「苏联构成主义」做成两套独立参数体系,而不是同一组滑杆换配色;配合皮肤包与桌宠,属于 DSH 生态里偏重界面表达的一类插件。目录页:SkillHub · dsh-theme-liuguang;源码与截图:GitHub · ShokouP/dsh-theme-liuguang。

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

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

小夜