前言¶
DeepSeek Harness(DSH)的 Web 客戶端界面在長時間使用後容易產生視覺疲勞。大多數主題方案要麼在功能與美觀之間妥協,要麼需要修改宿主代碼,增加了維護成本。dsh-glacier 作爲一個插件形式的 UI 層,在不改變組件樹和交互邏輯的前提下,爲 DSH Web 客戶端提供了一套「冰川藍」的視覺方案。
下面介紹這個插件的核心能力與使用方式。
它是什麼¶
dsh-glacier 是一個爲 DeepSeek Harness(dsh)Web 客戶端設計的玻璃質感 UI 層,維護者爲 BAOXIAOPAI。它以標準 DSH 插件形態分發,通過樣式注入的方式覆蓋原有界面,提供藍調漸變畫布、磨砂玻璃面板以及扁平控件,不改變宿主的任何業務邏輯或組件結構。
核心功能¶
dsh-glacier 採用四層架構實現視覺覆蓋,每一層專注於不同的視覺目標:
L0 畫布:藍調漸變背景,疊加三個緩慢漂移的色團、三條斜向光帶以及顆粒效果,構建沉浸式光場畫布。
L1 語義色:通過覆蓋 --dsw-alias-* 變量,統一文字、強調色、邊框和麪板底色,確保組件顏色隨主題自動跟隨。
L2 玻璃:側欄、輸入容器、對話氣泡、代碼塊等區域應用磨砂質感,使用低白度、高飽和度、定向邊緣高光、內部顆粒和投影組合實現。
L3 對話區:針對用戶氣泡、Markdown 渲染、代碼塊、工具卡與思考塊、對話輪次尾巴等具體元素進行樣式定製,所有錨點均來自真實 DOM 屬性([data-chat-flow-kind]、[data-code-block-*]、[data-slot="tool.call.toolview"])。
插件遵循「只動視覺」的原則,不新增全寬頂欄、不刪空態 hero,選擇器僅使用 [data-slot]、[data-*] 或組件名子串,避免寫入包哈希前綴。
安裝與啓用¶
使用官方安裝命令即可啓用插件:
dsh plugin --profile web add dsh-glacier
安裝完成後刷新頁面,前端樣式會半熱生效。本地開發時可以改用路徑安裝:
dsh plugin --profile web add /path/to/dsh-glacier
卸載插件會自動恢復原樣,插件的樣式與畫布層在 apply 階段可回收。
典型用法¶
安裝後,DSH Web 客戶端的界面會自動應用冰川藍玻璃風格。畫布層會持續渲染背景動畫,語義色會跟隨 DSH 主題自動調整,磨砂玻璃效果會體現在側欄、輸入框和對話氣泡上。開發者可以通過調整 CSS 變量或修改源碼中的 client/*.css 文件進行二次定製。
適用場景與注意¶
本插件適合希望在現有 DSH Web 客戶端上快速獲得高質感視覺體驗的開發者與用戶。插件以當前 dsh 進程權限運行,安裝前應檢查源碼與許可證(MIT)。
小結¶
dsh-glacier 提供了一套輕量級的視覺層方案,在不侵入宿主邏輯的前提下,爲 DeepSeek Harness Web 客戶端帶來了冰川藍的玻璃質感體驗。如需瞭解更多細節或查看可交互原型,可訪問插件目錄頁或 GitHub 倉庫。
參考資料¶
- 插件目錄頁:https://www.skillhub.cn/plugins/BAOXIAOPAI/dsh-glacier
- GitHub 倉庫:https://github.com/BAOXIAOPAI/dsh-glacier