前言¶
DeepSeek Harness(DSH)的 Web 客户端自带明暗主题,但配色、字体和界面质感大体固定。若你希望在同一套 Harness 里快速切换「像素街机」「终端绿屏」「赛博霓虹」等完整视觉,而不是自己改 CSS 或 fork 主题,就需要一个在宿主内挂载、且不影响对话与模型行为的换装方案。下面介绍社区插件 dsh-style-studio:在左侧边栏增加「视觉风格」入口,用五套皮肤覆盖整应用的 CSS 变量与 color-scheme,选择保存在本机并在刷新后恢复。
这是什么¶
dsh-style-studio(仓库 zeme56/dsh-style-studio)是维护者 zeme56 发布的 DSH 插件,在 SkillHub 等社区目录中归类为「趣味换装」。它在 Harness 左侧边栏增加 视觉风格 面板(画笔图标),点开即可从风格库选皮肤;「恢复默认」回到 Harness 原版外观。皮肤只改界面呈现,对话内容、会话记录与模型行为不受影响。
五套皮肤¶
风格库中的皮肤 id 与观感如下(与 README 一致):
| 皮肤 | id | 观感 |
|---|---|---|
| 像素街机 | pixel |
8-bit 硬边、方角、等宽字 |
| 午夜终端 | terminal |
磷光绿字与 CRT 扫描线 |
| 霓虹赛博 | cyber |
青与洋红霓虹描边 |
| 纸感书房 | paper |
暖米色纸面与衬线字 |
| 极光玻璃 | aurora |
半透明玻璃层与柔光 |
选中项写入本机 localStorage,键名为 dsh-style-studio.skin;重启或刷新宿主后会自动恢复上次选择。
安装与启用¶
安装命令须按 README 原文执行,并将 --profile 换成你实际使用的 profile(Desktop 常用 desktop,dsh web 一般为 web)。装完后需重启宿主:dsh web 重开一次,Desktop 版退出再开。
# 从 GitHub 安装(pnpm 的 github: 简写)
dsh plugin --profile web add github:zeme56/dsh-style-studio
本地开发调试时 README 建议使用 link: 指向目录,例如 dsh plugin --profile web add link:C:\path\to\dsh-style-studio(路径按本机修改)。
插件在 package.json 中声明面向 Web 客户端(dsh.client.platform: web),需在支持 dsh.bundle 的宿主上使用;README 写明在 dsh 0.2.x 上开发与验证,并需 0.1.0-rc.6 起声明 bundle 的宿主。无头模式不受影响。许可证为 MIT(README 与 package.json 一致)。
安装前建议自行查看仓库源码与许可证:插件随当前 DSH 进程权限运行,社区目录与 DeepSeek / 幻方无官方从属关系,并非官方应用商店。
典型用法¶
- 启动 Harness 后,在左侧边栏找到 视觉风格。
- 打开面板,在风格库中点击任意卡片,整应用立即换装,无需刷新。
- 需要原版时点击 恢复默认。
面板底部「效果示例」区会随当前皮肤变化,便于对比按钮、输入框、徽章、发送键等控件的质感。
实现要点(便于排查与二次开发)¶
README 概括的切换链路为:点卡片 → select(id) → 写入 localStorage → 将约 70 个 CSS 变量以行内自定义属性写到 <body> → 给 <html> 设置 data-dsh-skin 并切换 color-scheme → 通知订阅者重渲染 React 面板。
几个与宿主协作相关的取舍:
- 不走主题注册表,直接写行内变量,利用优先级覆盖 Harness 在
body/body[data-ds-dark-theme]上的令牌,卸载时按进入前记录的旧值还原。 - 监听
ctx.on("theme/change"),在用户切换明暗主题后把皮肤变量再写回。 - 侧栏槽位通过
ctx.slots.inject延迟注册,避免在 shell 条目之前激活时直接slots.register导致启动失败(细节见仓库docs/BOOT-FAILURE.md)。
若要新增皮肤或改面板形态,README 指向 docs/EXTENDING.md;从零写带侧栏入口的同类插件见 docs/BUILD-A-PLUGIN.md。
适用场景与注意¶
适合长期在 Web 版 Harness 上工作、希望用一套插件切换多种界面气质、且不想动业务逻辑的用户。字体使用系统字体栈,README 说明不会联网下载字体。
只影响 Web 客户端;若你主要用 Desktop 或无头 dsh,请先确认 profile 与平台声明是否匹配你的环境。
结尾¶
dsh-style-studio 把五套完整视觉封装成侧栏一键切换,持久化在本机,与 Harness 明暗主题切换做了协同处理。项目 README 注明其源于 DeepSeek Harness Creator Mode 示例 prompt 合集中「DSH pixelated interface」类题目,五套皮肤与面板 UI 为作者自行实现,非官方产物。
- 社区目录页:https://www.skillhub.cn/plugins/zeme56/dsh-style-studio
- 源码与文档:https://github.com/zeme56/dsh-style-studio