dataizu/dsh-whale-aqua-theme

README 摘要

🐋 鲸蓝戏水 · DSH Whale Aqua Theme 给 DeepSeek Harness Web GUI 用的 macOS 风格主题 + 水中鲸鱼动态背景 。 适用于本地运行的 DeepSeek Harness Web 界面。 🖼️ 预览 截图与动图来自仓库内 demo/preview.html (纯演示页,使用真实主题 CSS 与背景脚本,内容为虚构示例)。 🎬 动态效果(鲸鱼游动 + 气泡 + 喷水 + 水母发光) 浅色模式(运行中) 鲸鱼发送按钮(三种状态) 未发送(空闲,静态鲸鱼): 输入文字时(鲸鱼保持静态,仅输入框有内容): 发送之后(运行中:摆尾游动 + 喷水泡 + 蓝色呼吸光环 + 水母发光): 深色模式 设置面板 轨迹视图 ✨ 效果一览 - 水中鲸鱼背景 :极淡水色渐变(底部透明)+ 上升气泡(水面爆开)+ 点阵鲸鱼巡游(S 形行进波、尾部大摆、受惊吐泡) - 鲸鱼发送按钮 :官方鲸鱼剪影,空闲静态;运行时头顶喷水泡 + 蓝色呼吸光环(选择器已做跨版本兼容) - 苹果风皮肤 :macOS 配色(明/暗双主题)、克制圆角、毛玻璃菜单、Finder 式选中、水母发光输入框、磨砂对话区、设置面板统一化、轨迹彩色方框徽章 - 低开销:DPR 1.25、24fps、失焦/隐藏自动暂停、按钮动画按需绘制 ⚠️ 版本兼容性(必读) 本主题分两部分,兼容性不同: 部分 跨 DSH 版本兼容性 背景动画 + 发送按钮鲸鱼 (index.html 脚本、whale-icon.css) ✅ 任意版本可用 ——只依赖稳定 DOM 特征( data-composer-card 属性、 primary 类后缀、canvas) 皮肤样式 apple-style.css (侧边栏/设置/轨迹等) ⚠️ 依赖编译类名 ——不同 DSH 版本的 CSS 类名哈希不同,可能部分或全部不生效 如果某部分皮肤没生效:在该页面按 F12 → 用选择器检查目标元素的实际类名(形如 xYz123 row ),把 apple-style.css 中对应的哈希前缀替换成你版本里的前缀即可(类名后缀如 row 是稳定的)。 🤖 一键 AI 部署(最推荐) 把下面代码块 原样复制 给你的 AI(DeepSeek Harness / Claude Code / ChatGPT 均可),让它自动完成定位、备份、复制和拼接,任何 DSH 版本都可执行: cp /index.html /index.html.bak cp /apple-style.css /apple-style.css.bak 2 /dev/null true cp /whale-icon.css /whale-icon.css.bak 2 /dev/null true cp /apple-style.css /app…

分类