issue: (or feature request for change) event popups hard to read on default – grey on light grey

问题场景

在 Open WebUI 中创建一个 Tool 并让它在执行时弹出事件弹窗（event popup），且弹窗使用默认格式、没有做任何 Rich UI 或自定义 CSS 调整。此时在普通模式（非 Accessibility Mode）下，弹窗中的文字与背景对比度过低，用户几乎无法阅读弹窗内容。该问题出现在需要用户注意的提示弹窗上，影响更明显。

报错原文

issue: (or feature request for change) event popups hard to read on default - grey on light grey

原因分析

可能原因是 Open WebUI 0.11.x 的默认主题把弹窗文字渲染为 muted grey，而弹窗背景又是浅灰，二者对比度不足。维护者在评论中已确认：对话框里的 muted grey 是默认设计，Accessibility Mode 才会把它提升到可读对比度（关联 #27556）。因此该现象更接近“默认主题的可读性设计取舍”，而不是渲染错误或配置失效。

环境排查

• Open WebUI 版本：0.11.4 以及当时的 dev 最新版
• 安装方式：Docker
• 操作系统：Windows 11
• 浏览器：Chrome 最新版
• 同时确认是否处于 Accessibility Mode（无障碍模式会改变对比度表现）
• 确认弹窗是否使用了自定义 Rich UI / 自定义事件 CSS（自定义样式会覆盖默认外观）
• Ollama 版本信息在 Issue 中未提供

解决步骤

1. 先确认现象：使用默认格式创建一个带事件弹窗的 Tool，让 AI 调用它触发弹窗，观察普通模式下文字与背景的对比度。
2. 可优先尝试开启 Accessibility Mode，看弹窗文字对比度是否提升到可读水平；这是 Issue 中维护者指出的可读对比度来源。
3. 如果不想全局切换无障碍模式，可优先尝试为该事件弹窗使用 Rich UI 或自定义事件，自行指定 CSS 颜色（这是 Issue 中提到的有效 workaround）。
4. 如果目标是改变系统默认配色，这属于功能建议：该 Issue 已被维护者移入 Ideas，需要关注相关讨论或上游默认主题变更，而不是等待一个补丁修复。
5. 排查时留意与同类对比度问题是否相关：#27601（0.11 字体与样式可读性、WCAG、hover）、#29031（高对比模式下聚焦环位置）、#29510（浅色主题下 UI 文字不可见）。

验证方法

触发同一个事件弹窗，在普通模式下确认文字是否清晰可读；若开启 Accessibility Mode 后弹窗文字对比度明显提升且内容可辨，即说明问题来自默认主题的灰色对比度设计，而非工具或事件本身出错。

参考来源

open-webui/open-webui #31457

关联讨论：#27601、#29031、#29510

AI 工具推荐

想把多个 AI 模型放在一个入口？

GamsGo AI 集成 ChatGPT、DeepSeek、Gemini、Claude、Midjourney、Veo 等常用模型，适合写作、绘图、视频和日常 AI 工作流。

了解 GamsGo AI

推广链接：通过此链接购买，我可能获得佣金，不影响你的价格。