dsh-beige-theme

Readme

#🌻dsh-beige-theme

米黄色皮肤 —— DeepSeek Harness Web GUI 皮肤。
一套温暖的米黄色浅色皮肤：奶油白 / 米黄 
与颜色层解耦，组件级视觉层（纸张卡片、玻璃浮层、木质侧栏、纸张代码页）。
基于 DSH 官方 `--dsw-alias-*` token 契约与稳定 DOM 钩子实现，不碰业务逻辑、只改视觉层。

## 特征

- 🍞 温暖米黄色浅色主题
- 📄 纸张质感 UI
- 🌤 柔和自然光氛围
- 💻 长时间 AI 编程阅读优化
- 🎨 基于 DSH Token 系统实现

## 安装

DSH 的皮肤是「profile bundle」。在 `$DSH_HOME/profiles/<profile>/package.json` 里
把它加入 `dsh.profile.bundles`（依赖可用 `file:` 指向本仓库，或 `github:` 指向本仓库）：

```jsonc
// $DSH_HOME/profiles/web/package.json
{
  "dependencies": {
    "dsh-beige-theme": "github:SweetCandy-gift/dsh-beige-theme"
  },
  "dsh": {
    "profile": {
      "bundles": [
        "@deepseek-ai/dsh-base",
        "@deepseek-ai/dsh-web-app",
        "dsh-beige-theme"
      ]
    }
  }
}
```

然后 `dsh plugin --profile web install`（或 `pnpm --dir $DSH_HOME/profiles/web install`），重启 DSH。

## 使用

- 「设置 → 常规」出现「米黄色皮肤」行：`米黄色皮肤` / `系统外观`。
- 控制台：`window.__beigeSkin.on()` / `window.__beigeSkin.off()`。

## 目录结构

```
├── package.json        # DSH bundle + client 清单
├── cordis.patch.yml    # 把插件行插入组合树
├── lib/
│   ├── index.js        # 主机侧（空实现）
│   └── client.js       # 浏览器侧：主题注册 + 氛围层 + 组件视觉层
├── docs/
│   ├── DESIGN.md       # 设计系统文档
│   └── preview.html    # 零依赖视觉预览
└── LICENSE             # MIT
```

## License

[MIT](./LICENSE)