dsh-kimi-ui:为 DeepSeek Harness Web 换上 Kimi 风格界面

前言

DeepSeek Harness(DSH)Web 的默认界面走的是官方设计令牌体系,外观调整通常要么改宿主主题,要么自己写覆盖样式。若你希望在不碰模型与会话数据的前提下,把聊天区、侧栏、输入框等整体换成偏 Kimi 的深蓝品牌色、暖灰中性面与玻璃质感,社区里有一类「趣味换装」插件专门做这件事。下面介绍维护者 JAKE1266 发布的 dsh-kimi-ui:纯 CSS 变量覆盖加上少量声明式 UI 插槽,面向已在桌面 profile 运行 DSH Web 的开发者。

这是什么

dsh-kimi-ui 是给 DeepSeek Harness Web 使用的第三方皮肤插件(仓库 JAKE1266/dsh-kimi-ui,当前资料记载版本 2.0.0,许可证 MIT)。README 明确说明:个人维护、非官方,与月之暗面 / Kimi、DeepSeek 无授权关系;名称仅用于说明视觉灵感与兼容性。

插件只改界面:不接触模型、会话数据,不联网,不注册工具,不读写文件。实现上仓库内不含图片素材,皮肤靠令牌覆盖,组件层用原创内联 SVG 做品牌标记。

核心功能

皮肤层:CSS 令牌覆盖

DSH Web 全站视觉由 body 上的 --dsw-alias-*、--dsw-static-*、--dsw-specific-* 等语义变量驱动。本插件在这些变量层替换配色与几何,而不依赖宿主 CSS Module 的哈希类名。

方面 行为(据 README)
配色 Kimi 品牌蓝 #1783ff 与暖灰中性面,覆盖上述 DSH 令牌
明暗 跟随宿主 body[data-ds-dark-theme];暗色为中性偏暖 #171715 / #0F0F0E,README 写明不是蓝紫黑
渐变与玻璃 发送键、品牌文字、引用块等使用品牌蓝→深紫渐变;胶囊、菜单等 blur(20px) saturate(180%)
几何 气泡圆角 20px、输入卡 28px、面板 24px 等;v2 相对 v1 刻意加大圆角与侧栏分色以提高辨识度
侧栏 浅色侧栏 #F2F0ED 与主区 #FFFFFF 分色;暗色 #0F0F0E vs #171715
可访问性 尊重 prefers-reduced-motion;不破坏 DSH「仅键盘显示焦点环」逻辑

配色锚点部分来自 Kimi 官方 CSS bundle 的 :root / :root.dark(README 给出静态资源 URL);v2 在圆角、渐变、侧栏对比等处有推导强化,细节见仓库 docs/DESIGN.md。

组件层:声明式 React 插槽

第二层通过 DSH 插槽注入少量 UI,例如:

  • sidebar.brand.mark / sidebar.brand.name:自创月牙标记与「Kimi」名称(priority:-1 覆盖官方品牌占位)
  • conversation.hero.brand.mark:新会话首页大号标记
  • conversation.hero.options:四个快捷胶囊(AI 搜索、长文阅读、帮我写作、翻译)
  • settings.section:「关于」页(能力边界、来源声明、回滚方式)

组件层在 React 缺失时可整体降级为纯 CSS 皮肤,避免白屏;初始化包在 try 中,样式与注册由 ctx.effect 管理生命周期。

与其他皮肤互斥

README 要求同时只启用一个全站换肤插件。与 dsh-doubao-ui、dsh-zcode-ui、dsh-wechat-ui 等同批覆盖 --dsw-* 令牌,并行启用会互相覆盖,后加载者通常表现为混色。启用本插件前应先 disable 其它皮肤类插件。

安装与启用

安装命令以 README 为准(将 desktop 换成你实际运行 DSH Web 的 profile 名):

dsh plugin --profile desktop add github:JAKE1266/dsh-kimi-ui

资料注明:仓库已提交 client/client.js,从 GitHub 安装无需本地编译。

生效步骤:

  1. 重启 DSH Web。
  2. 浏览器硬刷新(Ctrl+Shift+R)。
  3. 在 DevTools 中检查:<html> 应出现 data-dsh-kimi-skin="2.0.0";<head> 中应加载 skin.css 与 components.css。

停用或卸载:

dsh plugin --profile desktop disable dsh-kimi-ui
dsh plugin --profile desktop remove dsh-kimi-ui

package.json 中 engines 写明需要 dsh >=0.2.0-rc.2 <0.3.0-0(及 Node >=20 仅用于仓库内构建与测试,普通用户从 GitHub 安装可不关心 Node)。

典型用法与自定义

日常用法就是安装并重启后使用 DSH Web,明暗主题仍由宿主切换。若需改品牌色、侧栏底色、圆角或快捷入口文案,README 指向源码中的 LIGHT/DARK、STRUCTURAL、STRUCTURE_CSS、QUICK_ACTIONS、src/artwork.mjs 等;修改后需在本机执行构建与测试(维护者流程):

node scripts/build.mjs && node test/run-all.mjs

仓库提供零依赖验证套件,README 称 19 项检查,含亮暗令牌键集合一致(205 个)、React 缺失降级等。

仅查看构建产物与契约时,可单独运行:

node test/run-all.mjs

适用场景与注意

适合谁:已在 DSH Web 桌面(或其它 web profile)上工作、希望界面更接近 Kimi 设计语言(深蓝品牌、玻璃面板、大圆角、暗色优先的暖中性暗底)的开发者;分类上属社区目录中的「趣味换装」/ theme 类插件。

务必注意:

  1. 插件在当前 DSH 进程的权限下加载 client 脚本;安装前应阅读仓库源码与 MIT 许可证,确认接受第三方非官方皮肤的风险与边界声明。
  2. 不要与其它全站皮肤同时启用。
  3. 星标、下载量等目录元数据以 SkillHub 插件页 与 GitHub 实时数据为准;写作时 GitHub 星标为 0,不代表功能完备性,仅反映曝光度。

DSH 生态主张「一切皆插件」;SkillHub 等为社区目录,与 DeepSeek / 幻方无官方从属关系,本文介绍的插件亦不代表官方 endorsement。

结尾

dsh-kimi-ui 用 CSS 变量层换掉 DSH Web 全站观感,并用少量插槽补上品牌与快捷入口,适合想要 Kimi 风格、又希望保持「停用即恢复」升级路径的用户。查阅说明与 issue 可打开 GitHub 仓库;在目录站检索同一插件见 SkillHub:JAKE1266/dsh-kimi-ui。

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

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

Xiaoye