Introduction¶

The philosophy of DSH is “everything is a plugin,” and the chat area of the Web GUI can be reskinned just like any other part. When developing agents, the chat area is where you spend the most time, and the default style can easily become fatiguing after a while: rounded corners, gradients, and soft shadows are all sources of “generic feel.” dsh-pixel-crt is a DSH plugin maintained by community author kingdawangXTA, belonging to the “Fun Skins” category. It does one simple thing—transforms the chat area and input area of the Web GUI into a dark CRT pixel style: hard 2px borders, blocky shadows, bitmap-style titles, and scanlines. Sidebars, title bars, and other panels remain default, keeping layout and font size untouched.

Below is an introduction to what this plugin does, how to install it, and known limitations.

What is it¶

One-sentence definition: A pure frontend DSH Web GUI skin bundle that only affects the chat area ([data-conversation-region="chat"]) and input area ([data-conversation-region="composer"]) of the conversation region.

Maintainer: kingdawangXTA. Category: Fun Skins. Repo address at the end. License: MIT.

It does not introduce any backend routing, configuration, or state, nor does it write files to disk. Uninstall by simply disabling or removing the bundle.

Core Features¶

1. Redefine color scheme inside the chat and input areas: near-pure black background, cyan accent color, and zero border radius. Any component reading --dsw-alias-* variables will automatically follow this token set.
2. Add pixel-art “furniture”: 2px borders, 3px 3px 0 blocky shadows, displacement on press, flat code blocks, square scrollbars, cyan cursor, and pixel selection.
3. Switch titles and buttons to bitmap fonts (Unifont / Zpix / WenQuanYi Zen Hei Sharp, depending on what is installed in the system). Body text remains the original 14px and system font—bitmap fonts get blurry at small sizes, so body text is left untouched.
4. Use a layer of repeating gradient for a slight scanline effect.

What it explicitly does not do¶

This part is as important as the features; a dedicated section is listed in the README:

• It does not touch any panels outside the sidebar and conversation area; the title bar remains default.
• It does not change message layout, spacing, or font size. Nothing is moved, only the skin is changed.
• It is a pure frontend bundle: no host routing, no configuration options, no persistent state.

Installation and Usage¶

Installation commands come directly from the README; do not try to guess the command by the repo name like dsh plugin add github:owner/repo.

One way is to let the plugin manager install from the repo, passing the repo URL to the command:

dsh plugin add <this-repo-url>

Another way, if code has been cloned, is to point the plugin manager to the local checkout:

dsh plugin install ./pixel-crt

After installation, you need to reload the Web GUI for it to take effect. To uninstall, simply disable or remove the dsh-pixel-crt bundle.

Typical “Contrast Correction”¶

The most common pitfall with dark skins is that some components hardcode their background color in local variables (e.g., --deliverable-fill), or calculate colors on the fly with color-mix(#fff 50%, transparent), bypassing --dsw-alias-* alias tokens. The result is some light-colored cards left on a dark background with light text; a typical scenario is filenames becoming unreadable.

The handling method of this bundle is: after every render, a “contrast sweep” runs. The logic is simple—if an element lands on a light background and its text is also light, darken that background. Deep dark surfaces and cards with “light bottom, dark text” are left untouched. The sweep is debounced to avoid repeated scanning on every render.

Known Roughness / Limitations¶

The README lists three points, worth evaluating before installing:

• Narrow buttons with icons appear bulky under a 2px border.
• All titles collapse to 16px. Bitmap fonts are only clear on grid sizes like 12/16px, so font size hierarchy cannot be achieved.
• The scanline is just one CSS rule; if you don’t want it, delete the corresponding background-image line.

The third point also explains the actual implementation logic of the skin: the core is CSS rewriting scoped to data-conversation-region, so the adjustment cost is low.

Applicability and Considerations¶

Suitable for: People who want a unified dark, pixel-art skin in the Web GUI without changing the structure; and those who want to see the actual effect of the contrast sweep. Pixel fonts only work at specific font sizes, so it is not suitable for those pursuing complex typography hierarchy.

Two points to note:

1. The plugin runs within the permissions of the current dsh process; you should check the source code and license before installing. The license for this plugin is MIT, and the source code is small enough to read directly.
2. The <this-repo-url> in the install command needs to be replaced with the actual repository address; the README only provides it as a placeholder.

Conclusion¶

The value of dsh-pixel-crt lies in its small and clear scope: it only changes the look and feel of the chat and input areas, leaving layout, data, and disk writes untouched. People who want to change the skin can try a CRT-style skin at low risk; if not satisfied, they can remove the bundle. It is worth noting that the community directory it resides in is an independent site and has no official affiliation with DeepSeek / Quantum (Fangfang), nor is it an official app store.

• Directory page: https://www.skillhub.cn/plugins/kingdawangXTA/dsh-pixel-crt
• GitHub: https://github.com/kingdawangXTA/dsh-pixel-crt