1901243 - The "Personalize" icon is barely visible when displayed on the "Search Bar and an opposite color wallpaper to the theme is set

Status: NEW

(Firefox :: New Tab Page, defect)

Description

[Marius Coman [:mcoman], Ecosystem QA]

Attachment: rec of the issue.gif

[Affected versions]:

• Firefox Nightly 128.0a1 - Build ID: 20240606154042

[Affected Platforms]:

• Windows 10 x64
• macOS 14.1.1
• Ubuntu 22.04

[Prerequisites]:

• Have the following prefs in the "about:config" page:
  • browser.newtabpage.activity-stream.newtabWallpapers.enabled set to true
  • browser.newtabpage.activity-stream.newtabWallpapers.v2.enabled set to true
• Have the "Dark" browser theme set from the "Themes" section of the "about:addons" page.

[Steps to reproduce]:

1. Open the browser using the profile from the prerequisites.
2. Open a New Tab and click the "Personalize" button from the top-right part of the page.
3. Select a light color theme.
4. Scroll down the page until the in-content "Search Bar" is stuck on the top of the screen.
5. Observe the "Personalize" button.

[Expected result]:

• The "Personalize" button is fully visible.

[Actual result]:

• The "Personalize" button is barely visible.

[Additional Notes]:

• The issue is not reproducible if a wallpaper with the same color as the browser theme is set.
• The issue is not reproducible if no wallpaper is set.
• The issue is not reproducible if the "Personalize" button is not displayed on the "Search Bar".
• Attached a screen recording of the issue.