当使用主题通知下拉菜单(Watching/Tracking/Normal/Muted)时,当前选定项目的文本和图标由于选择背景色和前景色的对比度不足而变得不可见。
复现步骤
-
打开任何主题
-
点击主题底部的通知铃铛按钮
-
观察当前选定的通知级别(例如,“Tracking”)
预期行为
选定项目应具有清晰可见的文本和图标,并具有良好的对比度。
实际行为
- 文本标签消失或变得非常难以阅读
- 铃铛图标变得不可见
- 该问题在深色主题中最为明显,但也可能影响任何主题,具体取决于调色板
技术细节
在 app/assets/stylesheets/common/select-kit/select-kit.scss 中,.is-selected 状态仅设置背景色,但未确保前景对比度:
&.is-selected,
&.is-selected.is-highlighted {
background: var(--d-selected);
// 没有针对文本或图标的颜色覆盖
}
--d-selected CSS 变量来自主题的 $selected 颜色,但文本(.name、.desc)和图标(.d-icon)保留其默认颜色,这些颜色可能与选择背景的对比度不佳。
截图
[注意:我本来想添加图标在选中状态下消失的另一张图片,但我现在是新手,一次只能添加一张图片。]
环境
- Discourse 版本:latest
- 浏览器:Edge
- 主题:Foundation 主题
