---

Screenshots

Light / dark

Switchable palettes

Order: retro green · cyberpunk · sunset arcade · mono terminal.

Screenshots show a live coding session: a bash tool call is running while the composer, stats line, and tool card are all on screen.

---

Features

• Complete pixel palette for light and dark mode, layered through the official ctx.theme.overrideTokens API.
• Readable hybrid typography
  • short UI chrome: Fusion Pixel 12px Proportional SC
  • long-form prose: Latin-only Fusion Pixel Latin subset + modern CJK fallbacks (PingFang SC / Microsoft YaHei)
  • code and terminals: Fusion Pixel 12px Monospaced SC
• Generated font-size patch layer — scans the adjacent harness checkout and fixes every component rule that still hard-codes 10–16px text, using the exact CSS-Module hashes from the same lightningcss options as the harness build.
• Pixel document details
  • hard-bordered markdown tables, blockquotes, pixel dividers and checkboxes
  • square code-language badges (bash, json, ts, …)
  • stepped skeleton shimmer
  • session-list tree markers
• Switchable color palettes
  • retro — green Game Boy / CRT (default)
  • cyberpunk — neon magenta + cyan
  • sunset — warm sunset arcade
  • mono — monochrome terminal
• CRT atmosphere
  • adjustable scanlines: off / light / standard
  • optional subtle vignette
  • optional 16×16 pixel cursor
• Official favicon pixelated at 32×32 by a small sharp-based rasterizer; black whale in light mode, white in dark mode, just like the source.
• Settings panel under Settings → General → Pixel skin, persisted in localStorage; controls palette, scanlines, cursor, vignette, and font mode.
• Dispose-safe — the plugin removes its stylesheet, favicon, token overrides and body attributes when unmounted.
• prefers-reduced-motion aware — animations are disabled when the OS requests reduced motion.

Typography modes

Mode	UI chrome	Long-form body	Code
hybrid (default)	Pixel proportional SC	Pixel Latin + modern CJK	Pixel monospaced SC
pure	Pixel proportional SC	Pixel proportional SC	Pixel monospaced SC

Switch between them in Settings → General → Pixel skin → Font mode.

Requirements

• A checkout of deepseek-harness reachable at ../deepseek-harness from this repository, or set DSH_REPO when building.
• The harness checkout must have its client packages built (lib/client.js artifacts) before the skin build scans their CSS Modules. In practice, a normal pnpm run build in the harness repo is enough.
• Node.js 22+.

Build

cd dsh-pixel-skin
npm run build

# If the harness checkout lives somewhere else:
DSH_REPO=/path/to/deepseek-harness npm run build

The build generates:

• src/client/font-data.ts — base64-embedded Fusion Pixel fonts
• src/client/literal-font-patches.ts — hash-scoped readability patches for the current harness checkout
• src/client/pixel-favicon.ts — official favicon rasterized to a 32×32 grid
• lib/index.js — empty host plugin half
• lib/client.js — browser skin bundle

Rebuild the skin after pulling a new harness version or rebuilding its web packages.

Install into a dsh web profile

The package is a plain plugin, not a bundle.

dsh plugin --profile web add /absolute/path/to/dsh-pixel-skin

Then add to $DSH_HOME/profiles/web/cordis.patch.yml:

- insert:
    - id: dsh-pixel-skin
      name: dsh-pixel-skin

Restart and refresh:

dsh --profile web

Uninstall

Remove the insert block from cordis.patch.yml, then:

dsh plugin --profile web remove dsh-pixel-skin

Project layout

dsh-pixel-skin/
├── assets/
│   ├── dsh-pixel-icon.svg          # GitHub / favicon source
│   └── fonts/                      # OFL-1.1 Fusion Pixel woff2 files
├── scripts/
│   ├── build.mjs                   # font embedding + CSS-module patch generator
│   └── pixelate-favicon.mjs        # official favicon → 32×32 grid rasterizer
├── src/
│   ├── index.ts                    # empty host half
│   └── client/
│       ├── index.ts                # plugin entry
│       ├── palette.ts              # token overrides + font scale
│       ├── skin-style.ts           # global skin CSS
│       ├── pixel-details.ts        # pixel surface/details CSS
│       ├── settings.ts             # localStorage settings
│       ├── settings-row.ts         # Settings → General row
│       └── settings-row.module.css
└── lib/                            # built artifacts

Fonts and licenses

The skin embeds the Fusion Pixel font family by TakWolf:

• Fusion Pixel 12px Proportional SC
• Fusion Pixel 12px Monospaced SC
• a generated Latin-only subset

All font files are licensed under the SIL Open Font License 1.1. See THIRD_PARTY_NOTICES.md and assets/fonts/LICENSE.fusion-pixel.txt.

The plugin code is licensed under MIT.

Development notes

• The skin does not modify the deepseek-harness source tree.
• Colors ride the harness --dsw-* theme tokens; the skin never hard-codes a palette that bypasses light/dark resolution.
• CSS-Module selectors in the generated patch sheet are hash-scoped, not guessed from readable class names.
• The settings row is written against the harness slot and locale services, the same seam used by the built-in Appearance row.

中文简版

dsh-pixel-skin 是 DeepSeek Harness Web GUI 的 8-bit / CRT 皮肤插件，不改动 dsh 源码。默认使用“混合易读”字体方案：界面短文案用像素字体，中文长文回退现代 CJK 字体，代码保留像素等宽字体。可在 设置 → 通用 → 像素皮肤 中调节扫描线、像素光标、CRT 暗角和字体模式。