personal-appearance:DSH 客户端标题栏一键换肤

前言

DeepSeek Harness(DSH)的桌面端界面由 Cordis 插件体系拼装而成,默认走 ui-theme 的配色与组件样式。若你长期在同一个窗口里写提示词、看模型输出,界面气质往往固定不变;想临时换成更接近 Codex 或 Claude Code 的视觉语言,又不愿改客户端源码或等官方主题系统,就需要一种只动前端、即时生效的换皮方式。personal-appearance 是社区维护的 DSH 客户端插件,在标题栏增加「个性化外观」入口,通过次级菜单切换主题与若干外观选项,纯前端实现,不重启进程。

这是什么

personal-appearance(GitHub:DEVVE-1/dsh-plugin-personal-appearance,当前版本 1.5.1,MIT)由维护者 DEVVE-1 发布,在 SkillHub 目录中归类为「趣味换装」。插件在 @deepseek-ai/dsh-client-ui-layout 上注入客户端模块(dsh.client.immediately: true),Host 侧为空壳:无接口、不写文件、不联网。README 明确声明仅供娱乐,非官方产品,与 DeepSeek、OpenAI、Anthropic 无隶属关系;素材仅作致敬与学习,不用于商业用途。

核心功能

三套主题

标题栏点一下打开菜单,可在 默认、Codex、Claude Code 三档间切换,改完立刻生效。换的不只是主色:配色令牌、字体栈、圆角阶梯、投影、滚动条、左上角 logo 与字标、新会话首页文案会一并切换。选择写入 localStorage 键 personal-appearance:theme,值为 default / codex / claude。

维度 默认 Codex Claude Code
浅色底色示例 ui-theme 原样 #ffffff #faf9f5
强调色(浅色) 系统 #339cff #d97757
圆角阶梯 4/8/12/16/20/28 3/5/7/8/10/12 6/8/12/16/20/20
思考行图标 DeepSeek 鲸尾 Codex 云状 >_ Claude 星芒

Codex 偏扁平高对比,取消 box-shadow,菜单不透明;Claude Code 偏暖色编辑气质,Markdown 标题走 Georgia 衬线替身。

左上角品牌与空会话主界面

选 Codex / Claude Code 时,侧边栏左上角 logo 与名称随主题替换;默认恢复 DeepSeek 鱼标。会话里「深度求索中」前的鲸尾图标在对应主题下也会换成主题 mark;插件用 60 帧 / 3 秒、step-end 复刻原 APNG 摆尾节奏,并在 @supports (mask-mode:alpha) 与 prefers-reduced-motion: no-preference 等条件与官方一致时才接管。

新建会话居中区域的大 logo、名字与欢迎语随主题变化:Claude Code 使用官方字标矢量路径;Codex 主界面只留 logo 与欢迎语(无官方字标 SVG)。欢迎语在客户端启动时按主题随机抽一条并固定到下次启动,例如 Codex 为「今天我能帮你构建什么?」,Claude Code 从 README 列出的官方文档/产品页句子中抽取。

圆角风格

在主题之上可选三档:默认(跟随主题)、小圆角(2/4/6/8/10/12px 等)、macOS(4/6/10/12/14/14px,内容区 12px)。存于 personal-appearance:radius(default / small / macos)。README 说明:仅改页面内部圆角,Windows 窗口外角由系统窗口管理器决定,插件无法改变整窗外轮廓。

毛玻璃与动效

毛玻璃为总开关,可调模糊 0–40px、不透明度 20–90%,以及「光晕」拨杆;配置 JSON 存 personal-appearance:glass。默认关闭,装上插件不会主动改界面。设置页与各类 dialog 保持不透明底;对话气泡与 composer dock 用量区有单独处理逻辑,避免玻璃盖掉可读性。

动效为 iOS 风格弹簧:打开/关闭次级菜单、分段控件滑块等使用 linear() 弹簧曲线(带 cubic-bezier 兜底与 prefers-reduced-motion: reduce 降级)。

安装与启用

插件包已是可直接加载的 bundle(package.json 含 dsh.bundle.patch 与 dsh.client),lib/ 为最终产物,无构建步骤。官方 README 给出的安装方式如下。

在 desktop profile 目录安装本地包(将路径换成本机 clone 或解压后的绝对路径):

cd $env:DSH_HOME\profiles\desktop
pnpm add file:<本目录的绝对路径>

随后把 personal-appearance 加入该 profile 的 package.json 里 dsh.profile.bundles 数组,刷新页面后浏览器侧才会进入模块表。若标题栏没有出现按钮,先核对安装位置与 dsh.profile.bundles 是否包含该包名。

典型用法

  1. 启动 DSH 桌面客户端并确认插件已载入(标题栏应出现个性化外观入口)。
  2. 点击标题栏入口,在次级菜单中选择主题(默认 / Codex / Claude Code),观察侧边栏、会话区与新建会话页是否同步变化。
  3. 在同一菜单中按需切换「圆角风格」、打开「毛玻璃」并拖动模糊/不透明度滑块,或开启「动效」体验菜单弹簧动画。
  4. 需要恢复时选「默认」主题,并将圆角、毛玻璃、动效关回默认状态;主题与选项均保存在本机 localStorage,清站点数据会重置。

适用场景与注意

适合希望在 DSH 桌面端快速试验界面气质、又不需要 fork 客户端的开发者或个人用户。插件以当前 DSH 进程权限在浏览器上下文中运行,会读写本机 localStorage 并注入 CSS/组件;安装前应阅读仓库源码与 MIT 许可证,并理解 README 中的免责声明与品牌素材使用说明。Codex / Claude Code 相关图形与配色为社区向致敬实现,若环境或合规要求严格,请自行评估是否启用对应主题。

社区目录页:https://www.skillhub.cn/plugins/DEVVE-1/dsh-plugin-personal-appearance
源码与完整说明:https://github.com/DEVVE-1/dsh-plugin-personal-appearance

结尾

personal-appearance 把「换肤」收敛到标题栏一个入口:主题、圆角、毛玻璃与动效均可即时切换,纯前端、无 Host 副作用。需要细节(字标来源、鲸尾动画配准、毛玻璃令牌实现)时,以 GitHub README 为准;安装与 bundle 注册步骤亦以 README 为准。

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

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

小夜