dsh-ui-beautify

给 DeepSeek Harness（DSH）Web UI 换一套好看的外观：一键切换配色预设、设置整页背景图，全部可撤销、可记忆。

✨ 功能特性

• 配色预设：默认 / 深海蓝 / 暖沙 / 松石绿 四套配色一键切换，覆盖主区域、侧边栏、文字颜色、消息气泡与发送按钮（浅色/深色模式各一套值）。
• 全局强调色跟随：工作区文件夹图标、会话加载螺旋、「对话 / 轨迹」标签高亮、Deep Diving 状态流光、超链接、轨迹时间线等所有蓝色系元素，都会随预设变成对应强调色。
• 整页背景图：选择本地图片作为整个 Web UI 的背景（侧边栏与主区都显示），自带半透明可读遮罩；上传时自动压缩。
• 互不干扰：设好背景图后切换配色预设不会覆盖图片；图片只由「清除」移除。
• 全部可撤销：「清除」「重置全部」即时还原；卸载插件后不留任何残留样式。
• 设置自动记忆：配色与背景图保存在浏览器本地，重启 DSH 后自动恢复。

安装

前置要求

• DSH 0.1.0-rc.6（本插件针对该版本的 Web 客户端编写，见「兼容性」）
• 官方安装方式需要 pnpm（npm install -g pnpm）

官方方式（推荐）

dsh plugin --profile web add github:Zalpha263/dsh-ui-beautify

• 发布到 npm 后可直接：dsh plugin --profile web add dsh-ui-beautify
• 装完重启 DSH，然后打开「设置 → 外观美化」即可使用
• 升级 / 卸载：dsh plugin --profile web update/remove dsh-ui-beautify

旧版手动安装（仅 v1.2 之前使用，已不推荐）

DSH 旧版本没有 dsh plugin 流程，需要把本包复制到两处并手工注册：

1. 复制包到 profile 目录：$DSH_HOME/profiles/ /node_modules/dsh-ui-beautify
2. 复制包到 dsh 安装目录：/@deepseek-ai/dsh/node_modules/dsh-ui-beautify
3. 在 $DSH_HOME/profiles/ /cordis.patch.yml 追加注册行：

- insert:
    - id: ui-beautify
      name: dsh-ui-beautify

4. 重启 DSH。

使用说明

打开「设置 → 外观美化」：

控件	作用
配色预设（默认 / 深海蓝 / 暖沙 / 松石绿）	一键切换整套配色；点「默认」还原
选择图片 / 已设置（点击更换）	上传本地图片作为全页背景（自动压缩，带可读遮罩）
清除	移除背景图（不影响配色预设）
重置全部	恢复默认外观，并清除已保存的设置

提示：配色预设不仅改变背景与气泡，还会把 DSH 界面中的蓝色强调元素（如「对话 / 轨迹」高亮、超链接、文件夹图标、Deep Diving 状态）统一成预设的强调色；点「默认」即可恢复 DSH 原生蓝色。

设置保存在浏览器 localStorage 中：刷新页面、重启 DSH 都会自动恢复；清除浏览器站点数据会重置。

卸载

dsh plugin --profile web remove dsh-ui-beautify