npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

dsh-theme-endfield-re

v2.1.0

Published

Fork of dsh-theme-endfield (based on upstream 1.1.5): the industrial editorial look of the Arknights: Endfield official site 鈥?cream paper, ink text, signal-yellow accents, zero radius. Adds a contour centre-defocus pass (中央散景) and repairs the hero hooks

Readme

dsh-theme-endfield-re

npm version

参考《明日方舟:终末地》官网视觉风格的 DeepSeek Harness 主题插件。

本项目由 dsh-theme-endfield 1.1.5 分叉而来,此后独立维护。仓库内为完整主题,可直接安装、修改与测试。

截图

深色形态,谷地黄强调色:

深色配色下的新建会话页

浅色形态,武陵青强调色:

浅色配色下的新建会话页

AI 声明

此改版完全使用 AI 进行更改。 代码、文档与参数调整均由 AI 生成,可能存在未知问题,请谨慎使用。

  • 在本改版中发现的问题,请勿提交到原版主题仓库。原版作者未参与本改版,也没有义务处理它的问题。请提交到本仓库的 Issues。
  • 请勿在原版主题相关的讨论、Issue 或 PR 中提及本项目。
  • 本改版与上游已经分叉,上游的修复不一定会出现在这里,反之亦然。

主题风格

奶油纸底,墨黑文字,以信号黄与武陵青为强调色,界面通体直角,呈工业编辑风。

插件仅作用于客户端,通过主题令牌与样式覆盖实现,不修改应用自身代码。

主要功能

配色与形态 提供谷地黄、武陵青两套强调色,直角与圆角两种形态,以及可分别调节输入框与顶栏/侧栏透明度的磨砂玻璃表面。

等高线背景 默认开启。以程序生成的标量场绘制真实等值线,整屏铺满强调色细线,闭合环线相互嵌套。动态流动默认关闭,开启后帧率(24 / 60 / 120 FPS)与速度(1x / 2x / 4x)可分别调整,并可在 Canvas 与 Worker / WebGL 两种绘制后端之间切换。系统开启「减少动态效果」时保持静态渲染。

中央散景 使等高线在对话中轴线附近逐渐虚化,向两侧衰减,画面四周保持清晰。新建会话页与对话页使用同一条中轴线。虚化程度与压暗程度可分别设置。

鼠标轨迹 指针附近的等高线产生局部形变,随后缓慢恢复。默认关闭。

背景水印 以 ENDFIELD 大字作为水印,默认只出现在新建会话页,可设置为在对话页持续显示。

启动动画 仿官方主视觉的加载画面:黑底,左缘进度轨自上而下填充,刻度与读数随填充端下移。

雷霆大字 任务开始与结束时在屏幕中央显示提示大字,可附加缩放入场动画,点击屏幕任意位置即可提前关闭。

音频通知 任务开始、任务结束、需要回应、出错等场景的提示音。音频由宿主进程播放,因此页面最小化或切换至其他应用时同样可闻。总开关默认开启。 设置页那一章的排列为总开关 → 音量 → 各槽位 → 少用的两项(启动加载动画音、诊断日志);每个槽位都带开启 / 关闭与试听。 自定义音效目录暂不支持,相关两行已从设置页移除(字段与宿主侧解析逻辑保留,之后随逻辑改好再加回来)。 出厂自带五个音:启动加载动画音是代码算出来的合成音,任务开始 / 任务结束 / 需要你回应 / 出错四声随包发布录音(4.4–6.4 秒,文件名 start/end/wait/erro.wav)。

对话底侧泛光 对话页底部由 30 个低成本中心光源叠成宽阔柔和的光晕,两态均以活动对话框中轴为中心并跟随侧栏位移:空闲时光点聚集在对话框中轴附近(跨度约为框宽 45%),任务运行时以同一中轴向两侧扩散至少 90% 视口宽度。每个光源的尺寸、强度、色阶与呼吸节奏各自随机,颜色稳定取自主题色到白色之间,不再跳色;采用普通半透明合成,避免影响输入框磨砂模糊;处于等高线之上、消息和输入框之下。

设置入口为「设置 › 终末地主题设置」。页面顶部是一条章节选择条(滑动槽),把主题 / 背景 / 动画 / 娱乐 / 音频 / 氛围六章收进六个段,一次只显示一章,方向键可切换。界面文案随 DSH 的语言设置即时切换,支持中英文。全部设置由 DSH 自身的设置服务持久化,与页面地址及端口无关,在浏览器与桌面端均可跨重启保留。

发展方向

一是保持与 DSH 宿主版本同步,及时跟进应用侧标记与接口的变动,避免样式钩子在宿主升级后静默失效。

二是延续既有的视觉语言,继续打磨等高线背景及其衍生表现,中央散景即为此方向上的第一项工作。

三是补齐测试覆盖,使主题在宿主持续迭代的前提下保持可用。

安装

从 npm 安装(推荐,只下载约 3 MB 运行文件):

dsh plugin --profile web add dsh-theme-endfield-re

也可以直接从仓库安装。这条路会做一次完整的 git 克隆(含全部历史),明显更慢:

dsh plugin --profile web add github:SkillyNotFound/dsh-theme-endfield-re

安装后重启或重新加载对应 profile 生效。卸载:

dsh plugin --profile web rm dsh-theme-endfield-re

修改插件文件后,客户端部分刷新页面即可生效;宿主部分只在 profile 启动时加载一次,需整个进程重启。

开发

node check.js       # 样式表静态校验
node selftest.js    # 校验器自检
npm test            # 完整测试套件

npm run deploy:check  # 运行中的 profile 与本仓库差了多少(不写入)
npm run deploy        # 把工作副本部署进 profile;之后需完全重启 DSH

测试覆盖样式不变量、配色、设置页、浏览器渲染、等高线几何与性能预算。部分用例需要本机安装 Chrome 或 Edge。

完整的迭代闭环、CI 各 job 的职责,以及几处会影响流程的环境事实(桌面 profile 只能由应用管理、宿主会快照 client.js),见 docs/development.md。

归属与许可

本项目以 MIT 许可证发布。上游代码版权归 ymh0000123 所有,本仓库的修改部分归 SkillyNotFound 所有;其中的 GPU 描边绘制器由 higekibaka 贡献。

《明日方舟:终末地》的游戏名称、标识、商标、官网视觉与设计语言归鹰角网络所有,不在 MIT 许可证覆盖范围内。完整声明见 NOTICE.md。

免责声明

本项目为非官方同人作品,与鹰角网络及上游作者均无隶属、赞助或背书关系。