前言¶
DeepSeek Harness（DSH）的 Web 客戶端自帶明暗主題，但配色、字體和界面質感大體固定。若你希望在同一套 Harness 裏快速切換「像素街機」「終端綠屏」「賽博霓虹」等完整視覺，而不是自己改 CSS 或 fork 主題，就需要一個在宿主內掛載、且不影響對話與模型行爲的換裝方案。下面介紹社區插件 dsh-style-studio：在左側邊欄增加「視覺風格」入口，用五套皮膚覆蓋整應用的 CSS 變量與 color-scheme，選擇保存在本機並在刷新後恢復。
這是什麼¶
dsh-style-studio（倉庫 zeme56/dsh-style-studio）是維護者 zeme56 發佈的 DSH 插件，在 SkillHub 等社區目錄中歸類爲「趣味換裝」。它在 Harness 左側邊欄增加 視覺風格 面板（畫筆圖標），點開即可從風格庫選皮膚；「恢復默認」回到 Harness 原版外觀。皮膚只改界面呈現，對話內容、會話記錄與模型行爲不受影響。
五套皮膚¶
風格庫中的皮膚 id 與觀感如下（與 README 一致）：
| 皮膚 | id | 觀感 |
|---|---|---|
| 像素街機 | pixel |
8-bit 硬邊、方角、等寬字 |
| 午夜終端 | terminal |
磷光綠字與 CRT 掃描線 |
| 霓虹賽博 | cyber |
青與洋紅霓虹描邊 |
| 紙感書房 | paper |
暖米色紙面與襯線字 |
| 極光玻璃 | aurora |
半透明玻璃層與柔光 |
選中項寫入本機 localStorage，鍵名爲 dsh-style-studio.skin；重啓或刷新宿主後會自動恢復上次選擇。
安裝與啓用¶
安裝命令須按 README 原文執行，並將 --profile 換成你實際使用的 profile（Desktop 常用 desktop，dsh web 一般爲 web）。裝完後需重啓宿主：dsh web 重開一次，Desktop 版退出再開。
# 從 GitHub 安裝（pnpm 的 github: 簡寫）
dsh plugin --profile web add github:zeme56/dsh-style-studio
本地開發調試時 README 建議使用 link: 指向目錄，例如 dsh plugin --profile web add link:C:\path\to\dsh-style-studio（路徑按本機修改）。
插件在 package.json 中聲明面向 Web 客戶端（dsh.client.platform: web），需在支持 dsh.bundle 的宿主上使用；README 寫明在 dsh 0.2.x 上開發與驗證，並需 0.1.0-rc.6 起聲明 bundle 的宿主。無頭模式不受影響。許可證爲 MIT（README 與 package.json 一致）。
安裝前建議自行查看倉庫源碼與許可證：插件隨當前 DSH 進程權限運行，社區目錄與 DeepSeek / 幻方無官方從屬關係，並非官方應用商店。
典型用法¶
- 啓動 Harness 後，在左側邊欄找到 視覺風格。
- 打開面板，在風格庫中點擊任意卡片，整應用立即換裝，無需刷新。
- 需要原版時點擊 恢復默認。
面板底部「效果示例」區會隨當前皮膚變化，便於對比按鈕、輸入框、徽章、發送鍵等控件的質感。
實現要點（便於排查與二次開發）¶
README 概括的切換鏈路爲：點卡片 → select(id) → 寫入 localStorage → 將約 70 個 CSS 變量以行內自定義屬性寫到 <body> → 給 <html> 設置 data-dsh-skin 並切換 color-scheme → 通知訂閱者重渲染 React 面板。
幾個與宿主協作相關的取捨：
- 不走主題註冊表，直接寫行內變量，利用優先級覆蓋 Harness 在
body/body[data-ds-dark-theme]上的令牌，卸載時按進入前記錄的舊值還原。 - 監聽
ctx.on("theme/change")，在用戶切換明暗主題後把皮膚變量再寫回。 - 側欄槽位通過
ctx.slots.inject延遲註冊，避免在 shell 條目之前激活時直接slots.register導致啓動失敗（細節見倉庫docs/BOOT-FAILURE.md）。
若要新增皮膚或改面板形態，README 指向 docs/EXTENDING.md；從零寫帶側欄入口的同類插件見 docs/BUILD-A-PLUGIN.md。
適用場景與注意¶
適合長期在 Web 版 Harness 上工作、希望用一套插件切換多種界面氣質、且不想動業務邏輯的用戶。字體使用系統字體棧，README 說明不會聯網下載字體。
隻影響 Web 客戶端；若你主要用 Desktop 或無頭 dsh，請先確認 profile 與平臺聲明是否匹配你的環境。
結尾¶
dsh-style-studio 把五套完整視覺封裝成側欄一鍵切換，持久化在本機，與 Harness 明暗主題切換做了協同處理。項目 README 註明其源於 DeepSeek Harness Creator Mode 示例 prompt 合集中「DSH pixelated interface」類題目，五套皮膚與面板 UI 爲作者自行實現，非官方產物。
- 社區目錄頁：https://www.skillhub.cn/plugins/zeme56/dsh-style-studio
- 源碼與文檔：https://github.com/zeme56/dsh-style-studio
