dsh-client-ui-skin-kitty:为 DSH Web UI 换上 Hello Kitty 主题

前言

DeepSeek Harness(DSH)的 Web 界面默认样式偏工程化,长时间使用同一套视觉时,有人希望在不改业务逻辑的前提下,只调整配色、背景和明暗模式。社区里「趣味换装」类插件走的就是这条路:通过插件机制注入 CSS 与静态资源,Harness 启动后自动恢复外观。

下面介绍维护者 luongthimydieu 发布的 dsh-client-ui-skin-kitty——面向 DSH Web UI 的 Hello Kitty 主题,以粉色主调和自定义壁纸为主,安装后随 Harness 静态加载,无需每次手动开启。

这是什么

dsh-client-ui-skin-kitty 是一个 DSH Web profile 下的客户端 UI 皮肤插件(npm 包名同仓库名,当前资料中版本为 1.0.0)。它只负责界面主题与壁纸,不提供独立的聊天、模型调用或任务管理功能。

插件在 SkillHub 社区目录中归类为「趣味换装」;GitHub 仓库采用 MIT License 开源。

核心功能

依据项目 README 与 package.json 声明,已核实能力包括:

  1. Hello Kitty 风格界面:以粉色为主色调的 Web UI 主题。
  2. 自定义壁纸:可替换默认壁纸图片,或使用 Base64 内联版本(theme.inline.css)。
  3. 浅色与深色主题:样式适配不同显示模式。
  4. 自动加载:通过 cordis.patch.yml 等静态插件机制,Harness 启动并成功加载插件后主题自动应用。
  5. 热更新样式:修改 theme.css 后刷新页面即可查看效果,一般无需重启 Harness。
  6. 轻量化:不修改工作区原有功能;服务端提供 /kitty/theme.css 与 /kitty/wallpaper.jpg 路由,客户端启动时注入主题 CSS 的 <link>。

安装与启用

环境要求(来自 README):

  • 已安装并可正常运行的 DSH 环境。
  • 支持插件安装的 DSH 版本。
  • 若需从源码修改主题或执行 npm run inline,需要 Node.js 与 npm。

安装到 web profile(命令摘自官方 README,请将路径改为本机插件目录的绝对路径):

dsh plugin --profile web add file:/path/to/dsh-client-ui-skin-kitty

安装完成后重启 DSH Harness。加载成功后,Hello Kitty 主题会自动生效。不同 DSH 版本的插件安装细节可能有差异,以实际环境为准。

插件以当前 dsh 进程权限运行;安装前建议阅读仓库源码与 MIT 许可证,确认路由注入与静态资源行为符合你的安全策略。

典型用法

更换壁纸

替换项目中的默认壁纸文件:

assets/kitty-wallpaper.jpg

建议使用与原文件兼容的 JPEG,并注意分辨率与文件大小。若使用内联样式,替换后执行:

npm run inline

调整主题 CSS

编辑项目根目录的 theme.css,可修改配色、背景、透明度等。壁纸变量示例(摘自 README):

/* Example: customize the wallpaper */
:root {
  --kitty-wallpaper: url("/kitty/wallpaper.jpg");
}

主题 CSS 由插件静态路由返回;修改 theme.css 后通常刷新页面即可。若同时使用 theme.inline.css,请在修改主题或壁纸后再次执行 npm run inline,保持内联版本一致。

开发与打包(可选)

在插件目录内,资料中记载的命令包括:

npm install
npm run inline
npm pack

npm publish 需自行登录 npm 并检查 package.json 中的包名、版本与发布配置;peer 依赖涉及 @deepseek-ai/cordis、dsh-client-runtime、dsh-client-ui-slots 等,版本范围见仓库 package.json。

适用场景与注意

适合谁:已在本地或内网部署 DSH Web UI、希望用社区皮肤插件做外观定制、且接受粉色 Hello Kitty 风格的开发者。

兼容性:DSH 部分界面使用 CSS Modules 生成的类名,可能随版本变化。项目通过多种选择器与 body 级兜底规则尽量兼容;升级 DSH 后若壁纸异常,可对照当前页面结构调整 theme.css。

生态说明:DSH 奉行「一切皆插件」;SkillHub 等社区目录为独立站点,与 DeepSeek / 幻方无官方从属关系,本文不以「官方应用商店」表述。

链接

  • 社区目录页:https://www.skillhub.cn/plugins/luongthimydieu/dsh-client-ui-skin-kitty
  • GitHub:https://github.com/luongthimydieu/dsh-client-ui-skin-kitty

若你需要在不动 Harness 核心代码的前提下,给 Web 工作台加一层固定可恢复的主题与壁纸,可按上述 dsh plugin --profile web add file:... 流程安装本插件,再按需改 theme.css 与壁纸资源。

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

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

小夜