dsh-skin-galactic-opera

Unofficial cinematic space-opera dark skin bundle for the DSH Web GUI.

非官方 DSH Web GUI 太空歌剧暗色皮肤插件。它使用通用科幻视觉语言，包括深空背景、霓虹 HUD、黑洞吸积盘、行星与卫星轨道、流星、V 形战机剪影和提交消息时的超空间跃迁效果。

This package does not include or recreate any official franchise logos, characters, ship designs, quotes, or proprietary names.

本插件不包含也不复刻任何特定影视作品的官方 logo、角色、飞船设计、台词或专有名称。

Features

• Registers and enables the galactic-opera dark theme.
• Overrides DSH Web GUI theme tokens for backgrounds, borders, text, brand colors, state colors, scrollbars, and sidebar surfaces.
• Adds global visual styling for star fields, diagonal hyperspace lanes, hover glow, selection highlight, and code block glow.
• Adds decorative space-opera elements:
  • Central black-hole accretion disk.
  • Top-right planet, one moon, and an elliptical satellite orbit.
  • Bottom-left rotating scanner HUD and holographic route map.
  • Red, cyan, and gold energy beams.
  • Sparse twinkling stars, comets, and generic V-shaped starfighter silhouettes.
  • Gold mission-briefing crawl panel.
• Adds interactions:
  • Subtle mouse parallax.
  • Click energy pulse.
  • Hover energy outlines on buttons, inputs, messages, and code blocks.
  • Bottom telemetry/status information is mirrored into a fixed bottom-right sci-fi panel.
  • Scanner target dot projected from the pointer direction relative to the viewport center; the target lights only when the scanner sweep passes it.
  • Automatic hyperspace burst after submitting a new instruction or message.
• Respects prefers-reduced-motion: reduce by disabling major animations.

Telemetry panel

When DSH Web exposes bottom status/usage data, the skin keeps the original UI layout in place and mirrors the detected global telemetry into a non-interactive bottom-right HUD panel. The panel is intended to show a consistent five-line status block:

312 轮 · 8732 步
LLM 2253m42s · 工具调用 972m8s
首 token 平均 10.5s · 58 tok/s
缓存命中 97%
输入 1369M tok · 输出 2.5M tok

The skin treats each original pipe-separated bottom-bar segment as a complete information block, so combined items such as 首 token 平均 ... · ... tok/s and 输入 ... · 输出 ... remain intact. It also filters nearby message-level timing text and settings/menu text so the panel stays focused on global session telemetry.

Installation

From npm

Recommended for most users:

dsh plugin --profile web add dsh-skin-galactic-opera

npm package page:

https://www.npmjs.com/package/dsh-skin-galactic-opera

From GitHub

dsh plugin --profile web add https://github.com/xmnathan/dsh-skin-galactic-opera.git

From a local checkout

From the parent directory of this package:

dsh plugin --profile web add ./dsh-skin-galactic-opera

Or with an absolute path:

dsh plugin --profile web add D:\path\to\dsh-skin-galactic-opera

Then refresh the DSH Web GUI, usually available at:

http://127.0.0.1:3080

If the browser keeps an older client bundle, use a hard refresh:

Ctrl + F5

Uninstall

dsh plugin --profile web remove dsh-skin-galactic-opera

Refresh the Web GUI after uninstalling.

Development

Check browser-side JavaScript syntax:

npm run check

Preview the npm package contents before publishing:

npm run pack:dry

Publish to npm:

npm publish

Package structure

dsh-skin-galactic-opera/
├─ package.json
├─ cordis.patch.yml
├─ README.md
├─ LICENSE
├─ CHANGELOG.md
└─ lib/
   ├─ index.js
   └─ client.js

• package.json: package metadata, npm publish settings, DSH bundle declaration, and Web client plugin declaration.
• cordis.patch.yml: inserts the dsh-skin-galactic-opera client plugin into the Web profile.
• lib/index.js: host-side no-op entry.
• lib/client.js: browser-side theme, decoration, and interaction implementation.

License

MIT