前言¶
如果你希望 DSH 的界面換成《賽博朋克 2077》夜之城風格,又不想改 DSH 源碼/workspace,下面介紹 dsh-cyberpunk-theme。
這個插件把 DSH 界面換成深度定製主題:霓虹配色、CRT 氛圍、流動綵帶、故障閃爍、全局切角 UI,以及輸入框下方的即時狀態條。它還提供獨立設置頁和主題總開關,可以按標準 DSH bundle 插件安裝,也可以通過動態 Cordis 插件快速體驗。
這是什麼¶
dsh-cyberpunk-theme 是 ai7603 維護的 DSH 主題插件,許可證爲 MIT。
它提供兩種接入方式:
- 標準 DSH bundle 插件安裝:刷新/重啓不丟。
- 動態 Cordis 插件方式:零配置,可快速體驗,但刷新會消失。
它不需要改動 DSH 源碼/workspace。host 端爲 no-op loader entry,瀏覽器端爲標準 dsh.client bundle。
核心功能¶
已覈實的功能包括:
- 將 DSH 界面換成《賽博朋克 2077》夜之城風格。
- 提供霓虹配色、CRT 氛圍、流動綵帶、故障閃爍、全局切角 UI 和輸入框下方即時狀態條。
- 提供獨立設置頁和主題總開關。
- 支持暗色(夜之城)和亮色(荒坂)兩種會話視覺。
- 提供
yellow、cyan、magenta、gold四種 accent 選項。 - 提供
ECO/Balanced/Full性能層級。 - 提供
grid、scanlines、glitch、statusGlitch開關。 - 默認性能層級爲
ECO,grid和scanlines默認關閉;切換到Full層級時會自動打開。
安裝與啓用¶
Bundle 安裝¶
Bundle 安裝適合正式使用。先獲取本地倉庫路徑:
git clone https://github.com/ai7603/dsh-cyberpunk-theme
也可以下載 zip 後解壓。執行安裝命令時,使用本地路徑佔位符:
pnpm dsh plugin --profile web add /path/to/dsh-cyberpunk-theme
這裏的 /path/to/dsh-cyberpunk-theme 需要替換爲實際的本地 clone 或解壓路徑。
安裝命令會識別 dsh.bundle.patch,並通過 cordis.patch.yml 向組合插件行注入:
id: cyberpunk-2077name: dsh-cyberpunk-theme
plugin-set 變更後,需要重啓對應 web profile:
pnpm dsh web
重啓後,用下面命令驗證配置:
pnpm dsh web --dump-config
輸出中應看到 id: cyberpunk-2077 / name: dsh-cyberpunk-theme,頁面設置中應出現 Cyberpunk 2077 分區。
如果修改過源碼,需要先重建:
pnpm install && pnpm build
只有修改源碼時才需要執行這一步。
動態 Cordis 插件¶
動態插件適合快速體驗。在 DSH Web 界面創建動態插件:
- 使用
cordis_define idPrefix可設置爲cpunk- 粘貼 Host ping 代碼和 Client 主題代碼
這種方式零配置,但刷新會消失。刷新後需要重新運行,或改用 bundle 安裝。
Agent 方式¶
如果當前 DSH 會話支持 Agent,可以直接讓它創建動態插件並運行:
安裝 cyberpunk 2077 主題:client 代碼在 `<倉庫路徑>/src/client.js`,host 代碼在 `<倉庫路徑>/src/host.js`,幫我創建動態插件並運行
其中 <倉庫路徑> 替換爲本地倉庫路徑。刷新後主題消失時,也可以再次讓 Agent 重新運行。
適用場景與注意¶
適合以下場景:
- 希望 DSH Web 會話使用《賽博朋克 2077》夜之城或荒坂視覺。
- 希望通過 bundle 安裝保持刷新/重啓不丟。
- 希望先通過動態 Cordis 插件快速查看效果。
- 不改動 DSH 源碼/workspace。
使用前需要注意:
- 該插件會以當前 dsh 進程的權限運行,安裝前應檢查源碼和
MIT許可證。 - bundle 安裝命令使用本地路徑,不要假設存在遠程 registry 安裝命令。
- 動態 Cordis 插件刷新後會消失。
- plugin-set 變更後需要重啓對應 web profile,例如:
pnpm dsh web
- 默認性能層級爲
ECO,grid和scanlines默認關閉。 skillhub.cn插件目錄是社區目錄,與 DeepSeek / 幻方無官方從屬關係,不應理解爲官方應用商店。
鏈接¶
- 目錄頁:https://www.skillhub.cn/plugins/ai7603/dsh-cyberpunk-theme
- GitHub:https://github.com/ai7603/dsh-cyberpunk-theme