Win2000 经典皮肤 lildanger/dsh-skin-win2000

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