ymh0000123
dsh-theme-endfield
终末地官网风格的 DSH Web 主题:奶油纸底、墨黑文字、信号黄强调、全直角工业编辑风。
- Stars
- 0
- Language
- JavaScript
- Created
- Aug 15, 2026
- Updated
- Aug 17, 2026
Introduction
dsh-theme-endfield
Edge Intelligence Theme — 参考《明日方舟:终末地》(Arknights: Endfield)官网视觉风格制作的 DSH(DeepSeek Harness)Web 主题插件(动态 Cordis 插件,Client 半部)。
参考:https://endfield.hypergryph.com(国际版 https://endfield.gryphline.com)
设计语言
还原终末地官网的「工业编辑风」:
- 色板:奶油纸底
#f6f6f3/ 墨黑文字#101110/ 信号黄强调#fff500(暗色:纸底#101110、面板#181a18、文字#f5f5f0) - 字体:Arial / Helvetica Neue / PingFang SC / Microsoft YaHei,开启
tnum等宽数字 - 直角化:按钮、输入框、卡片、菜单、标签、气泡全部
border-radius: 0(状态圆点/头像/加载圈保留圆形) - 信号黄交互:悬停反色、焦点环、输入光标、滚动条、表格行、按钮、激活项、Markdown 标记
实现方式
client.js 通过两种机制作用于 DSH Web 界面:
theme.overrideTokens— 覆盖 13 个主题令牌(亮/暗双色),映射终末地官网色板;styles.insert— 注入全局样式:字体栈、直角化、信号黄强调、中和 DSH 内部 DeepSeek 品牌蓝、hover 反色、表格/按钮/徽章/头部动作黄化等。
安装
作为 DSH 插件(推荐)
dsh plugin --profile web add github:ymh0000123/dsh-theme-endfield
dsh plugin 会转发给 profile 目录的 pnpm 完成安装,并根据包内的 cordis.patch.yml(dsh.bundle.patch)自动把插件行挂进 bundle 栈,同时把 exports["./client"](client.js)登记为浏览器端 client bundle。安装后重启(或重新加载)web profile 即生效。
本主题是纯 Client 半部插件:Host 半部(
index.js)为空实现,全部效果由浏览器端的 token 覆盖 + 样式注入完成。
作为动态 Cordis 插件(临时试用)
- 打开
client.js,复制apply(ctx) { ... }函数体; - 在 DSH 会话中用
cordis_define新建插件,将函数体粘贴为 Client 代码(return { apply(ctx) { ... } }), 在cordis_run中激活该 Package; - 刷新页面即生效;在 Run 卡片上停止插件即可完全卸载(token 层与样式层自动拆除)。
提示:
client.js依赖 DSH Client 运行时提供的theme服务、styles内建与ctx.effect,仅在 DSH Web 环境中可用,不能直接在普通浏览器中运行。
卸载
dsh plugin --profile web rm dsh-theme-endfield
使用
以动态 Cordis 插件的 Client 代码加载 client.js 的内容(apply 返回 Cordis Plugin),激活后刷新页面即生效;停止插件会自动拆除全部样式副作用。
特性清单
- 终末地官网色板(亮/暗)
- 信号黄
::selection、光标、焦点环 - 全局直角化
- 中和残留蓝色(状态点、气泡、信息按钮、侧栏激活项、偏蓝文字)
- hover 文字反色
- 表格行悬停实心黄底黑字
- 新建会话按钮黄底黑字
- Cordis 操作按钮(run/stop/approve)黄化
- 会话头部动作(agent preset 徽标 / 子代理 / 任务)黄化
许可证
MIT