[Bug] 0.1.7-rc.2 上「+批注」/「添加批注」面板背景半透明,内容难以辨认
环境
- 插件:
@changfenhuang/dsh-annotation 1.4.10(npm latest)
- 内核:DSH 0.1.7-rc.2
- 宿主:DSH Desktop NEXT 2.0.15-next,Web GUI(浅色主题)
- 对照基线:DSH 0.1.5-rc.2 + 1.4.10 面板背景不透明、正常可读
现象
选中助手文字后,「+批注」操作卡与「添加批注」编辑面板背景变成半透明,面板文字与下层聊天内容混叠,基本看不清;输入框占位文字也难以辨认。选区高亮、编号脚标等功能本身正常。
根因分析(供参考)
两个面板的背景都来自同一个主题 token(1.4.10 client.js,.dsh-ann-card 区域,另 chips 层与 toast 亦同):
.dsh-ann-card {
…
border: 1px solid var(--dsw-alias-border-inverted);
background: var(--dsw-specific-menu, #2c2c2e);
box-shadow: var(--dsw-shadow-lv3);
…
}
回退值 #2c2c2e 是不透明的——既然实际渲染半透明,说明 rc.2 的新主题把 --dsw-specific-menu 定义成了半透明值(新主题的菜单层改毛玻璃/半透明风格),而批注面板没有配套的 backdrop-filter: blur(),半透明背景直接叠在聊天正文上,内容混叠。
即:不是变量缺失(缺失会走不透明回退值),而是 token 语义在 0.1.7 线发生了变化(从不透明菜单色 → 半透明菜单色)。
建议修复
- 面板背景改用不透明别名(如
--dsw-alias-bg-overlay / --dsw-alias-bg-base,并保留不透明回退),或
- 检测到半透明 token 时给面板补
backdrop-filter: blur(12px) 等毛玻璃处理
冒烟测试
- 环境(DSH / 插件版本): DSH 0.1.7-rc.2(DSH Desktop NEXT 2.0.15-next)/ 1.4.10
- 执行步骤与观察结果: 选中助手文字 → 出现「+批注」操作卡与「添加批注」输入面板 → 两面板均为半透明、下层正文透出、内容难以辨认;选区高亮与编号脚标正常
- 对照 / 历史版本差异: 0.1.5-rc.2 + 1.4.10 面板不透明、正常;深色主题下未测
Bug 截图
附注
[Bug] 0.1.7-rc.2 上「+批注」/「添加批注」面板背景半透明,内容难以辨认
环境
@changfenhuang/dsh-annotation1.4.10(npm latest)现象
选中助手文字后,「+批注」操作卡与「添加批注」编辑面板背景变成半透明,面板文字与下层聊天内容混叠,基本看不清;输入框占位文字也难以辨认。选区高亮、编号脚标等功能本身正常。
根因分析(供参考)
两个面板的背景都来自同一个主题 token(1.4.10
client.js,.dsh-ann-card区域,另 chips 层与 toast 亦同):回退值
#2c2c2e是不透明的——既然实际渲染半透明,说明 rc.2 的新主题把--dsw-specific-menu定义成了半透明值(新主题的菜单层改毛玻璃/半透明风格),而批注面板没有配套的backdrop-filter: blur(),半透明背景直接叠在聊天正文上,内容混叠。即:不是变量缺失(缺失会走不透明回退值),而是 token 语义在 0.1.7 线发生了变化(从不透明菜单色 → 半透明菜单色)。
建议修复
--dsw-alias-bg-overlay/--dsw-alias-bg-base,并保留不透明回退),或backdrop-filter: blur(12px)等毛玻璃处理冒烟测试
Bug 截图
附注