Skip to main content

How to use dsh-ui-web

"Whale Chant" deep sea theme skin for dsh web GUI: features an embedded text-free ocean painting background, ice-blue cool color palette, and semi-transparent panels, without affecting model requests and conversation data.

This article is auto-derived from indexed fields (wiki / faq / compatibility_json), not freshly AI-generated.

This article is derived from the plugin's already-indexed fields (wiki / faq / compatibility_json / readme), not freshly generated by AI. Source field is noted at the end of each section.

Quick start

dsh-ui-web

— source: plugin_wiki.wiki_content

Install & verify

dsh plugin --profile web add @captain1275/dsh-client-ui-skin-whale-song

Run the command above in your DSH Web Profile. Then enable the plugin in the plugin list.

— source: plugins.install

Key points

  • 毛玻璃输入框:高斯模糊(backdrop-filter 30px)+ 半透明玻璃底 + 细边框 + 内高光
  • 自定义背景:URL / 本地图片 / 动图(GIF/WebP)/ 视频(mp4/webm) / 透明度 / 模糊调节,
  • 仿Claude Code推理等级滑块:点击模型菜单的「推理等级」弹出 Effort 滑块面板——无极拖动、松手吸附、
  • 用户消息气泡毛玻璃:与输入框统一的玻璃质感
  • 图片资源(社区同人资源,codex-pet-DeepSeek-girl)

— source: plugin_wiki.readme_en (fallback readme_raw)

FAQ

Will this skin affect my conversation history and model requests?

No, it won't. It only modifies the browser DOM (background image, panel colors, favicon), doesn't inject any cordis services, doesn't send requests, doesn't touch the model API, and won't affect KV Cache behavior.

Can I enable multiple skins at the same time?

No. Only one skin can be activated at a time. When switching, the new skin takes over and the old skin is completely uninstalled; use dsh-skin use whale-song to switch.

Will it leave traces after closing?

No, it won't. The effect disposer will revert everything it wrote: remove body attributes, restore the original background image value, disconnect the MutationObserver, remove the injected favicon, and fully restore the original page style.

Why doesn't the interface change after installation?

Installing to the profile doesn't equal activation. You also need to execute dsh-skin use whale-song to apply the skin.

Does it support dark mode?

Yes, it supports. The skin follows the host's base theme: in dark mode, the scrim changes to deep navy blue纱幕, and the palette switches to night navigation color scheme (defined separately in CSS with selectors like body[data-dsh-whale-song][data-ds-dark-theme]).

What makes it different from other skins?

The core of this skin is text-free deep sea ocean artwork + ice blue cool tones + gold thread accents; other themes in the same repository include blue-fantasy (whale girl illustration + indigo), aurora (aurora borealis), etc.

Do I need to modify the source code to adjust background mask concentration?

No, you don't need to. The skin exposes the --dsw-skin-scrim CSS variable (0..1). The skin center or any custom control can write to this variable to adjust the scrim opacity in real time without remounting the skin.

— source: plugin_wiki.faq_json

Compatibility

  • DSH: 0.1.0-rc.6+
  • Node: 未声明
  • Platforms: 跨平台

— source: plugin_wiki.compatibility_json

Pitfalls

Review the upstream repo before installing. This guide is auto-derived from indexed fields and may lag the latest release. If anything contradicts the official docs, treat the upstream source as authoritative.

— source: general rule