@deepseek-ai/dsh-client-ui-arknights-background

English | 中文

Browser-only background plugin: paints the Arknights wallpaper (apps/web/public/arknights-wallpaper.webp, served from the built frontend at /arknights-wallpaper.webp) over the web shell. The client bundle's entire effect is one stylesheet (src/client/arknights.module.css), injected as a <style data-plugin> tag when the bundle materializes.

The sheet paints the wallpaper on body under two gradient layers — a vertical readability veil whose stops follow the art's own shading (dark blue-gray sky, light center, warm dark foreground) plus a radial vignette — and a body::before aurora of two soft color glows slowly rotates and scales above the wallpaper (disabled under prefers-reduced-motion). The full-viewport shell surfaces are lifted so the art shows through: every slot render is wrapped in a [data-slot="<key>"] anchor (display: contents), so the AppFrame (#root > [data-slot="root"] > div) becomes transparent and the conversation column root ([data-slot="conversation"] > [data-phase]) is lifted too, with the composer seat's fade band cleared as well; the sidebar keeps a translucent dark gradient through its --dsw-specific-sidebar-fill token. The coding surfaces — markdown code fences (.md-code-block) and the terminal/file-read/diff/search/web tool blocks ([data-terminal], [data-read], [data-diff], [data-search], [data-web]) — become frosted glass over the wallpaper: a translucent gradient fill plus a 12px backdrop blur, with the fence banner and inner pre made transparent, so code stays readable while the art shows through. Cards, dialogs, and the details panel keep their own opaque token backgrounds, so dense UI stays legible.

The shell selectors track the slot-system DOM rather than hashed class names (documented in the stylesheet): each slot render is anchored by a [data-slot="<key>"] wrapper, the AppFrame is its > div, and [data-phase] is the conversation column root's always-present attribute. Both are asserted by the package spec.

Model Experience

None, as the plugin is a browser-side paint layer; nothing here reaches a model request.

KV Cache effect

None; this package neither assembles nor sends a provider request.

Known Limitations and Deferred Work

• Structural selectors — the transparency overrides match the shell DOM positionally; a future shell that wraps the AppFrame or the conversation root in another element would need the selectors updated (the spec pins the current contract).
• Fixed image URL — the wallpaper path is a frontend-dist literal (/arknights-wallpaper.webp); swapping the art means replacing apps/web/public/arknights-wallpaper.webp and rebuilding the web bundle.