sujiu0616-art/DSH-CustomWallpapers-Glassmorphism-Theme

README 摘要

dsh-custom-skin DeepSeek Harness Web UI 的模块化玻璃风皮肤。 将 plugins/client.js 放入 /.dsh/profiles/web/plugins/ 目录，重启 DSH 即可生效。皮肤通过 HMR 每 500ms 轮询热替换，不生效时 Ctrl+F5 强制刷新。 功能 - 极光背景 ：四辉光静态渐变，设置面板可调主色相（0-360）和浓度（0-160%），深浅色各一套 - 模块化玻璃卡片 ：侧栏三模块（logo 区 / 会话列表 / 底部动作区）+ 新会话按钮，统一 14px 圆角 - 鎏金 logo ：鱼形图标 + 「探索未至之境」标题，金色渐变 + 呼吸闪烁 - 壁纸 ：URL / 本地图片 + 模糊（0-40px）/ 磨砂（0-100）/ 着色（0-100）三滑杆，localStorage 持久化 - 主题切换 ：侧栏底部浅 / 深色切换（跟随系统折叠为产品默认） - 余额卡片 ：dsh-balance-monitor 插件适配，实时余额 + 剩余比例条 + 今日花费 - 对话流玻璃卡片 ：AI 回复 / 工具调用 / 过程节点各自独立玻璃卡，嵌套节点透明化 - 深 / 浅色全适配 ：32 个主题 token × {light, dark}，文字高对比度（ 9:1+） - 光影重平衡 ：浅色模式高光 / sheen / 阴影独立调校，深色模式低透明度原生和谐 - 滚动守护 ：对抗内容塌缩与原生锚定导致的阅读位置漂移（按顶锚点行补偿），跟底保持器防止跟底失效； window. scrollDiag 为诊断入口 技术要点 - 单文件 plugins/client.js ，通过 window. ModuleLoader .load() 注册，零外部依赖 - 样式表按职责分节（A–P），每节注释职责；单一数据源，同选择器同一属性只声明一次 - !important 仅用于余额卡内联圆角反制（唯一例外） - 壁纸图层由插件 apply() 作用域持有，设置面板关闭不销毁 - backdrop-filter 只用于 logo 区 / 会话列表（不含浮层的祖先），footArea 例外（内含设置弹窗） 已知问题与注意事项 - backdrop-filter 创建包含块会困住固定 / 绝对定位浮层（设置弹窗、头部后台任务面板两个案例） - box-sizing 不继承， button 在 flex 中不自动拉伸 - 拆除玻璃卡必须同步从 O 节 sheen 组移除（否则透明容器留方角残影） - 产品「环境自适应」装饰（如列表底部渐隐 .qDHVXG fade ）换肤后最易显形

分类