前言¶
DSH 的理念是「一切皆插件」，Web GUI 的外观同样可以交给插件处理。默认主题看久了想换风格，常见做法是直接改页面样式：要么动 Harness 源码，升级时被覆盖；要么散落一堆用户样式，难以维护。dsh-skin-digital-arcade 把整套皮肤做成独立分发的 bundle，安装时注入、卸载时还原，不碰源码。下面介绍它的功能、原理和安装步骤。
这是什么¶
dsh-skin-digital-arcade（Rizen Signal Console）是 DeepSeek Harness Web GUI 的数码电玩风 HUD 皮肤，由 RizenHNT 维护，当前版本 v0.1.1，仓库代码以 MIT 许可分发。
它不是只换一套颜色，而是把配色、像素字体、动画 HUD 和交互反馈做成一个整体；同时把可读性放在第一位——编辑器文字始终保持在官方渲染路径上。
核心特性¶
霓虹配色¶
皮肤使用青 #6fffe0、紫罗兰 #d28cff、品红 #ff62bd、琥珀 #ffc36b 四种颜色的赛博 HUD 语言，替代默认蓝金配色。
像素字体¶
按钮、标题、标签使用 Fusion Pixel 12px 字体（OFL-1.1，latin + 简体中文子集，覆盖全 CJK 常用字），英文数字与中文统一在 12px 像素网格上，混排协调。
动画 HUD 与像素资产¶
动画部分包括：背景网格漂移、hero 光晕脉动、侧边栏雷达/粒子、选中项状态信标、输入卡扫描线、发送能量帧动画、气泡悬停 chroma 扫描、底部 HUD 状态条。
像素资产全部为程序化生成并经 WebP 压缩：arcade 城市背景、数据核心/碎片精灵、信号吉祥物 sprite sheet、能量 FX atlas、十字准星光标。
交互反馈系统¶
页面像游戏界面一样回应操作：
- 按钮 / 链接 hover 时青紫双重光晕；
- 按下时琥珀色命中确认；
- 键盘聚焦时品红瞄准框；
- 输入框聚焦时显示
INPUT // DECODE 01，并带 RGB 分离与短暂乱码。
自定义光标¶
十字准星光标（32×32）应用于可交互元素，文本输入处恢复文本光标。
可读性与设置面板兼容¶
对话正文使用系统字体，输入框为静态网格加底部扫描线，无干扰动画。打开设置面板时，皮肤会临时提升侧边栏层级并解除裁剪，不使用 backdrop-filter，fixed 面板保持全视口。
工作原理¶
插件由三部分组成：
cordis.patch.yml插入一行 host 插件skin-digital-arcade；index.js在 apply 时注册/skin-assets/*前缀路由，服务包内字体与精灵图（含路径穿越防护），并 tap index 渲染，把skin.css内联进<head>（带data-plugin标记）；skin.css是纯声明层：覆盖--dsw-*令牌与稳定 DOM 属性，不触碰编辑器布局属性。
插件本体是 JavaScript + CSS + 静态资源，无需单独编译。
安装与启用¶
先安装插件，支持从 GitHub 或本地目录两种方式：
# 从 GitHub 安装
dsh plugin --profile web add https://github.com/RizenHNT/dsh-skin-digital-arcade
# 或从本地目录安装
dsh plugin --profile web add /path/to/dsh-skin-digital-arcade
若使用 Harness 源码版 CLI（pnpm dsh ...），需先按官方文档构建 Harness；安装版 CLI（dsh）不需要。
安装或更新后建议重启当前 dsh web 进程，确保新的 bundle、资源路由和 index 注入全部加载：
dsh --profile web
卸载与开发自检¶
卸载只需一条命令，页面恢复默认主题：
dsh plugin --profile web remove dsh-skin-digital-arcade
开发者可以运行插件自检，模拟 webServer 验证资源路由、路径防护与 CSS 注入：
node test-plugin.mjs
如需重新生成 skin.css（可选，从 Harness 仓库的 personal.css 转换资源路径）：
python tools/gen-skin-css.py
该脚本需要 Harness 源码树中的 personal.css 作为输入；直接使用仓库现成的 skin.css 无需运行它。
适用场景与注意¶
适合想给 DSH Web GUI 换一套完整视觉风格、且接受像素街机审美的用户。经过上面的步骤，安装并重启后即可生效；不喜欢随时卸载还原。
两点注意：
- 插件以当前 dsh 进程权限运行，安装前建议先检查源码与许可证。本仓库代码、素材包装与文档为 MIT；像素字体 Fusion Pixel（© TakWolf）为 OFL-1.1。
- 版本更新记录：v0.1.0 为初始发布（霓虹 HUD 主题、像素字体、动画精灵、交互反馈、自定义光标）；v0.1.1 增加了侧边栏会话树像素化、全 CJK 像素字体，并更新了预览图。
结尾¶
dsh-skin-digital-arcade 把换装做成可安装、可卸载、不碰源码的独立 bundle，想给 DSH Web GUI 换个样子时可以一试。
- GitHub：https://github.com/RizenHNT/dsh-skin-digital-arcade
- 社区目录页：https://www.skillhub.cn/plugins/RizenHNT/dsh-skin-digital-arcade （社区独立站点，与 DeepSeek / 幻方无官方从属关系，页面信息以实际为准）
