dsh-skin-win2000

给 DeepSeek Harness Web GUI 换上一身 Windows 2000 的皮。

经典中性灰控件、双色渐变标题栏、1px 立体浮雕、绝对直角、16px 经典滚动条。

简体中文 · English

界面预览

整体界面 —— 灰底、深蓝选中、右下角皮肤面板

经典窗口 —— 渐变标题栏、菜单栏、凹陷输入框与状态栏

设置界面 —— 表单控件、开关与列表上的皮肤

暗色界面 —— 面板里打开「暗色模式」，度量表和立体边框原样保留

这是什么

一个 DSH（DeepSeek Harness）的客户端插件，把 Web GUI 的画布整体换成 Windows 2000 的视觉语言。装上即生效，右下角会出现一个可拖动、可折叠的控制面板；点一下就能关掉皮肤，界面立刻恢复 DSH 原样。

它不做"大概像那个年代"，而是按度量表逐项取值：控件表面、标题栏两端的渐变色、失焦渐变色、三级投影灰、选中高亮——每一项都能在那个年代的 System Metrics 表里找到对应行。仓库里的 verify-metrics.mjs 会拿代码里的实际取值去比对这张表，对不上就报错。

特性

• 度量表级配色 —— 控件表面 #D4D0C8、活动标题栏 #0A246A → #A6CAF0、失焦标题栏 #808080 → #C0C0C0、投影三级 #F5F5F5 / #808080 / #404040、选中高亮 #0A246A
• 绝对直角 —— 全表 border-radius 归零，并把 6 个 --dsw-radius-* token 直接压成 0px。DSH 各组件里 394 处圆角都读这几个 token，所以这是从源头掐断，不靠逐个追选择器
• 1px 立体浮雕 —— 所有凸起/凹陷都是阶梯式 inset box-shadow：按钮凸起、输入框与代码块凹陷、按下换成凹陷并位移 1px
• 无纯白 —— 度量表里的 #FFFFFF（ButtonHighlight）换成 #F5F5F5，工作区白底换成 #D4D0C8。整个皮肤不含任何纯白像素
• 16px 直角滚动条 —— 灰槽 + 白点阵纹 + 凸起滑块，滑块按下变凹陷
• 停止生成是红的 —— 发送与停止共用同一个按钮类，皮肤按 aria-label 精确区分，暂停时是大红底 #CC0000
• 皮肤面板 —— 右下角，标题栏可拖动（位置记忆）、可折叠、开关皮肤、切换配色、开关暗色模式、弹出经典窗口示例；窗口本身也能拖动，双击标题栏最大化或还原
• 暗色模式（默认关闭） —— 面板里一行开关。同一套几何、同一套立体边框，只把漆面换成比纯黑亮一档的暖灰 #1A1815（表面亮度恰好是亮色的镜像），凹陷输入落到 #090909、卡片与代码块抬到 #201E1A、标题栏仍是大航海蓝渐变、选中仍是深蓝配浅字；同时把 color-scheme 切成 dark，让原生控件与滚动条随之改变
• 不动你的字体 —— 皮肤自身没有任何 font-family 覆盖（唯一例外是窗口标题按钮的 Marlett 符号字形），字号、字体完全由你的 DSH 字体设置决定
• 零构建 —— 纯 JavaScript，单文件实现，改完刷新即生效

安装

皮肤是一个标准的 DSH 组合包（bundle）：包里有 dsh.bundle.patch 指向 cordis.patch.yml，有 dsh.client 声明浏览器半侧。DSH 的插件管理器接受包名、Git 地址、压缩包或本地路径四种来源，所以下面三种装法任选。

方式一：npm 包（推荐，插件市场可搜到）

dsh plugin --profile web add dsh-skin-win2000

包地址：https://www.npmjs.com/package/dsh-skin-win2000

方式二：Git 仓库（无需 npm 账号）

dsh plugin --profile web add github:lildanger/dsh-skin-win2000

仓库需要是公开的，且仓库根就是包本体（根目录下能读到 package.json 里的 dsh.bundle.patch）。

方式三：本地路径（开发用）

dsh plugin --profile web add link:/path/to/dsh-skin-win2000

DSH 0.2.0 起：必须登记在 profile 依赖里

这一步不做，皮肤装了也不会出现 —— 配置里能看到它，界面上毫无变化。

DSH 0.2.0 之前，插件可以只用 node_modules 里的链接 + 一条 patch 行挂载；0.2.0 起宿主端先查 profile 的 dependencies，没登记的行会被静默跳过（客户端清单里根本没有它）。

上面三种方式用的都是 dsh plugin add，它会自动登记依赖。如果你是手工挂载的（比如直接建 junction/symlink 再往 patch 里加行），要补上登记：

dsh plugin --profile web add link:/path/to/dsh-skin-win2000

确认登记成功：

dsh --profile web --dump-config | grep skin-win2000   # 配置里有
# 再确认客户端清单里有它（清单是启动时算的，改完依赖要重启 DSH）

