dsh-rococo-theme:为 DSH Web GUI 换上洛可可沙龙视觉主题

前言

DeepSeek Harness(DSH)的 Web 界面默认是功能导向的开发者工具外观。若你长期在桌面端使用 DSH、又希望界面更有辨识度,常见做法是自己改样式或凑合浏览器扩展,但那样往往难维护,也容易和宿主升级打架。dsh-rococo-theme 是社区里的「趣味换装」类插件:纯浏览器端覆盖 CSS,不改聊天逻辑、不注册对话槽位,把界面换成雾蓝、银蓝、奶白与香槟金搭配的洛可可(Trianon)风格。

这是什么

dsh-rococo-theme(仓库名 chenglixue66-dotcom/dsh-rococo-theme)由维护者 chenglixue66-dotcom 发布,当前版本 0.8.9,许可证 MIT。它在 apply() 时向页面 <head> 注入一份 CSS 覆盖层,并在侧栏注册「洛可可」说明面板;宿主侧无额外能力注册。分类上属于社区目录中的「趣味换装」——只动外观,不动行为。

核心功能

下面按 README 已说明的能力归纳,均可对照仓库文档核对。

纯外观、零侵入

  • 全部效果来自 CSS 覆盖层:无宿主能力扩展、无网络请求、不注册对话槽位。
  • installCss()、apply()、factory 三层带 try/catch;出错时静默降级为无主题,不应拖垮 DSH 启动。

深浅色跟随应用

浅色「凡尔赛晨厅」与深色「夜曲」两套调色,随 DSH 主题设置自动切换,无需单独配置项。

侧栏「洛可可」面板

侧栏会出现「洛可可」入口(默认可能被折进「更多」)。面板内包含:版本信息、样式表注入状态(已注入字符数)、助手与用户头像的实时预览、设计要素清单,以及「重新注入样式表」按钮。

界面组件覆盖(v0.8.9)

README 的组件清单覆盖了卷宗侧栏、模切吊牌导航、磨砂玻璃/蕾丝冠输入卡、账簿式对话流、工具调用票根卡片、代码块与引用块、主页 Bienvenue 纸面与水彩装饰等。装饰性元素(如主页版画周围的兔子、茶具等)仅在新会话主页挂载,窄屏会自动隐藏。

对话头像

助手与用户消息的 32px 圆形徽章由主题用伪元素绘制,而非 DSH 内置组件:

  • 助手:优先使用同源地址 /dsh-whale/image.png(来自 dsh-whale-widget 挂件当前角色图);未安装该挂件时图片加载失败会回退雾蓝渐变圆。
  • 用户:香槟金径向渐变 + ❦ 字形。

可在 lib/client.js 的 CSS 模板中按 README 示例修改选择器与 background,改完刷新窗口即可;本地图推荐 data: URI 内联,避免依赖其他插件。

设计令牌

主题使用 --tri-* CSS 变量,例如奶白纸面 --tri-ivory(#FBFAF6)、雾蓝 --tri-fog(#7C93BA)、香槟金 --tri-champ(#C7A86A)等。改配色可全局替换变量,或编辑浅色/深色变量块;按组件清单注释对应 CSS 分节(①—⑧)可关闭单项装饰;snapshots/ 目录保留各版本 CSS 快照便于回滚。

安装与启用

环境要求:dsh >= 0.2.1-rc.3,且使用 Web GUI(dsh.client.platform=web)。

从 GitHub 安装到 desktop profile:

dsh plugin --profile desktop add github:chenglixue66-dotcom/dsh-rococo-theme

若使用本地开发目录(需绝对路径):

dsh plugin --profile desktop add link:/absolute/path/to/dsh-rococo-theme

安装完成后刷新窗口(⌘R)即可生效,一般不必重启应用;插件 bundle 按内容哈希寻址,改动后刷新即更新。

卸载时:从 profile 的 package.json 中移除对应 dependency 与 bundles 条目,然后重启 DSH(与安装的刷新策略不同,卸载需重启)。

典型用法

  1. 按上文命令安装并刷新 Web 窗口,确认侧栏出现「洛可可」入口。
  2. 打开面板查看样式表是否已注入、预览双端头像是否符合预期。
  3. 若助手头像始终为渐变圆,说明未提供 /dsh-whale/image.png;可安装 dsh-whale-widget 或在 lib/client.js 中改助手徽章的 background。
  4. 需要微调配色或关掉某块装饰时,编辑 lib/client.js 内模板字符串中的 CSS,保存后再次刷新窗口。

Permission 授权弹窗、Dossiers 侧栏、对话输入等与原版相同的快捷键与逻辑保持不变,仅视觉变为双线纸框、花体眉题等洛可可式排版。

适用场景与注意

适合谁:长期在 DSH 桌面 Web GUI 上工作、希望界面统一成柔和纸质感主题、且能接受纯 CSS 方案的智能体开发者。

安装前建议:插件以当前 DSH 进程权限运行,安装前应自行查看仓库源码与 MIT 许可证;社区插件目录(SkillHub)为独立生态站点,与 DeepSeek / 幻方无官方从属关系。

兼容性:选择器优先依赖 shell 的稳定 data-* 属性;主页 hero 与侧栏个别位置使用 class*="…" 子串约定,DSH shell 大改版后可能需要对照组件清单抽查修正。

已知限制(README 原文):

  • 「洛可可」侧栏项默认可能被折进「更多」;若需常驻,要在侧栏相关插件里加入常驻列表(本仓库不修改第三方插件)。
  • 助手头像图依赖 dsh-whale-widget 提供的 /dsh-whale/image.png,否则仅为渐变回退。

结尾

dsh-rococo-theme 把 DSH Web GUI 收成一套可维护的洛可可视觉层:安装命令明确、行为边界清晰、出错可降级。进一步了解可在社区目录页查看分类与简介,在 GitHub 阅读完整组件清单与自定义说明。

  • 目录页:https://www.skillhub.cn/plugins/chenglixue66-dotcom/dsh-rococo-theme
  • 仓库:https://github.com/chenglixue66-dotcom/dsh-rococo-theme
羽毛球分组比赛记分
小程序二维码

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

Xiaoye