ssf13546/dsh-delta-theme: A dark interface theme with changeable wallpapers for DSH

Introduction

DSH’s interface style defaults to following the host appearance. If developers use a chat window for a long time, the default color scheme may not be convenient. If one wants to create a non-official dark theme, the difficulty usually isn’t in the color scheme itself, but lies in three areas: whether it can override the appearance without modifying host configuration, whether custom panels can be mounted, and how to handle the persistence of local wallpapers and parameters.

Below is an introduction to ssf13546/dsh-delta-theme maintained by ssf13546. It is a non-official DSH dark theme inspired by the Delta Force interface style, categorized as “Fun Cosplay” in the community directory, with 14 stars listed on the directory page. It does three things: unify the color scheme of messages, menus, pop-ups, file cards, and code highlighting into charcoal gray plus mint green; provide a background settings panel for local wallpapers, blur, and masks; and change the appearance to dark without modifying DSH’s saved appearance preferences. The author explicitly states there is no affiliation with the game’s official side, and the default background and icons are original, without game wallpapers, logos, or fonts attached.

What is this

One-sentence positioning: A DSH plugin that only affects interface presentation, overriding colors, backgrounds, and some layouts via a client-side approach. The maintainer is ssf13546, repository address https://github.com/ssf13546/dsh-delta-theme, internal package name @local/delta-force-ui, current version 1.1.1, MIT license, copyright ssf13546.

It solves the requirement “want to use a fixed dark look in DSH and switch to their own local image as background”, rather than providing conversation capabilities or workflows. The author did not publish it to npm, private: true is only used to prevent accidental publishing, and installation is done via the Git address.

Core Features

Unified theme colors: Charcoal gray panels with mint green accents, covering messages, menus, pop-ups, file cards, and code highlighting. It presents a dark theme under both light and dark host appearances, while not modifying DSH’s saved appearance preferences, and will not leave modified host settings after being disabled.

The background settings panel is on the bottom left of the input box, displaying local time on the right. Click outside the panel or press Esc to close. Wallpaper supports PNG, JPEG, WebP, single file max 20MB, optional 0–30px blur and 55%–95% mask, defaults are 12px and 75%.

There is a trade-off in layout: hiding the conversation top title, keeping the sidebar session title, changing the side positioning marker to a transparent background, the purpose being to prevent the wallpaper from being fragmented by the title bar and marker blocks.

Installation and Activation

Currently, the declared verified host version is DSH 0.2.1-rc.5. The host needs to be re-verified after updates. The installation address is fixed to the full commit of the 1.1.1 trial version source code, formatted according to the official installer check:

https://github.com/ssf13546/dsh-delta-theme.git#e0a3b032ea8e7490bec066256bfeca5bc3f08493

Open “Plugins” on the left side of DSH, click “Add Plugin”, paste the complete address above into “Package name or address”, and follow the interface prompts to check and confirm installation:

https://github.com/ssf13546/dsh-delta-theme.git#e0a3b032ea8e7490bec066256bfeca5bc3f08493

After installation, confirm the theme is enabled, refresh the DSH page if the page hasn’t updated. You can also send the following message to the DSH assistant:

请帮我安装这个 DSH 主题插件:
https://github.com/ssf13546/dsh-delta-theme.git#e0a3b032ea8e7490bec066256bfeca5bc3f08493
请先检查宿主版本与插件来源,再按正常安装流程让我确认。

The way to disable is to disable “Delta Style Theme” on the plugin page. If the Chinese name is not displayed, search by the internal package name @local/delta-force-ui. The author suggests enabling only one interface theme at a time.

Typical Usage

After installation, no need to modify configuration files, just open any conversation to see the effect. The path to changing the wallpaper is: click “Background Settings” below the left side of the input box, select a local image, drag the blur and mask sliders, and confirm, the settings will be saved.

If you want to adjust the look, refer to two suggestions from the README: set blur to about 8–12px to avoid fragmented background interfering with text; adjust mask based on image brightness, increasing the mask for bright images can ensure text contrast. If not satisfied after changing, use “Restore Original Background” to clear the selected image and restore default parameters (12px / 75%).

The way wallpapers are handled is: shrink them on the local machine to the longest side of 1600px and convert them to JPEG, saving them together with parameters in the current DSH source’s localStorage, without uploading. The processed image does not retain the original file format and transparency. Settings are not shared between different browsers or addresses, and clearing site data will delete the settings. An error will be displayed if the encoded result is too large or storage space is insufficient, and original settings will be retained. The plugin itself does not initiate network requests and does not read conversation content. You need to confirm the usage rights of the images used; the author states the published package does not contain personal wallpapers or conversation screenshots.

Applicable Scenarios and Notes

Suitable for two types of people: developers who want to use a fixed dark look in DSH and are willing to select local wallpapers themselves; and those who want to do interface cosplay experiments or want to reference how to override host styles in a client-side plugin. If you are unifying interface specifications for a team, you need to first confirm whether the team’s DSH version number falls on the 0.2.1-rc.5 line.

You should read the source code and LICENSE before installation. The theme uses host tokens, client slots, and some host CSS module class names. The author explicitly wrote that changes in host DOM or class names may affect the effect. In other words, the theme may silently fail or misalign after a DSH upgrade, and re-verification is needed. This plugin runs with the permissions of the current DSH process, in other words it can see your session interface, so it is worth taking a look at the code yourself rather than just installing based on the market page description. The author also mentioned “actual installation for a fresh profile has not been verified”, and if you encounter problems, attach the DSH version and error information in Issues, obscuring private content in screenshots.

Regarding verification, the author provides two commands without third-party dependencies:

npm test
npm run pack:check

npm test runs syntax checks, readability tests, and wallpaper tests sequentially; npm run pack:check checks the contents of the publish package using npm pack --dry-run --ignore-scripts. Automatic checks cover syntax, color contrast in two appearances, nine types of Shiki highlighting colors, as well as wallpaper storage verification, batch preview of sliders, save failure rollback, panel closing, and event cleanup. The author also explicitly states that token contrast tests cannot replace real interface acceptance.

The scope of completed real-machine spot checks currently includes body text, links, inline code, narrow panel background settings, clicking blank space to close, and model menus. Items still requiring real-machine acceptance include real code blocks, upload failure cards, disabled buttons, appearance recovery after disabling, and re-enabling. Details are in the repository’s RELEASE-CHECKLIST.md.

Conclusion

The value of this theme lies in placing “dark look + local wallpaper” in an independent client-side plugin, without modifying host appearance preferences or making network requests. It corresponds to the specific demand of interface cosplay, with clear functional boundaries, while the author has also written compatibility risks in the README, where it is possible to check which are verified and which are not.

Directory Page: https://www.skillhub.cn/plugins/ssf13546/dsh-delta-theme

Source Code Repository: https://github.com/ssf13546/dsh-delta-theme

The community directory is a third-party index and has no official affiliation with DeepSeek / Huanfang.

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye