Skip to content
dsh.fish
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

  • 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.
Source