Introduction

The default style of the DeepSeek Harness (DSH) web interface is relatively generic. If you want to add cinematic visual feedback to the debugging process, you can achieve this by installing a skin plugin. dsh-skin-galactic-opera is an unofficial dark theme skin designed to provide a deep-space science fiction visual experience.

Plugin Overview

This plugin is maintained by developer xmnathan. It introduces a complete set of space opera visual elements by overriding theme tokens in the DSH web GUI. It uses Shadow DOM to build decorative layers, reducing interference with the host application’s styles. The skin includes decorative visual elements such as a deep-space background, a black hole accretion disk, planetary orbits, and a scanner HUD, as well as interactive effects such as mouse parallax, click energy pulses, and a hyperspace burst when a message is submitted.

Core Features

Theme and Styling

  • Registers and enables the galactic-opera dark theme.
  • Overrides DSH web GUI theme tokens, including backgrounds, borders, text, brand colors, status colors, scrollbars, and sidebar surfaces.
  • Global styles: deep-space background layers, diagonal hyperspace lanes, hover glow on buttons and code blocks, and sci-fi styled text selection and code block glow.

Decorative Visual Elements

  • A central black hole accretion disk, including particles being drawn in.
  • A planet, moon, and elliptical orbits in the upper-right corner.
  • A rotating scanner HUD and holographic route map in the lower-left corner.
  • Red, cyan, and gold energy beams.
  • Sparse twinkling stars, comets, and V-shaped fighter silhouettes.
  • A gold mission briefing scrolling panel.

Interactive Effects

  • Subtle parallax effect when moving the mouse.
  • Energy pulse on click.
  • The scanner HUD projects a target ping based on the click position.
  • Automatic hyperspace burst effect after submitting a new command or message.
  • A telemetry/status HUD panel fixed in the lower-right corner.
  • Respects the prefers-reduced-motion: reduce media query by disabling major animations.

Installation and Activation

  1. Ensure that DSH is installed and that the dsh command is available in the terminal.
  2. Use the plugin manager to install the skin:
dsh plugin --profile web add dsh-skin-galactic-opera@latest
  1. After installation is complete, restart the DSH web instance.
  2. Hard-refresh the page in your browser (Ctrl+F5 or Cmd+Shift+R) to load the skin.

Typical Usage

  • Submitting a message: When you send a command or a new message, the interface triggers a hyperspace burst animation.
  • Click interaction: When you click any location, the scanner HUD projects a target marker based on the click coordinates.
  • Viewing telemetry: A fixed status HUD is displayed in the lower-right corner, showing global telemetry information such as round count, step count, and cache hit rate.

Notes

  • Version requirement: Requires DSH version 0.1.0-rc.7 or later. It is not compatible with 0.0.1-rc.1 or 0.0.1-rc.2.
  • Installation method: It must be installed through the DSH plugin manager. Direct use of npm install will not work.
  • Restart requirement: After installation, the DSH instance must be restarted, or the skin will not load.
  • Unofficial disclaimer: This plugin is unofficial and does not include content replicating any specific movie, TV series, or game franchise.

Conclusion

If you want to add science-fiction styled visual feedback to the DSH web interface, this skin provides a complete solution from background visuals to interactive effects. The project source code is available on GitHub.