前言¶
DeepSeek Harness(DSH)的 Web 界面默认是纯色或渐变背景、不透明分层,品牌标识与输入框样式也相对固定。如果你长期在 dsh web 里工作,界面观感往往缺少一点个性化空间。
社区里已有不少主题类插件,做法各不相同。下面介绍的 dsh-kimino-theme 走另一条路:以新海诚电影《你的名字。》(Kimi no Na wa)为视觉母题,用电影壁纸垫底、彗星蓝玻璃拟态覆盖全界面,并通过官方 theme.overrideTokens API 与组件样式补丁完成换肤。它由维护者 niiang 发布,在 GitHub 上约 20 stars,归类为「趣味换装」。
这是什么¶
dsh-kimino-theme 是一个标准的 DSH 插件包:一条 dsh plugin 命令装进 web profile,随 DSH 启动常驻,不修改任何 DSH 源码;卸载后页面完全还原。
核心变化包括:
- 背景:电影壁纸 + 全局模糊遮罩,替代原生纯色/渐变
- 界面表面:半透明毛玻璃(
backdrop-filter),交互色统一为彗星蓝(#93C5FD) - 品牌标识:侧边栏与首页标题替换为电影 Logo(展开态 + 折叠态)
- 输入卡:藏蓝玻璃胶囊,占位文案主题化
- 滚动条:全局蓝紫玻璃细滚动条
- 消息列底部:40px 渐变淡出蒙版
代码以 MIT 授权;assets/ 中的壁纸与 Logo 素材源自电影宣传物料,仓库声明仅作个人桌面美化之用。
核心功能¶
彗星蓝玻璃拟态¶
主题通过 theme.overrideTokens API 叠加约 60 项 design token 覆盖:背景层半透明化、边框换成低饱和蓝描边、交互态统一为彗星蓝系、状态色微调至与深色玻璃协调。亮色与暗色模式共用同一套视觉。
壁纸与 Logo¶
壁纸由插件宿主半区以 /kimino-bg/current.jpg 路由提供(包内 assets/current.jpg),叠加轻微深色渐变保证文字可读性。侧边栏展开态显示横向电影 Logo,折叠态显示字母标记;首页 hero 标题替换为居中大尺寸 Logo。
输入卡与占位文案¶
输入卡重绘为藏蓝玻璃胶囊,占位文案按界面语言自动替换:
| 界面语言 | 输入框 | 新会话描述 |
|---|---|---|
| 中文 | 黄昏之时,我在这里等你。 |
君の名は。想构建怎样的世界? |
| 英文 | 黄昏の時、私はここにいるよ。 |
君の名は。どんな世界を構築する? |
消息滚动与统一滚动条¶
消息列底部 40px 平滑淡出,输入框零裁切;同时修复了「回到底部」按钮不出现的问题。全局滚动条统一为蓝紫玻璃风格,按 Chromium 内核浏览器打磨。
安装与启用¶
系统要求¶
- 已安装 DeepSeek Harness,
dsh web可正常启动 - 机器上有 pnpm(
dsh plugin内部使用;Node.js 自带的 corepack 可提供)
安装¶
dsh plugin --profile web add github:niiang/dsh-kimino-theme
dsh web # 重启 DSH 生效
壁纸出现、侧边栏 Logo 变化,即安装成功。安装后随 DSH 启动常驻,无需每次重装。
更新与卸载¶
更新:
dsh plugin --profile web update dsh-kimino-theme
dsh web # 重启生效
卸载:
dsh plugin --profile web remove dsh-kimino-theme
dsh web # 重启后页面完全还原
暂时关闭(不卸载)¶
编辑 ~/.dsh/profiles/web/package.json,删掉 dsh.profile.bundles 数组中的 "dsh-kimino-theme" 一行,重启 dsh web 即关闭;加回该行再重启即恢复。
典型用法¶
皮肤中心方式(可选)¶
若使用 dsh-web-ui 的皮肤中心(skin-center),可改以皮肤包形式安装:把仓库 skin/kimino/ 整个目录拷到 ~/.dsh/skins/kimino/,刷新页面即出现在「设置 → 皮肤中心」,支持试穿、一键切换、互斥管理。
说明:手工投放的皮肤因皮肤中心的溯源安全门不带 hooks.mjs 行为增强(占位文案、滚动优化)——壁纸、配色、Logo、玻璃样式等视觉完整;经 dsh plugin 安装则功能全量。两种方式二选一。
自定义壁纸与 Logo¶
需本地克隆并改用 link: 安装:
git clone https://github.com/niiang/dsh-kimino-theme <你的目录>
dsh plugin --profile web add link:<你的目录的绝对路径>
dsh web
换壁纸:替换克隆目录中的 assets/current.jpg(保持文件名不变),浏览器强刷(Ctrl+F5)即可。
换 Logo:替换 assets/logo/ 下的两个 SVG,强刷生效。
调色:颜色集中在 bundle/client.js 的 token 覆盖与组件样式两处,改完重启 dsh web 并强刷。
适用场景与注意¶
适合谁: 长期在 DSH Web GUI 中工作的开发者,希望在不改源码的前提下给界面换一套完整视觉主题;偏好《你的名字。》彗星蓝玻璃风格的使用者。
浏览器建议: 主题大量使用 backdrop-filter 毛玻璃、滚动条定制与 CSS 蒙版,推荐使用 Microsoft Edge 或 Google Chrome;Firefox 下部分显示效果不兼容(滚动条、渐变蒙版等可能打折)。
权限与安全: 插件以当前 dsh 进程权限运行,安装前建议检查源码与许可证。本仓库代码为 MIT;壁纸与 Logo 素材版权归原权利方所有。
已知限制:
- 消息滚动、侧边栏 Logo 替换、输入卡高亮等处的选择器依赖 DSH 前端构建期哈希类名,DSH 大版本升级后可能需要跟随更新
- 主题强制深色玻璃视觉,亮色模式不做单独适配
- 壁纸与 Logo 路由缓存 1 小时,替换素材后需强刷浏览器
- token 层是叠加式的,建议同一时间只启用一个主题类插件
装完没变化? 确认命令里带 --profile web;浏览器 Ctrl+F5 强刷;查看 dsh web 启动日志有没有 [kimino-theme] host half active。
结尾¶
dsh-kimino-theme 把 DSH Web GUI 变成《你的名字。》的模样:一条命令安装,卸载即还原,适合想给日常开发界面换肤、又不愿动 DSH 源码的场景。