前言¶
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。
