Zeppeli777/dsh-stardew-skin ↗★ 0
dsh-theme-stardew-valley
提供星露谷物语风格的Web界面主题。 适合喜爱星露谷像素风,且希望保留官方React组件功能的用户。
安裝
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:Zeppeli777/dsh-stardew-skin說明文件
閱讀完整 README ↗dsh-theme-stardew-valley · 星露谷物语主题(组件替换版)
把 DeepSeek Harness 的 Web UI 刷成星露谷物语配色:像素字体、山谷壁纸、奶油色面板、木质按钮——不替换官方前端,官方 React UI 的每一项功能原样保留。
灵感来自 dsh_theme_terraria,但实现路线不同:本包走 dsh 官方客户端主题机制,以 ctx.theme.overrideTokens() 在当前主题上叠加一层星露谷 design-token(--dsw-alias-* / --dsw-specific-*),再加少量 CSS(像素字体 + 壁纸 + 选区色)。


在 dsh 0.2.1-rc.3 上的实测(首页与会话页):

效果
- 全局缝合像素字体(Fusion Pixel,内嵌 woff2,中文友好)
- 整个 App 背景换成星露谷风像素山谷(内嵌 JPEG,
--dsw-alias-bg-base: transparent透出) - ~70 个 dsw token 覆盖:奶油纸面
#fbe4b0、深棕描边#4a2408、木按钮#b56a2c、谷仓红#a8331c、草绿#3d8c40 - 圆角统一压到 2px 的「像素面板」观感,选区色换成星露谷黄
- light / dark 两组 token 同值——星露谷没有黑夜模式 🌽
安装
# 环境:dsh CLI 0.1.2-rc.1 ~ 0.2.1-rc.3 实测兼容(dsh --version 确认;
# 主题走官方 overrideTokens 机制与 --dsw-* token,跨 0.1.x / 0.2.x 版本稳定)
dsh plugin --profile web add dsh-theme-stardew-valley # 从 npm / 插件源
# 或本地目录:
dsh plugin --profile web add /path/to/dsh-stardew-skin
dsh web # 重启后生效
打开页面如未变化,强制刷新 Ctrl+F5 或地址加 ?v=2 绕过缓存。
卸载
dsh plugin --profile web remove dsh-theme-stardew-valley
dsh web # 重启后恢复官方默认外观
原理
dsh plugin add
└─ package.json: dsh.client { platform: web, immediately, inject: [theme] }
└─ cordis.patch.yml → 向 bundle 插入 { id: stardew-theme }
└─ lib/client.js(浏览器端)
├─ 注入 :@font-face + body 壁纸 + 像素字体
└─ ctx.theme.overrideTokens('dsh-theme-stardew-valley', { '--dsw-alias-*': { light, dark }, ... })
主题层由官方 presenter 以 body.style.setProperty() 应用,跟随官方主题系统生命周期,升级 dsh 不丢。
开发
node scripts/build-client.mjs # 把 assets/ 的字体+壁纸转 base64 填入 scripts/client.template.js → lib/client.js
改配色:编辑 scripts/client.template.js 里的 TOKENS 表后重新 build。
目录结构
├── package.json 🔀 本仓库是**组件替换版**。完全替换版(祝尼魔对话、农场选模式、能量条 HUD、桌宠、8-bit 音效)已拆分为独立仓库 [`dsh-theme-stardew-fullskin`](https://github.com/Zeppeli777/dsh-theme-stardew-fullskin):
> `dsh plugin --profile web add github:Zeppeli777/dsh-theme-stardew-fullskin`
| | **dsh-theme-stardew-valley**(本仓库) | [dsh-theme-stardew-fullskin](https://github.com/Zeppeli777/dsh-theme-stardew-fullskin)(整皮版) |
| --- | --- | --- |
| 机制 | 官方 token 覆盖 | 整体替换伺服的前端 |
| 官方新功能 | 自动跟随 | 需手动追版 |
| 兼容性 | dsh 0.1.2-rc.1 ~ 0.2.1-rc.3 实测通过 | 同左(0.1.5-rc.1 / 0.1.7-rc.2 / 0.2.1-rc.3 实测) |
| 稳定性 | 高(不碰 DOM 结构) | 依赖 RPC 协议细节 |
| 玩法 | 纯视觉 | 祝尼魔 / 桌宠 / 音效 / 能量条 |
## 素材来源与许可
- 代码:**MIT License**
- 游戏素材(Logo、祝尼魔、农场图标等):取自 [Stardew Valley Wiki](https://zh.stardewvalleywiki.com),版权归 ConcernedApe 所有。粉丝向非官方皮肤,**素材请勿商用**。逐文件来源见 `assets/SOURCES.md`。
- 像素字体 Fusion Pixel:遵循其自身开源许可(Fusion Pixel Font 项目)。
- 山谷壁纸 `assets/valley.jpg`:AI 生成的星露谷风格像素画。
愿祝尼魔的星光落在你的每一次编译上。