Bundle
dsh-theme-nier-automata
DSH web theme that recreates NieR:Automata's YoRHa UI — beige palette, grid texture, CRT FX, wipe-fill hover, and staff-line ornaments.
- Source
- marcemira
- License
- MIT
- Updated
- Updated 2 days ago
Readme
# dsh-theme-nier-automata
A DeepSeek Harness (dsh-web) theme that recreates **NieR:Automata**'s YoRHa interface: warm beige palette, 0.3rem grid mesh, CRT vignette, wipe-fill hover, double-bar staff-line rules, and optional glitch FX.
Unofficial fan work. Not affiliated with Square Enix or PlatinumGames.
## What it does
| Layer | Effect |
|---|---|
| Tokens | Every `--dsw-alias-*` / `--dsw-specific-*` token remapped to the verified YoRHa beige. Light and dark values are identical, so Appearance Light / Dark / System never leaves beige. |
| Textures | Canonical CSS grid (`0.3rem` / `#ccc8b1`), film grain, top/bottom staff-line ornaments. |
| CRT | Limb-darkening vignette. **Full** intensity adds scanlines and a subtle barrel-displacement filter. |
| UI feel | Wipe-fill hover, double-bar hover rules, muddy header blocks, inverted selection, zero radius / zero soft shadows, Manrope (Rodin stand-in). |
| Motion | 320ms "moist" easing; wipe-fills stay 200ms linear. |
| Glitch | RGB-split shake on error / alert surfaces at **Full** intensity. |
## Install (local)
From your dsh-web profile (`~/.dsh/profiles/web`):
```json
{
"dependencies": {
"dsh-theme-nier-automata": "file:../../../src/dsh-theme-nier-automata"
},
"dsh": {
"profile": {
"bundles": [
"dsh-theme-nier-automata"
]
}
}
}
```
Then:
```bash
cd ~/.dsh/profiles/web
pnpm install
```
Restart `dsh web`. Open **Settings → General**. Enable **NieR:Automata**. Pick **Subtle** or **Full**.
## Install (published)
```bash
cd ~/.dsh/profiles/web
pnpm add dsh-theme-nier-automata
```
Add `dsh-theme-nier-automata` to `dsh.profile.bundles` and restart `dsh web`. Also installable from dshmarket once published.
## Settings
Persisted under `ui-nier-theme` in `$DSH_HOME/settings.yaml`:
```yaml
ui-nier-theme:
enabled: true
intensity: subtle # or full
```
A `localStorage` fallback keeps the choice if the Host settings write is refused.
## Using Rodin
Manrope is the OFL stand-in. If you own Fontworks Rodin, drop it in:
```css
@font-face {
font-family: 'Rodin';
src: url('/path/to/Rodin.woff2') format('woff2');
font-weight: 300 700;
}
```
Then override `--dsw-font-family` to `'Rodin', 'Manrope', sans-serif`.
## Develop
```bash
cd ~/src/dsh-theme-nier-automata
pnpm install
pnpm typecheck
pnpm test
pnpm build
```
`pnpm build` emits `lib/index.js` (host) and `lib/client.js` (DSH ModuleLoader factory).
## Visual references
- [PlatinumGames — UI Design in NieR:Automata](https://www.platinumgames.com/official-blog/article/9624)
- [Game UI Database #150](https://www.gameuidatabase.com/gameData.php?id=150)
- [Interface In Game](https://interfaceingame.com/games/nierautomata/)
- [Figma — NieR: Automata UI](https://www.figma.com/community/file/1598348131070316402/nier-automata-ui)
- [Kndgy design system](https://github.com/Kndgy/NieR-Automata-Design-System) (MIT)
- [metakirby5/yorha](https://github.com/metakirby5/yorha) (MIT)
- [YoRHa Archive](https://yorha-archive.netlify.app/)
See [THIRD_PARTY_NOTICES.md](./THIRD_PARTY_NOTICES.md) for attribution.
## Limitation
DSH's layout (sidebar + chat) will not become NieR's tabbed system menu or plugin-chip grid. This plugin skins **colors, textures, FX, and interaction feel** without forking the UI shell.
Install
dsh plugin --profile web add github:marcemira/dsh-theme-nier-automata#4b9bef51945712c888abae9f2e309df64d2d47bb
Profile: web
With the hub plugin installed, ask your agent to install it by name — it resolves the same plan shown here.
dsh plugin --profile web add github:stvlynn/dsh.fish#path:packages/dsh-plugin-hub
install dsh-theme-nier-automata from the hub
- This package builds from source on install. pnpm will ask you to allow its build script — that is permission to run the package’s code on your machine, outside the agent sandbox. Only allow sources you trust.