Skip to content

[Bug] 0.1.7-rc.2 上「+批注」/「添加批注」面板背景半透明,内容难以辨认(--dsw-specific-menu token 语义变化?) #69

Description

@Ztyss

[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 截图

Image

附注

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions