dsh-ui-crystal
Crystal — a polished blue-violet UI theme for the DeepSeek Harness web shell, with a DeepSeek 鲸鱼娘 (whale-girl) background. Pure-CSS client plugin.
The plugin will be installed here. Keep web if you are unsure.
npx -y @deepseek-ai/dsh plugin --profile web add github:gityanglijun/dsh-ui-crystal#37e321c2a53cf924ce9278c3ca0b6827cf3bcca0
Ui Crystal is published as dsh-ui-crystal and currently resolves to version 1.0.0. The Hub verifies its manifest and preserves the exact installation source for reproducible installs.
Crystal — a polished blue-violet UI theme for the DeepSeek Harness web shell, featuring the DeepSeek 鲸鱼娘 (whale-girl) as a seamless background companion.
为 DeepSeek Harness 网页端打造的水晶主题：深蓝紫配色 + 鲸鱼娘立绘背景，纯 CSS 客户端插件，无需构建、零依赖、即插即用。
| Area | Effect |
|---|---|
| Dark palette | Deep blue-violet scale replaces the stock gray-blue; vivid DeepSeek-blue accent |
| Light palette | Airy blue-tinted white, refined shadows |
| Brand / buttons | Blue → violet gradient primary fill, matching hover states |
| Composer | Glassy translucent input card with backdrop blur and a focus glow |
| Conversation | Soft ambient glow behind the chat column |
| Scrollbars | Blue-violet floating pill thumb (WebKit) + tinted Firefox thumb |
| Background | 鲸鱼娘 transparent PNG embedded as WebP (40% alpha light / 60% dark), zero-scrim, seamless |
| Background switcher | 🎨 可拖动按钮：27 张内置透明壁纸 + 本地图片上传（canvas 压缩后持久化）+ 透明度滑块 + 角落/全屏展示方式 + localStorage 记忆 |
| 桌面宠物 | 🐋 7 个透明动画（idle/walk/dance/eat/wave/kick/punish，AE 渲染 PNG 序列→动画 WebP），状态机自动切换（闲逛→散步移动→久置入睡），走路带位移 + 镜像朝两个方向，可拖动，点击唤出面板 |
| Typography | Nicer UI / code font stacks (full CJK fallbacks) |
assets/backgrounds/，刷新后自动出现在列表（由插件 Node 端伺服，无需重新构建）。内置图片已做白底转透明 + 水印清理（node make-transparent.mjs 可对新增图片重复执行）A pure-CSS client plugin in the DSH sense: the package declares
dsh.client and exposes a ./client bundle that the web shell materializes.
Materializing injects one <style> tag that overrides the harness's
--dsw-* design tokens plus a few stable attribute-hooked surfaces, and
builds the background layer + switcher UI. No server logic, no dependencies,
no build step for consumers.
📖 完整部署文档见 DEPLOY.md（一键脚本、一行命令、验证、故障排查、卸载）。
一键部署（推荐）：
git clone https://github.com/gityanglijun/dsh-ui-crystal.git
cd dsh-ui-crystal
node deploy.js # 官方 dsh plugin 流程 + bundle 自动激活 + 校验
dsh web # 重启一次
纯命令一行部署：
dsh plugin --profile web add "github:gityanglijun/dsh-ui-crystal#main"
dsh web
本包声明 dsh.bundle.patch（cordis.patch.yml），因此 dsh plugin add 会
自动把它加入 dsh.profile.bundles，启动时自动插入 loader 行——无需手动
编辑任何 profile 文件。之后编辑 client.js 经 client-hmr 热更新，无需重启。
dsh plugin --profile web remove dsh-ui-crystal
dsh web
The theme's readable source lives in src/styles.css; the whale art in
assets/. client.js is a generated artifact — rebuild it after changes:
node build.js # src/styles.css + assets/*.webp -> client.js
| Want | Where |
|---|---|
| Bigger / smaller | background-size: auto 92vh in src/styles.css |
| Stronger / fainter | regenerate assets/whale-light.webp (40% alpha) / assets/whale-dark.webp (60%) |
| Different art | swap the WebP files (keep transparency), then node build.js |
| Reposition | background-position: calc(100% - 6px) 100% |
To regenerate the alpha variants from a source PNG with sharp:
// multiply the alpha channel, e.g. 0.4 for light / 0.6 for dark, then
// .webp({ quality: 82 }) and save into assets/