dsh-p3r-theme:为 DeepSeek Harness 桌面版套上 Persona 3 Reload 风格界面

前言

DeepSeek Harness(DSH)桌面版默认界面偏通用工具风。若你长期在 Harness 里写提示、跑对话,又希望窗口在配色、对话框排版和选中反馈上更接近《Persona 3 Reload》的 UI 语言,单靠系统主题或浏览器外观通常不够:游戏里是白底蓝字 / 蓝底白字的对话、斜切选中板、HUD 底边刻度,这些都要在客户端主题层用设计令牌和 CSS 逐项对齐。下面介绍社区插件 dsh-p3r-theme(npm 包名 dsh-theme-p3r),它通过 DSH 客户端主题注入,在不改应用业务逻辑的前提下替换整站视觉。

这是什么

dsh-p3r-theme 是由维护者 renge1145141919810 发布的 DSH 主题类插件,在 SkillHub 插件目录 中归类为「趣味换装」。一句话定位:基于 DeepSeek Harness 桌面版的 Persona 3 Reload 风格 UI 主题。亮 / 暗两套配色随系统或应用内外观设置切换;README 建议深色模式观感更佳。当前版本为 0.4.0,许可证 MIT,依赖 dsh ^0.2.0、Node >= 18。

核心功能

全站配色与背景

插件通过 theme.overrideTokens 覆盖 50 多个 --dsw-alias-* / --dsw-specific-* 令牌(亮 / 暗各一套),并把整条 --dsw-static-neutral-bluish-* 从暖灰换成蓝灰,避免绕开令牌的组件跑调。背景图 li.gif 内联为 data URI,配合轻模糊与提饱和;面板在暗色下约 24% 不透明(白昼 32%)。水面不用 brightness 压黑,而是盖海军蓝染色层以保留波浪结构。外框为四角青色括线,与输入框同一套「瞄准」视觉。

对话框

对话排版对齐游戏习惯:用户消息为白底蓝字框(#f6faff 底、#0b3fa8 字、1px 蓝边、3px 蓝脊);模型回答为 #1d54cc → #123a91 蓝底白字,带青色脊线。框内链接、行内代码、代码块、表格单独配色;模型侧只套 markdown 根节点,复制 / 重试等按钮仍浮在背景上。

字体、几何与交互

拉丁数字倾向系统自带的 Bahnschrift,中文落到 MiSans / Noto Sans SC,并改 --dsw-font-family。控件圆角归零,大面板 2px;用 1px 发丝线代替阴影。菜单项、下拉选项、标签、侧栏会话 / 项目 / 面板行等在悬停、焦点、选中时出现 斜切约 13° 的蓝色平行四边形选中板(左侧亮青脊线、细斜纹,静止时缓慢左右浮动)。输入框四角为青色括线;彩蛋包括顶部 1px 扫描线与底边 HUD 时间刻度(右下角文案风格为 00:00 · MEMENTO MORI,刻度中间被遮罩挖空以免压住输入框)。

客户端注入方式

package.json 中 dsh.client 指定 platform: web、immediately: true,并注入 @deepseek-ai/dsh-client-ui-theme;服务端侧通过 cordis.patch.yml 参与 bundle。主题脚本打包在 client.js 中(含内联背景时体积约 2.4MB)。

安装与启用

CLI 文档中的本地目录安装命令为:

dsh plugin --profile desktop add /path/to/dsh-p3r-theme

当前桌面版里 desktop profile 由 Electron 应用独占管理,上述 CLI 会被拒绝。实际安装路径是:打开应用 设置 → 插件 → 从本地目录安装,选中插件所在文件夹。

装完后需要 重启应用(不是仅刷新页面):客户端脚本是新一档加载,热刷新拉不进新插件。

插件在 DSH 进程权限下运行,安装前请自行查看 GitHub 仓库 源码与 MIT 许可证。SkillHub 为社区目录站点,与 DeepSeek / 幻方无官方从属关系。

典型用法

更换背景图

将新图覆盖为仓库中的 li.gif(或 li.webp / li.png),然后在插件目录执行:

npm run media

该命令等价于 node tools/sync-media.mjs,会把图片 base64 写入 client.js 中标记好的区块。检查是否忘记同步:

node tools/sync-media.mjs --check

背景为 background-size: cover 加轻模糊,原图不必很大,但宽度建议不小于 800px,否则放大易糊。

自行微调颜色与面板

可改 client.js 顶部 TOKENS,或在 body[data-p3r] 段调整变量,例如:

变量 / 位置 作用
--p3-blue 主蓝(按钮、链接)
--p3-cyan 青光(细线、括线、选中脊)
--p3-hud 底边时间刻度颜色
--dsw-alias-bg-base 面板不透明度
.p3r-water 的 brightness 水面亮度(暗色默认 0.90,白昼 1.00)
body[data-p3r]::before 第三层 海军蓝染色强度
.p3r-frame 的 opacity 四角括线存在感

改完本地目录安装的场景下,仍须按 README 说明重启应用使客户端脚本生效。

适用场景与注意

适合谁: Persona 3 Reload 粉丝、希望在 DSH 桌面版里获得游戏式 HUD 与对话气泡排版的开发者或日常用户。

已知限制(来自 README):

  • 宿主层在本版桌面版中未激活;主题不依赖 /theme-*/media/* 自定义路由,媒体内联进 client.js。
  • GIF 无法用 CSS 暂停;系统开启「减少动态效果」时隐藏水层,仅保留底层渐变。
  • 底边刻度为 position: fixed、z-index: 0 的 7px 高层,中间约 24% 被遮罩避开输入框。

结尾

dsh-p3r-theme 把 DSH 桌面版整站令牌、对话气泡、选中板与 HUD 细节对齐 P3R 视觉,安装以应用内「从本地目录安装」为准,换图走 npm run media。目录页:https://www.skillhub.cn/plugins/renge1145141919810/dsh-p3r-theme;源码与说明:https://github.com/renge1145141919810/dsh-p3r-theme。

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

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

小夜