前言¶
DeepSeek Harness（DSH）桌面版默認界面偏通用工具風。若你長期在 Harness 裏寫提示、跑對話，又希望窗口在配色、對話框排版和選中反饋上更接近《Persona 3 Reload》的 UI 語言，單靠系統主題或瀏覽器外觀通常不夠：遊戲裏是白底藍字 / 藍底白字的對話、斜切選中板、HUD 底邊刻度，這些都要在客戶端主題層用設計令牌和 CSS 逐項對齊。下面介紹社區插件 dsh-p3r-theme（npm 包名 dsh-theme-p3r），它通過 DSH 客戶端主題注入，在不改應用業務邏輯的前提下替換整站視覺。
這是什麼¶
dsh-p3r-theme 是由維護者 renge1145141919810 發佈的 DSH 主題類插件，在 SkillHub 插件目錄 中歸類爲「趣味換裝」。一句話定位：基於 DeepSeek Harness 桌面版的 Persona 3 Reload 風格 UI 主題。亮 / 暗兩套配色隨系統或應用內外觀設置切換；README 建議深色模式觀感更佳。當前版本爲 0.4.0，許可證 MIT，依賴 dsh ^0.2.0、Node >= 18。
核心功能¶
全站配色與背景¶
插件通過 theme.overrideTokens 覆蓋 50 多個 --dsw-alias-* / --dsw-specific-* 令牌（亮 / 暗各一套），並把整條 --dsw-static-neutral-bluish-* 從暖灰換成藍灰，避免繞開令牌的組件跑調。背景圖 li.gif 內聯爲 data URI，配合輕模糊與提飽和；面板在暗色下約 24% 不透明（白晝 32%）。水面不用 brightness 壓黑，而是蓋海軍藍染色層以保留波浪結構。外框爲四角青色括線，與輸入框同一套「瞄準」視覺。
對話框¶
對話排版對齊遊戲習慣：用戶消息爲白底藍字框（#f6faff 底、#0b3fa8 字、1px 藍邊、3px 藍脊）；模型回答爲 #1d54cc → #123a91 藍底白字，帶青色脊線。框內鏈接、行內代碼、代碼塊、表格單獨配色；模型側只套 markdown 根節點，複製 / 重試等按鈕仍浮在背景上。
字體、幾何與交互¶
拉丁數字傾向系統自帶的 Bahnschrift，中文落到 MiSans / Noto Sans SC，並改 --dsw-font-family。控件圓角歸零，大面板 2px；用 1px 髮絲線代替陰影。菜單項、下拉選項、標籤、側欄會話 / 項目 / 面板行等在懸停、焦點、選中時出現 斜切約 13° 的藍色平行四邊形選中板（左側亮青脊線、細斜紋，靜止時緩慢左右浮動）。輸入框四角爲青色括線；彩蛋包括頂部 1px 掃描線與底邊 HUD 時間刻度（右下角文案風格爲 00:00 · MEMENTO MORI，刻度中間被遮罩挖空以免壓住輸入框）。
客戶端注入方式¶
package.json 中 dsh.client 指定 platform: web、immediately: true，並注入 @deepseek-ai/dsh-client-ui-theme；服務端側通過 cordis.patch.yml 參與 bundle。主題腳本打包在 client.js 中（含內聯背景時體積約 2.4MB）。
安裝與啓用¶
CLI 文檔中的本地目錄安裝命令爲：
dsh plugin --profile desktop add /path/to/dsh-p3r-theme
當前桌面版裏 desktop profile 由 Electron 應用獨佔管理，上述 CLI 會被拒絕。實際安裝路徑是：打開應用 設置 → 插件 → 從本地目錄安裝，選中插件所在文件夾。
裝完後需要 重啓應用（不是僅刷新頁面）：客戶端腳本是新一檔加載，熱刷新拉不進新插件。
插件在 DSH 進程權限下運行，安裝前請自行查看 GitHub 倉庫 源碼與 MIT 許可證。SkillHub 爲社區目錄站點，與 DeepSeek / 幻方無官方從屬關係。
典型用法¶
更換背景圖¶
將新圖覆蓋爲倉庫中的 li.gif（或 li.webp / li.png），然後在插件目錄執行：
npm run media
該命令等價於 node tools/sync-media.mjs，會把圖片 base64 寫入 client.js 中標記好的區塊。檢查是否忘記同步：
node tools/sync-media.mjs --check
背景爲 background-size: cover 加輕模糊，原圖不必很大，但寬度建議不小於 800px，否則放大易糊。
自行微調顏色與面板¶
可改 client.js 頂部 TOKENS，或在 body[data-p3r] 段調整變量，例如：
| 變量 / 位置 | 作用 |
|---|---|
--p3-blue |
主藍（按鈕、鏈接） |
--p3-cyan |
青光（細線、括線、選中脊） |
--p3-hud |
底邊時間刻度顏色 |
--dsw-alias-bg-base |
面板不透明度 |
.p3r-water 的 brightness |
水面亮度（暗色默認 0.90，白晝 1.00） |
body[data-p3r]::before 第三層 |
海軍藍染色強度 |
.p3r-frame 的 opacity |
四角括線存在感 |
改完本地目錄安裝的場景下，仍須按 README 說明重啓應用使客戶端腳本生效。
適用場景與注意¶
適合誰： Persona 3 Reload 粉絲、希望在 DSH 桌面版裏獲得遊戲式 HUD 與對話氣泡排版的開發者或日常用戶。
已知限制（來自 README）：
- 宿主層在本版桌面版中未激活；主題不依賴
/theme-*/media/*自定義路由，媒體內聯進client.js。 - GIF 無法用 CSS 暫停；系統開啓「減少動態效果」時隱藏水層，僅保留底層漸變。
- 底邊刻度爲
position: fixed、z-index: 0的 7px 高層，中間約 24% 被遮罩避開輸入框。
結尾¶
dsh-p3r-theme 把 DSH 桌面版整站令牌、對話氣泡、選中板與 HUD 細節對齊 P3R 視覺，安裝以應用內「從本地目錄安裝」爲準，換圖走 npm run media。目錄頁：https://www.skillhub.cn/plugins/renge1145141919810/dsh-p3r-theme；源碼與說明：https://github.com/renge1145141919810/dsh-p3r-theme。
