DSH Web 採用插件架構,允許開發者通過擴展自定義界面風格。在需要改變終端視覺呈現時,這個插件提供了雙調色板 CRT 主題方案,將 DSH Web 轉換爲具有復古工業科幻特徵的戰術終端界面。
這是什麼¶
這是 WJNCT55555 開發的一個瀏覽器端 DSH skin。它不重繪 DeepSeek 或其他第三方品牌資產,僅通過 CSS 和視覺層疊加,將 DSH Web 變爲可讀的戰術終端。
插件包含兩個配色方案:
* Unit-02 戰術調色板:黑底、紅結構、橙控件、琥珀色信號,青色爲成功狀態。
* Unit-01 同步調色板:黑紫底、洋紅結構、酸綠信號、橙色警告。
視覺特徵包括:掃描線層、光柵、玻璃邊緣暈影、熒光餘輝、斜向進度條和密集的垂直儀表盤。
核心功能¶
-
雙調色板 CRT 主題
插件提供 Unit-02 和 Unit-01 兩種配色。兩種方案都會保留 DSH 原生控件的樣式(如無框文本和圖標),僅對組件描邊應用 CRT 配色。 -
設置面板與控制
插件在 DSH 設置中新增CRT 主題區域。面板包含三個控件:- 啓用 CRT 配色:釋放或重新安裝主題令牌層。關閉後立即恢復 DSH 原生調色板。
- 硬件特效:獨立控制掃描線、光柵、暈影和熒光層的開關。
- 配色方案:切換 Unit-02 或 Unit-01,提供顏色預覽。
-
快捷鍵與 API
- 全局快捷鍵:
Ctrl+Shift+Alt+C(Windows/Linux) 或Cmd+Shift+Alt+C(macOS):切換特效層。Ctrl+Shift+Alt+P(Windows/Linux) 或Cmd+Shift+Alt+C(macOS):在 Unit-02 和 Unit-01 之間切換。
- JavaScript API:在瀏覽器控制台可調用
window.DSHCRT對象的方法:enable(),disable(),toggle():控制特效。setScheme('unit02' | 'unit01'),toggleScheme():切換配色。- 舊版別名
amber和violet仍被接受。
- 全局快捷鍵:
-
兼容性
- 插件生態:可安裝
dsh-achievements和dsh-web-preview-float,插件僅提供視覺樣式,不添加路由或服務。 - 衝突處理:插件擁有一個主題令牌層。不要同時啓用另一個全頁主題插件,否則後加載的層和 CSS 規則會覆蓋前者。
- 插件生態:可安裝
安裝與啓用¶
通過 GitHub 發佈版安裝到 DSH Web 配置文件:
dsh plugin --profile web add github:WJNCT55555/dsh-crt-theme
dsh web
插件會向配置文件插入 dsh-crt-theme 加載行。如果配置文件中已存在該行,請先移除重複項再啓用。
典型用法¶
- 安裝後操作:啓動 DSH Web 後,按
Ctrl+Shift+Alt+C開啓 CRT 特效,按Ctrl+Shift+Alt+P切換到 Unit-02 戰術配色。 - 本地開發調試:在瀏覽器控制台執行
window.DSHCRT.toggle()快速測試特效開關。 - 檢查源碼:若需修改
lib/下的代碼,倉庫保留了 TypeScript 源碼,無需本地編譯工具鏈即可直接使用已編譯文件。
適用場景與注意¶
- 運行環境:這是一個瀏覽器插件,不依賴本地 TypeScript 工具鏈。特效層會自動檢測
prefers-reduced-motion並在無障礙設置下移除動態效果。 - 卸載行爲:卸載插件會恢復 DSH 的默認調色板偏好,Settings 面板中的開關狀態會被清除。
- 安全與合規:安裝前應檢查源碼及 LICENSE 文件。插件僅做視覺樣式疊加,不涉及數據抓取或權限提升。
- 源碼位置:倉庫鏈接見下。