home-assistant
Top bar in full screen mode is different color than dashboard background in full screen
Home Assistant Android app version(s): 2025.8.7-full
Android version(s): 16
Device model(s): Pixel 9 Pro XL
Home Assistant version: 2025.11.1
Last working Home Assistant release (if known): n/a
Description of problem, include YAML if issue is related to notifications:
There is a bar at the top when in full screen mode. it is not the same color as the background so it's a bit jarring. I get that there is the camera hole, so not sure if it needs to be accessible for actual elements (though it would be nice so I can work around it). Attached is a screenshot. It is my understanding that in light mode the bar is white, which again would be jarring.
Companion App Logs:
Screenshot or video of problem:
Additional information: Ideally at the very least the bar at the top would be the same color as the background color for the dashboard you are on.
This was requested that I create this new issue from #5539 by @TimoPtr
Is this just for full screen? If not, the status bar color is taken from --app-header-background-color in CSS (for now). As you have a custom theme, can you check that variable to see if it matches the status bar?
Check what @jpelgrom proposed. Then we also have a known issue where we are checking this --app-header-background-color color from the CSS. Unfortunately the frontend might not be loaded when we do this query and result in wrong color being used.
We should address that while reworking part of the WebViewActivity, which is going to take time.
My top bar completely disappears with the new HA version. It's just there for a second at startup and then it's gone :/ tried multiple themes and also the Standart theme. I shouldn't have changed anything I believe that could trigger it but I will research further. Maybe kiosk mode is triggered somehow? When I open HA in chrome on the Smartphone it doesn't happen.
Is this just for full screen? If not, the status bar color is taken from
--app-header-background-colorin CSS (for now). As you have a custom theme, can you check that variable to see if it matches the status bar?
It is in full screen but I'll check that. This does it even in my other dashboard which is not a custom theme.
My top bar completely disappears with the new HA version. It's just there for a second at startup and then it's gone :/ tried multiple themes and also the Standart theme. I shouldn't have changed anything I believe that could trigger it but I will research further. Maybe kiosk mode is triggered somehow? When I open HA in chrome on the Smartphone it doesn't happen.
Interesting thought. I am using kiosk mode to hide the top menu bar so maybe that is it.