Notifications panel is see-through in dark theme: the side panel's text shows through it

Open Beginner friendly
#7,989 2 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
76/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
css
Domain
frontend

Research direction

The bug is in the background of the .notification-center selector, which the report says uses an rgba color with alpha 0.92 and no backdrop blur. Find the stylesheet that defines that selector and check the dark-theme rule for it. To verify, open a chat with the right-hand panel in dark theme, click the bell with a notification present, and confirm the panel text no longer shows through. Done when the panel is opaque in dark theme and the notification list looks right in light theme too.

Written by the indexing model from the issue text.

Description

agent-ui bug needs-human p3

Notifications panel is see-through in dark theme: the side panel's text shows through it.

Steps

  1. Dark theme, a chat open with the right 'This chat' panel.
  2. Click the bell (Notifications) with at least one notification.

Expected: An opaque panel.
Actual: Text of the panel underneath ('This chat', 'Websites None from GAIA's web tools', 'Cost About $0.0011') is visible inside the notification list; .notification-center background is rgba with alpha 0.92 and no backdrop blur.

Build: v0.26.0-rc24 packaged Windows app (isolated profile, chat on a cloud model)
Found by: the v0.26.0-rc24 final release test, finding F27

🔍 Technical details
  • Suspected area: NotificationCenter css .notification-center background
Dominant language
Python
Stars
1.6k
Forks
169
Avg merge
12h 19m
Merged PRs (30d)
777

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from amd/gaia

All issues in amd/gaia

Similar issues

More Python issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.