Bottom Bar overlay doesn't affect icon color

App version

Production

Issue description

Specifically in Light mode when using Animated Glow as the NPS background, the “Default” color does not change from white → black when enabling an overlay for the Bottom Bar.

“Per item” style overlay correctly changes the icons to black. All other styles leave white icons on white overlay, which is often hard to see.

Device type

Phone

Media provider

All

Steps to reproduce

  1. Set app to Light mode.
  2. Set NPS background to Animated Glow.
  3. Enable an overlay for the Bottom Bar (any except “Per item”)
  4. Ensure Bottom Bar icons are set to “Default” color
  5. View preview. Bottom Bar colors are white-on-white
  6. Swap to any other NPS background style and view preview. Bottom Bar will correctly have black icons on top of a white overlay.

Additional information

Dark mode always has white icons on a dark overlay, so is not really affected.

Pic 1: “Album Art” background, “Opaque” overlay. Icons are correctly changed to black
Pic 2: “Animated Glow” with “Opaque” overlay. Icons fail to change to black.
Pic 3: “Animated Glow” with “Per item” overlay. Icons are correctly changed to black.

Extra Pic 4: Inverted overlay colors. No visibility of icons.
Not ideal but looks the same with all overlays so not a bug. It just forces use of Primary/Tertiary color instead of Default.

Screenshots




I searched existing issues first

on

I understand that logs are mandatory

on

Log upload name / description

Celorien_BottomBar_Color