Back to home@fengb3

dsh-theme-macintosh

DSH 主题 · 经典麦金塔 Classic Macintosh(System 7 像素复古)

Stars
0
Language
JavaScript
Created
Aug 28, 2026
Updated
Sep 4, 2026
GitHub repo

Introduction

dsh-theme-macintosh

dsh-theme-macintosh banner — HappyMac + Seek Different + 主界面级联双窗(深浅活体截图 4px 抖动溶解)

npm version

dsh-theme-macintosh 是 DSH(DeepSeek Harness Web GUI)的 Classic Macintosh 主题插件:把整个界面换回 System 7 的像素语汇——ChiKareGo / Fusion Pixel 像素字体、 桌面噪点画布、Finder 式会话侧栏、方角按钮与月牙深浅切换,零构建、安装即常驻生效。

特性

  • 全套像素换皮:会话流 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 的持久化插件形式安装,三步:

  1. 在 profile 目录(~/.dsh/profiles/web/)里安装本包:

    pnpm add dsh-theme-macintosh
    
  2. 在该 profile 的 package.jsondsh.profile.bundles 数组中加入 "dsh-theme-macintosh"

  3. 重启 web 宿主(仅安装 / 清单级变更需要),然后刷新页面 —— Macintosh 主题常驻生效。

卸载:从 bundles 数组移除本包并重启宿主。

组件 Showcase

以下截图全部为深浅两套配色在运行中的宿主里实拍

主界面 · 开机空态 · 弹窗 · 抽屉

形态深色浅色
主界面(会话流 + Finder 侧栏 + 输入坞)
开机空态 · 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)

License

MIT