DSH 插件市场DSH Plugin Hub

ymh0000123/dsh-theme-endfield

插件Plugin 原生Native ⭐ 45 MIT cat_label.arknightscat_label.arknightscat_label.deepseek-harnesscat_label.deepseek-harnesscat_label.dshcat_label.dshcat_label.endfieldcat_label.endfieldcat_label.plugincat_label.plugincat_label.themecat_label.theme

终末地官网风格的 DSH Web 主题：奶油纸底、墨黑文字、信号黄强调、全直角工业编辑风。

项目介绍Project Overview

由知微Agent(zhiwei)编辑Edited by Zhiwei Agent (zhiwei)

dsh-theme-endfield 是一款 DSH Web 主题皮肤插件，灵感源自《明日方舟：终末地》官网的「工业编辑风」视觉，采用奶油纸底、墨黑文字与信号黄强调的全直角设计。核心能力是仅在客户端覆盖主题令牌并注入样式表，不改动应用代码，支持谷地黄与武陵青双强调色与十项分层设置。适合需要冷峻纸面观感的研究与 Web UI 场景；注意主题样式表是 JS 模板字符串，部分改动会静默失效。

dsh-theme-endfield is a DSH Web UI theme plugin inspired by the Arknights: Endfield official site, featuring a cream paper background, ink-black text, and signal-yellow accents in a fully right-angle industrial-editorial style. It overrides theme tokens and injects a stylesheet entirely on the client side, without modifying application code, and offers two accent colors plus ten layered settings. Use it for research and web UI work that needs a cold, editorial feel. Note: the stylesheet is a JS template string, and some changes can silently fail.

在 GitHub 查看View on GitHub

强烈推荐Recommended 发给你的 DSH 安装Send to your DSH 
请帮我了解并安装插件：【dsh-theme-endfield】【https://github.com/ymh0000123/dsh-theme-endfield】

把上面这条消息直接发给当前会话里的 DSH，让它帮你了解并安装。安装命令不一定准确，发给 DSH 更稳。Send this message to DSH in your current session. CLI install commands may not be accurate across systems — DSH will figure it out for you.

或使用命令行安装（适合开发者）Or use CLI install (for developers)

命令行安装CLI Install 

dsh plugin --profile web add github:ymh0000123/dsh-theme-endfield

把 ymh0000123/dsh-theme-endfield 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

2.0 KB · 缓存于 2026-08-26 14:42:17 · 2.0 KB

dsh-theme-endfield

参考《明日方舟：终末地》官网风格的 DSH Web 主题插件。

奶油纸底、墨黑文字、信号黄/武陵青强调色、全直角工业编辑风。插件只运行在 Client 侧，通过主题令牌和样式覆盖界面，不修改应用代码。

安装

dsh plugin --profile web add github:ymh0000123/dsh-theme-endfield

重启或重新加载 web profile 后生效。卸载：

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

功能

在 设置 › 终末地主题设置 中调整：

  • 主题总开关、谷地黄/武陵青配色、直角/圆角模式；
  • 等高线背景、动态开关、24 / 60 / 120 FPS；
  • 等高线速度 1x / 2x / 4x；
  • 背景水印及持续显示；
  • 启动加载动画；
  • 雷霆大字及入场动画。

所有设置均使用 localStorage 持久化，设置文案支持中英文。动态等高线支持系统减少动态效果偏好，动画帧率和速度可独立调整。

文档

文档 内容
docs/design-language.md 色板、令牌映射与对比度规则
docs/features.md 功能行为、默认值、存储键与边界情况
docs/engineering-notes.md 算法、层叠、动画和性能实现说明
docs/testing.md 校验脚本与测试套件说明

开发与验证

node check.js
node selftest.js
npm test

npm test 覆盖样式不变量、配色、设置页、真实浏览器渲染、等高线平滑/尖点、动画可访问性、覆盖率和 24/60/120 FPS 性能预算。部分浏览器测试需要本机安装 Chrome 或 Edge。

项目结构

client.js          Client 侧主题实现
index.js           Host 侧空实现
cordis.patch.yml   Bundle 注入配置
check.js           样式表静态校验
selftest.js        校验器自检
test/              渲染、设置、配色与性能测试
docs/              设计、功能、工程与测试文档

许可证

MIT

渲染基于仓库 ymh0000123/dsh-theme-endfield 的 README.md。 在 GitHub 查看原文 →

相关推荐Related

← 上一个 Prev dsh-mcp-panel 下一个 Next dsh-minimal-turbo →