还要一条 patch 行

依赖登记之外，bundle 行仍要插进 profile 的 cordis.patch.yml：

- insert:
    - id: skin-win2000
      name: dsh-skin-win2000

图形界面里也可以走「侧栏 → 插件 → 添加插件」，把上面的包名或 Git 地址填进去，装完点立即启用。

刷新页面即可。如果界面没变化，请 Ctrl+Shift+R 强制刷新 —— 客户端 bundle 带一年强缓存，普通刷新拿不到新版本。

关于字体

皮肤自带它渲染文字用的点阵字体：fonts/unsciiCJKV18.woff2（1.42 MB，由 6.37 MB 的 OTF 无损转换而来）随包分发，由宿主半侧在 /api/dsh-skin-win2000/fonts/unsciiCJKV18.woff2 提供。

• @font-face 以包内 url() 打头，后面跟一个 local() 兜底（本机恰好装了同名字体时省一次下载）；包内那份永远优先，渲染结果与机器无关
• 字体栈为 "unsciiCJKV18", monospace，不引用包里没有的字体
• 代码块另用一副字体：pre/code/kbd/samp 里走 unscii-8-tall（8 像素高的等宽变体，59 KB → WOFF2 40 KB），它把 unicode-range 覆盖到拉丁、标点、箭头、数学、制表、方块、几何图形与 PUA 私用区（tall 能提供的全部非 CJK 字符都归它），所以代码里的目录树 ├──、方块 ██▒░、箭头 → 都与英文同为 8 像素高，不再与 16 像素的 CJKV18 混排；汉字、假名与全角标点仍留在 CJKV18。正文中英混排统一用 CJKV18，共用一条基线
• 粗体不合成：unscii 全家族都只有单一字重，没有 bold 变体，而点阵字被引擎拉伸伪造粗体会发糊 —— 所以 b/strong/bold 类这些强调元素按正体字重（400）渲染。应用自己用命名类设的 500/600（例如设置页的栏目标题）不在此列，保持原样
• 响应带 cache-control: public, max-age=604800, immutable，浏览器每周最多下载一次；font-display: swap 保证字体到达前文字可见
• 字体许可是 GPL：本字体衍生自 unscii-16-full，而 Viznut 官方页面明确把它单独列为「因 Unifont 而受 GPL 约束」（其余变体才是公有领域）。字体自带的 name 表也记着这层关系，fonts/COPYING 附了许可全文。皮肤本身仍是 MIT —— 字体是被样式表引用的数据，不是链接进插件的代码。详见 fonts/README.md

皮肤其余部分不设置字体：唯一例外是窗口标题按钮的 Marlett 符号字形。如果你关掉面板里的「点阵字体」开关，界面就完全用你自己的字体设置。

使用

右下角面板：

| 控件 | 作用 | |---|---| | 标题栏 | 按住即可拖动整个面板，位置记在 localStorage，可以一直拖到屏幕右/下边缘贴边；双击回到右下角 | | 右上角按钮 | 三档循环：完整面板 → 只剩标题栏 → 一个小 ＋ → 回到完整面板；切换时那个开关停在鼠标点击的位置，面板围着它缩放 | | 启用皮肤 | 开关皮肤。关掉后界面恢复 DSH 原样，面板本身仍保持 2000 外观，方便随时开回来 | | 点阵字体 | 开关随包分发的点阵字体；关掉就用你自己的字体设置 | | 暗色模式 | 开关深色漆面，默认关闭。只换颜色不换几何：表面 #1A1815、凹陷控件 #090909、卡片 #201E1A，标题栏渐变、深蓝选中和三级立体边框都照旧；选择记在 dsh.skin.win2000 里，和「点阵字体」共用一条记录 | | 窗口示例 | 弹出一个完整复刻的经典对话框：标题栏 + 三个标题按钮 + 菜单栏 + 凹陷客户区 + 三段状态栏 + 操作按钮行，点标题栏的 × 可看失焦渐变 | | 窗口本身 | 按住标题栏可拖到屏幕任意位置（位置记忆在 dsh.skin.win2000.window）；双击标题栏或点 □ 最大化铺满视口，再双击或点一次还原——还原回到原来拖到的位置 |

最小档那个小 ＋ 本身也能拖动 —— 它是收起来之后唯一还能抓的地方。拖它不会误触发展开。

窗口示例的拖动位置单独存一个 key，和面板位置互不影响；最大化时拖动标题栏不会有反应，避免把铺满的窗口又拖歪。

配色表

