dsh-wechat-skin:DeepSeek Harness 微信風格皮膚

前言

DeepSeek Harness(DSH)採用插件化架構,允許用戶通過擴展點定製界面。本插件通過擴展點實現,將 DSH 的默認界面重構爲微信 Windows 電腦版的外觀風格,保留核心功能入口,僅調整視覺呈現。

插件概覽

  • 插件名稱:dsh-wechat-skin
  • 作者:licheng-ma
  • 類別:趣味換裝
  • 許可證:MIT
  • 核心價值:提供微信風格的淺色主題,包括左側窄條、會話列表、消息氣泡、頭像池和可拖拽輸入框。

安裝與啓用

安裝後需要重啓 DSH Desktop,皮膚默認自動生效。

# 安裝插件
dsh plugin --profile desktop add -w /path/to/dsh-wechat-skin

# 重啓 DSH Desktop

重啓後,進入設置頁的「通用」選項,即可找到「微信皮膚」開關進行啓用或停用。

核心功能

最左側功能窄條

左側保留 56px 灰色圖標欄。
* 頂部爲用戶頭像(支持上傳)。
* 下方最多顯示 6 個功能圖標(灰色線條 SVG)。

會話列表

  • 背景:#E6E6E8。
  • 選中態:實心綠 #15AC70,白字。
  • 佈局:兩行式,第一行爲標題,第二行爲副標題(記錄打開過的會話的最後一條消息)。
  • 頭像:40px 圓角方形頭像。

消息氣泡

  • 你的消息:右側淺綠氣泡 #95EC69。
  • AI 回覆:左側白色氣泡。
  • 樣式:8px 圓角 + 微信式小尾巴。氣泡頂邊與頭像頂邊齊平。

消息頭像

  • 你(右側):顯示上傳的頭像或默認頭像。
  • AI(左側):顯示當前會話在側欄的頭像。

字體與輸入框

  • 字體:微軟雅黑(微信 Windows 默認)。支持 5 檔字號調整。
  • 輸入框:白色通欄,圓角,四邊 #E0E0E0 邊框。支持上下拖拽調整高度,高度變化持久化。右下角矩形發送按鈕,空輸入時爲灰色,有內容時爲微信綠。

頭像生成與上傳

  • 默認頭像:自動生成彩色首字母頭像。
  • 真實人像:可運行腳本下載 100 張真實人像(80 女 / 20 男)。
  • 上傳:支持上傳本地圖片(自動壓縮至 128px),同步更新窄條、消息和側欄頭像。

深淺色模式

  • 皮膚僅淺色模式生效。
  • 當系統進入深色模式時,自動回退至 DSH 官方外觀。

自定義與配置

自定義樣式

修改 CSS 後需重新構建並刷新頁面。

# 1. 編輯 src/wechat-skin.css
# 2. 重新構建
node scripts/build.cjs
# 3. 刷新 DSH 頁面(Ctrl+F5)

生成頭像池

如需使用真實人像而非首字母頭像:

node scripts/download-avatars.cjs

注意事項

  1. 純外觀改造:插件不刪除或移動任何功能入口。富內容(代碼塊、附件等)樣式會被弱化爲微信式灰條。
  2. 設置深鏈:點擊左側窄條的功能圖標可嘗試打開設置頁並定位到對應分區(DSH 無完整分區深鏈 API,部分定位可能僅停留在設置頁)。
  3. 側邊欄自動收起:當窗口寬度小於 1024px 時,DSH 自身會自動收起側邊欄,皮膚無法覆蓋此行爲。
  4. 副標題限制:副標題僅記錄用戶「打開過」的會話的最後一條消息,未打開過的會話無副標題。

結語

dsh-wechat-skin 是一個專注於視覺還原的 DSH 插件,適合希望在使用 DSH 進行開發或對話時獲得更熟悉界面體驗的用戶。項目源碼託管在 GitHub,遵循 MIT 協議。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