前言¶
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 安裝無需本地編譯。
生效步驟：
- 重啓 DSH Web。
- 瀏覽器硬刷新（
Ctrl+Shift+R）。 - 在 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 類插件。
務必注意：
- 插件在當前 DSH 進程的權限下加載 client 腳本；安裝前應閱讀倉庫源碼與 MIT 許可證，確認接受第三方非官方皮膚的風險與邊界聲明。
- 不要與其它全站皮膚同時啓用。
- 星標、下載量等目錄元數據以 SkillHub 插件頁 與 GitHub 實時數據爲準；寫作時 GitHub 星標爲 0，不代表功能完備性，僅反映曝光度。
DSH 生態主張「一切皆插件」；SkillHub 等爲社區目錄，與 DeepSeek / 幻方無官方從屬關係，本文介紹的插件亦不代表官方 endorsement。
結尾¶
dsh-kimi-ui 用 CSS 變量層換掉 DSH Web 全站觀感，並用少量插槽補上品牌與快捷入口，適合想要 Kimi 風格、又希望保持「停用即恢復」升級路徑的用戶。查閱說明與 issue 可打開 GitHub 倉庫；在目錄站檢索同一插件見 SkillHub：JAKE1266/dsh-kimi-ui。