| 界面元素 | 取值 | 落地 token | |---|---|---| | 3D 控件表面 / 任务栏 / 菜单栏 | #D4D0C8 | --dsw-alias-bg-base | | 活动标题栏 起点 → 终点 | #0A246A → #A6CAF0 | --dsh-skin-titlebar-active | | 失焦标题栏 起点 → 终点 | #808080 → #C0C0C0 | --dsh-skin-titlebar-inactive | | 3D 高光 | #F5F5F5 | --dsh-skin-shadow-raised | | 3D 投影 | #808080 | 同上 | | 最深投影 | #404040 | --dsw-alias-border-l4 | | 选中高亮 | #0A246A | --dsw-specific-sidebar-nav-item-active | | 主按钮 | #003C74，悬停 #316AC5 | --dsw-alias-button-primary-fill | | 停止生成 | #CC0000 | aria-label 命中 | | 代码块 | #C8C4BC / 标题条 #BFBBB2 | --dsw-alias-markdown-code-block | | 提示气泡 | 底 #FFFFE1 字 #000000 | --dsw-alias-tooltip-bg |

验证

node --check client.js              # 语法
node check.mjs                      # 客户端规范与交互（桩件驱动，不需要浏览器）
node check-host.mjs                 # 宿主字体路由：供包内字体 / 404 未知 / 拒绝路径穿越
node verify-metrics.mjs             # 对照度量表，纯白必须为 0
node tools/probe-live-css.mjs       # 在浏览器里核对注入后的样式表（需要 DSH 在跑）
node tools/probe-diff-palette.mjs   # 实测 diff 的字色与底色（需要 DSH 在跑）

check.mjs 用桩件（module loader / React / DOM）驱动插件，覆盖：SPEC 常量逐值、三态立体阴影、标题栏双向渐变、11px、无纯白、radius 全归零、滚动条、面板与窗口规则、气泡、侧栏凹槽、定位标记排除、链接色、面板三档循环（含「拖动后的 click 不换档」的真实指针流程）、窗口示例交互、dispose 清理。

为什么后两条需要浏览器：客户端 bundle 发给浏览器的是源码文本，token 拼接与样式注入都在浏览器里发生 —— 拿 grep 去搜 bundle 永远搜不到结果（见 HANDOFF 的坑 17）。probe-live-css.mjs 会逐条比对 199 个带色值的 token，是唯一能证明它们真正生效的办法。

已知限制

• 依赖部分类名 —— 少数规则用 [class*="bubble"]、[class*="_card"] 这类前缀匹配组件库的 CSS-module 类名。DSH 升级后若命名变化，这些规则会静默失效（症状：气泡或卡片配色回到默认）。
• --dsw-static-* 静态色阶被重写过 —— 不是 DSH 原值。若有组件把"静态最亮档"当文字色用（提示气泡就是例证），可能得到浅底浅字；皮肤已为气泡单独指定文字色。
• 11px 是全局字号 —— 这是度量表的一部分，正文与代码块一起降到 11px。
• -webkit-font-smoothing: none 在 Windows 的 Chromium 上不生效，写了但改变不了渲染。
• 直角是通杀的 —— 头像、状态圆点、开关滑块都会变方。需要保留圆形的话，从 border-radius:0 !important 的选择器里排除即可。
• 截图是实拍 —— 仓库里的四张 PNG 由 tools/capture.mjs 通过 Chrome DevTools Protocol 抓取运行中的界面，皮肤状态为 data-dsh-skin="win2000"，第四张是面板里打开暗色模式之后抓的。抓图环境使用你本机的点阵字体与配色设置，所以字体观感会与你的设置一致。

开发

dsh-skin-win2000/            ← 仓库根就是包本体
├── client.js                全部实现（单文件，零构建）
├── index.js                 宿主半：webServer 路由，从包内提供字体
├── package.json             插件清单 + npm 元数据（版本号在这里改）
├── cordis.patch.yml         bundle 层补丁
├── check.mjs                客户端检查（桩件驱动）
├── check-host.mjs           宿主字体路由检查
├── verify-metrics.mjs       度量表配色回归
├── tools/capture.mjs        用 CDP 抓运行中界面的真实截图
├── tools/probe-live-css.mjs 在浏览器里核对注入后的样式表
├── tools/probe-diff-palette.mjs  实测 diff 的字色与底色
├── tools/inspect-highlight.mjs   实测深蓝高亮里的文字与图标颜色
├── tools/font-license.mjs   读字体 name 表的许可字段
├── fonts/unsciiCJKV18.woff2 随包分发的点阵字体（1.42 MB，WOFF2）
├── fonts/README.md          字体的来源、格式与 GPL 说明
├── fonts/COPYING            GPL 许可全文
├── docs/screenshots/        四张实拍截图
├── README.en.md             英文版说明
├── HANDOFF.md               交接文档：结构、踩坑、发布规则
├── LICENSE                  MIT（皮肤本体）
└── workspace/               本地脚本与锁文件（不随包发布）

HANDOFF.md 里记着 9 条踩坑（:where() 特异性归零、模板字面量被反引号提前闭合、bundle 强缓存、面板样式挂在皮肤属性下导致关皮肤时自己塌掉、background-color !important 压过主按钮简写……），改代码前值得先看一眼。

许可

MIT