DSH Pretty Extension:DeepSeek Harness Web UI 主题编辑器

DeepSeek Harness(DSH)的 Web UI 提供了基础的智能体开发环境。在默认配置下,界面风格较为统一。如果你希望调整界面的配色、字体或布局深度,可以使用 DSH Pretty Extension 插件。它通过一个原生的设置页面提供主题编辑能力,而非依赖外部 CSS 覆盖。

插件定位

这是一个由 Rheasilvia 维护的 DSH 插件,专门用于 DeepSeek Harness Web UI 的主题美化。它利用 DSH 的插件、设置、插槽和主题 API,在 Web UI 的设置中添加了一个独立的编辑入口,支持从预设或自定义两个维度修改界面外观。

核心功能

插件提供了以下可用的配置项:

  • 28 种主题预设:包含 Ayu、Catppuccin、Dracula、GitHub、Nord、Tokyo Night 等常见风格。
  • 独立调色板:可分别配置浅色和深色模式下的强调色、背景色、前景色和侧边栏颜色。
  • 实时预览:在修改设置时,侧边栏、对话区域和会话选中状态会实时更新,无需保存即可预览效果。
  • 排版与深度控制:支持单独选择 UI 字体和代码字体,并可调节界面层级(表面、边框、次要文本、悬停状态),支持 82% 透明度的侧边栏渲染。
  • 无障碍修正:自动对低对比度的前景色进行最小化调整,以保持至少 4.5:1 的文本对比度。
  • 原生集成:使用 DSH 的菜单系统和语义化主题令牌,支持设置持久化和版本保护。

安装与启用

安装前请确保你的环境满足以下条件:

  • 已安装 DeepSeek Harness 并配置了 web 配置文件。
  • pnpm 可在系统 PATH 中找到(dsh plugin 依赖 pnpm 管理依赖)。

执行以下命令安装插件:

dsh plugin --profile web add github:Rheasilvia/dsh-pretty-extension

安装完成后,插件默认处于禁用状态。你需要重启 DSH Web 进程使其生效:

dsh web

使用步骤

  1. 启动 DSH Web,访问其回环地址(通常为 http://127.0.0.1:3080)。
  2. 打开 Settings(设置) 菜单,选择 Pretty。
  3. 打开 Enable Pretty theme 开关。
  4. 切换 Light 或 Dark 模式,选择一个预设主题,或手动调整颜色、字体和界面效果。
  5. 在预览区域确认效果无误后,点击 Save and apply。

注意事项与配置

  • 默认禁用:插件安装后不会立即改变界面,必须手动在设置中启用。
  • 持久化存储:配置信息保存在 $DSH_HOME/settings.yaml 文件中的 ui-pretty.theme 命名空间下。点击“Restore defaults”可移除此配置覆盖,恢复 DSH 原生主题。
  • 本地字体限制:若要加载系统字体,浏览器必须支持该功能,且必须在回环地址或安全上下文(HTTPS)中运行,并显式授权。
  • 只读限制:如果浏览器不是通过回环地址(如 127.0.0.1)访问 DSH,Pretty 设置在当前会话中将是只读的。这属于安全设计,远程会话仅使用内存设置。

总结

DSH Pretty Extension 通过插件化的方式扩展了 DSH Web UI 的定制能力。它适合需要在长时间使用 DSH 时调整视觉体验的开发者,提供了从预设快速应用到精细像素级调整的完整工作流。

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

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

小夜