前言¶
DeepSeek Harness（DSH）Web 端的界面样式由一套 CSS 语义令牌（--dsw-alias-*、--dsw-static-*、--dsw-specific-*）驱动。若你希望在不大改业务组件的前提下换一套整体观感——例如更暖的配色、更大的圆角、带弹性的交互缓动——社区里已有不少「全站换肤」类插件。dsh-nailong-ui 走的是同一路线：用令牌覆盖加少量声明式 React 插槽，把 DSH Web 调成明黄蛋黄主色、奶白暖调表面，并带上圆润几何与回弹动效。维护者为 JAKE1266，当前版本 1.0.0，许可证 MIT；插件在本地 DSH 进程权限下运行，安装前建议浏览仓库源码与 LICENSE。
下面介绍它具体做什么、如何安装，以及与其它皮肤并存时的注意点。
这是什么¶
dsh-nailong-ui 是面向 DeepSeek Harness Web 的主题插件，仓库地址：https://github.com/JAKE1266/dsh-nailong-ui。SkillHub 目录分类为趣味换装（theme）。
README 明确说明：本插件不含任何奶龙形象素材——无角色立绘、表情包或官方配色文件；仅借用「明黄色系 + 圆润几何」这一层抽象视觉语言，色值由维护者根据公开观感归纳，并非 IP 官方设计令牌。个人维护的非官方项目，与奶龙形象权利人无隶属或授权关系。
核心功能¶
第一层：CSS 令牌覆盖¶
| 方面 | 行为 |
|---|---|
| 配色 | 明黄主色、奶白暖调表面、深棕文字（避免纯黑压在暖黄底上），覆盖 DSH 全部相关语义令牌 |
| 明暗主题 | 亮色奶白底；暗色用深暖棕 #1A1610，不用冷黑 |
| 圆润几何 | 圆角偏大且彼此接近（8～28px 档），避免 4px 锐角 |
| 回弹动效 | cubic-bezier(.34, 1.4, .64, 1)，胶囊与按钮 hover 带过冲弹性 |
| 侧栏分色 | 亮色侧栏 #FBF1DA、主区 #FFFDF7；暗色 #15110C / #1A1610 |
| 可访问性 | 尊重 prefers-reduced-motion；不破坏 DSH「仅键盘显示焦点环」逻辑 |
实现上零额外运行时依赖，不依赖宿主 CSS Module 哈希类名；样式由 ctx.effect 管理生命周期，停用可恢复。
第二层：声明式 React 插槽¶
| 插槽 | 贡献 |
|---|---|
sidebar.brand.mark / sidebar.brand.name |
抽象小恐龙标记 + 「奶龙」名称（priority:-1） |
conversation.hero.brand.mark |
新会话首页大号标记 |
conversation.hero.options |
四个快捷胶囊：AI 搜索、讲个故事、帮我写作、翻译 |
settings.section |
「关于」页：能力边界、来源声明、回滚方式 |
组件层对 React 做惰性绑定；React 缺失时整体降级为纯 CSS 皮肤，避免白屏。
安装与启用¶
从 GitHub 安装（仓库已提交 client/client.js，安装过程不编译）：
dsh plugin --profile desktop add github:JAKE1266/dsh-nailong-ui
将 desktop 换成你实际运行 DSH Web 的 profile 名。package.json 要求 Node >=20，DSH >=0.2.0-rc.2 <0.3.0-0。
生效步骤：
- 重启 DSH Web。
- 浏览器硬刷新（
Ctrl+Shift+R）。 - 在 DevTools 中确认
<html>出现data-dsh-nailong-skin="1.0.0"，<head>内有两张样式表。
停用或卸载：
dsh plugin --profile desktop disable dsh-nailong-ui
dsh plugin --profile desktop remove dsh-nailong-ui
典型用法与自定义¶
与其它皮肤互斥¶
同时只能启用一个全站换肤插件。本插件与 dsh-doubao-ui、dsh-kimi-ui、dsh-wechat-ui、dsh-zcode-ui 等覆盖同一批 --dsw-* 令牌，并存会混色。
本地预览示意图¶
维护者提供脚本，用 headless 浏览器把皮肤 CSS 渲染到模拟布局（示意图，非 DSH 真实截图）：
node scripts/preview.mjs # 亮色 -> assets/preview-light.png
node scripts/preview.mjs --dark # 暗色 -> assets/preview-dark.png
改色与改组件（源码侧）¶
若从本地链接安装并自行改色，README 指向 LIGHT/DARK 品牌变量、STRUCTURAL、QUICK_ACTIONS、src/artwork.mjs 等；改完需重建并跑测试：
node scripts/build.mjs && node test/run-all.mjs
验证套件为 19 项自包含检查，亦可单独执行：
node test/run-all.mjs
适用场景与注意¶
适合希望在 DSH Web 上获得暖黄、圆润、轻弹交互观感，且能接受「灵感来源于公开观感、非官方色值表」的开发者。不适合需要官方 IP 素材或必须与其它全站皮肤同时启用的场景。
安装插件等同于让该仓库代码在 DSH 配置下执行，请自行审阅 GitHub 仓库 与 MIT 许可证；引用色值时勿将 README 当作奶龙官方设计规范。
结尾¶
dsh-nailong-ui 用 CSS 变量层替换实现全站换肤，并用少量插槽补充品牌与快捷入口，在 DSH「一切皆插件」的生态里属于独立的趣味换装条目。目录页：https://www.skillhub.cn/plugins/JAKE1266/dsh-nailong-ui；源码与完整说明：https://github.com/JAKE1266/dsh-nailong-ui。
