dsh-style-studio:五套皮肤一键换掉 DeepSeek Harness 整站观感

前言

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 / 幻方无官方从属关系,并非官方应用商店。

典型用法

  1. 启动 Harness 后,在左侧边栏找到 视觉风格。
  2. 打开面板,在风格库中点击任意卡片,整应用立即换装,无需刷新。
  3. 需要原版时点击 恢复默认。

面板底部「效果示例」区会随当前皮肤变化,便于对比按钮、输入框、徽章、发送键等控件的质感。

实现要点(便于排查与二次开发)

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
羽毛球分组比赛记分
小程序二维码

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

小夜