Overview
dsh-theme-macintosh
README / EN
Package documentation
dsh-theme-macintosh
dsh-theme-macintosh 是 DSH(DeepSeek Harness Web GUI)的 Classic Macintosh 主题插件:把整个界面换回 System 7 的像素语汇——ChiKareGo / Fusion Pixel 像素字体、 桌面噪点画布、Finder 式会话侧栏、方角按钮与月牙深浅切换,零构建、安装即常驻生效。
特性
- 常驻顶部菜单栏:苹果标 + 官方三页签镜像(对话 / 轨迹 / 上下文)+ Session log 镜像钮,System 7 菜单栏 + 标题栏双条层次
- 全套像素换皮:会话流 md 渲染、推理卡流式揭开、工具卡三态、问题卡 / 计划审批卡、弹出菜单、输入坞、设置弹窗、浮层
- 像素字体随包分发:经宿主静态路由提供,无外部服务依赖
- 深浅双色:跟随官方 设置 → 外观 的浅色 / 深色切换,两套 token 全程适配
- kit 检视页:devtools 控制台执行
__MC_KIT_OPEN__ = true,在线翻全部组件的活体形态 - 常驻插件:安装后刷新页面即生效,无需任何 Run 操作
安装
一键安装(推荐)
dsh plugin --profile web add github:fengb3/dsh-theme-macintosh
dsh web # 然后刷新 http://127.0.0.1:3080
安装后重启 Web UI 即常驻生效(持久化组合插件,无需任何 Run 操作)。卸载:
dsh plugin --profile web remove dsh-theme-macintosh
本地 / npm 安装
以 DSH web profile 的持久化插件形式安装,三步:
在 profile 目录(
~/.dsh/profiles/web/)里安装本包:pnpm add dsh-theme-macintosh在该 profile 的
package.json的dsh.profile.bundles数组中加入"dsh-theme-macintosh"。重启 web 宿主(仅安装 / 清单级变更需要),然后刷新页面 —— Macintosh 主题常驻生效。
卸载:从 bundles 数组移除本包并重启宿主。
组件 Showcase
以下截图全部为深浅两套配色在运行中的宿主里实拍。
主界面 · 开机空态 · 弹窗 · 抽屉
| 形态 | 深色 | 浅色 |
|---|---|---|
| 主界面(会话流 + Finder 侧栏 + 输入坞) | ||
| 常驻顶部菜单栏(苹果标 · 三页签镜像 · Session log 钮) | ||
| 开机空态 · hero 相(新建会话) | ||
| 设置弹窗 · 官方 scrim 点阵幕换皮 | ||
| ≤1023 抽屉形态(汉堡 + 点阵遮罩) | ||
| 实况 · 会话行 ⋯ 菜单 |
基础原语
| 形态 | 深色 | 浅色 |
|---|---|---|
| push button(默认 / Primary / Danger / 禁用) | ||
| 按下反色(:active,内外圈互换实底) | ||
| 状态胶囊(运行中 / 完成 / 失败 / 等待 / 强调) | ||
| 输入域聚焦 accent 外环 + 折叠三角双态 |
| 深色 | 浅色 | |
|---|---|---|
| Tokens 色板 | ||
| Sprite 图标墙(Pixelarticons + 经典点缀) |
会话流
md 全要素(h1–h3 / 加粗斜体 / 行内 code / 链接 / 引用 / ul / ol / pre / table):
| 深色 | 浅色 |
|---|---|
| 形态 | 深色 | 浅色 |
|---|---|---|
| 用户消息 · 含图片附件 | ||
| 上下文注入 · 细长条四型 | ||
| 推理卡 · 流式(白块 cover 逐帧揭开) | ||
| 推理卡 · 收合态(摘要前 26 字 + 用时) | ||
| 自动重试行 / 步数上限行 / 回合尾部 |
输入坞
| 形态 | 深色 | 浅色 |
|---|---|---|
| composer 三态(idle 禁用 Send / ready 可发 / busy Stop 接管) | ||
| 家具(queue-row / todo 折叠+展开 / goal active+blocked) | ||
| ctx 占用圆环 + pop 明细(点 ring 展开) |
弹出菜单
| 形态 | 深色 | 浅色 |
|---|---|---|
| 通用菜单(m-group / 选中态 / danger 项 / m-sep) |
浮层
| 形态 | 深色 | 浅色 |
|---|---|---|
| hero 空态样本(窗框 + HappyMac‖标题横排) | ||
| dialog 控件样本(方角钮 / 直角输入域 / 发丝分隔线) |
问题卡
| 形态 | 深色 | 浅色 |
|---|---|---|
| 问题卡(单选整行反色 / 多选方框 / 自由输入 / 翻页)+ 计划审批卡(警示条 / 三钮) |
工具卡
样本五张(read 文本体 / edit diff 体 / bash fail 红边 / web_search 引用体 / 未知工具兜底):
| 深色 | 浅色 |
|---|---|
| 形态 | 深色 | 浅色 |
|---|---|---|
| 状态三帧 · running(琥珀扫掠) | ||
| 状态三帧 · done | ||
| 状态三帧 · fail(红边 + warning) |
