New app ignored selected theme on top row

[Esp32-zapper]

Android version(s):
Pixel android 16 update 5th August

Device model(s):
Pixel pro 9XL

Home Assistant version:
2025.8.3
Last working Home Assistant release (if known):
Worked fine with last version of companion app along with same HA core and Android version

Description of problem, include YAML if issue is related to notifications:

Now getting a white header that do not respect selected theme.

Screenshot or video of problem:

Additional information:

[Je-sse]

I am experiencing a similar issue on the tablet (Lenovo Smart Tab M10 Plus - TB-X606F) mounted on my wall that I use to display HA information. The problem started with version 2025.8.7 and persists after manually installing version 2025.8.8.

My companion app is configured to run in full-screen mode, but both a header and a footer are still displayed. The header corresponds to the Android notification area, and the footer corresponds to the navigation bar. If I disable the navigation buttons in the Android device settings, the HA footer becomes smaller.
I use a picture element sized to match the screen, but now I have to scroll to view the full image, which was not required previously.

Additionally, the WallPanel screensaver (HACS add-on) now displays a blue header and a white footer, both matching the size of the Android notification area and navigation bar. These elements were not present previously.

[jpelgrom]

Does the system status bar not using your theme color always happen for you, or only some of the time?

[Esp32-zapper]

Does the system status bar not using your theme color always happen for you, or only some of the time?

On every start.

[Duke-Box]

I have a similar issue on several android phones using Android 9 to current.
(HA is on version 2025.8.3)
I would say the header is obeying the theme ( I can reduce the header height in my theme and it gets smaller or bigger), but the real estate of the notification/status bar of android is being displayed even when the "Full Screen" is on in the app settings. This appears to be similar to the screen shot in the original post.
So, in my case the header looks to be twice the size it should be and this only happened since 2025.8.7
It happens after every restart.
Using default colours in my slightly modified default theme

[Esp32-zapper]

I have a similar issue on several android phones using Android 9 to current. (HA is on version 2025.8.3) I would say the header is obeying the theme ( I can reduce the header height in my theme and it gets smaller or bigger), but the real estate of the notification/status bar of android is being displayed even when the "Full Screen" is on in the app settings. This appears to be similar to the screen shot in the original post. So, in my case the header looks to be twice the size it should be and this only happened since 2025.8.7 It happens after every restart. Using default colours in my slightly modified default theme

It did follow the theme until 2025.8.7-full
Still follows the theme om my ipads and on desktop

[Duke-Box]

All my devices follow the theme colours but all of my devices using the companion app have a header now x2 the height before 2025.8.7 irrespective of android versions.
It works for me on any browser, just not on the companion app, so that suggests its a webview issue.

[TimoPtr]

All my devices follow the theme colours but all of my devices using the companion app have a header now x2 the height before 2025.8.7 irrespective of android versions.
It works for me on any browser, just not on the companion app, so that suggests its a webview issue.

Could you make a screenshot? We do add a fake rectangle below the statusbar and color it with the value that we get from the frontend. But I'm aware of a bug from the frontend where the color return is null for some unknown reason.
The actual fix that we are aiming is having the frontend actually being fully compatible with the edge to edge feature of Android. We have a PR open but it is still in in development phase.

[Duke-Box]

A screenshot of what? I have posted a screenshot (4 posts up) showing the header with the correct theme colour but its height is roughly twice the height it was before. As said previously I suspect this is the Android notification area not being suppressed by "full screen" mode in settings. Maybe that's a red herring.

[TimoPtr]

A screenshot of what? I have posted a screenshot (4 posts up) showing the header with the correct theme colour but its height is roughly twice the height it was before. As said previously I suspect this is the Android notification area not being suppressed by "full screen" mode in settings. Maybe that's a red herring.

What device do you have? To determine the size of this rectangle behind the statusbar we request a system API that gives us a safe area to not draw the dashboard behind something like a camera hole in the screen.

[Duke-Box]

I have a several all showing the same issue.
For example a galaxy J5 on Android 9, a galaxy S 22 Ultra on Android 15, a galaxy A13 on android 14.

I believe it always had the header colour up to the top of the screen i.e around the camera but I cant check as all my devices have updated to 2025.8.7. The dashboard appeared below the header ok as it does now.
My galaxy J5 has no camera at the top of the screen but shows a large header, which it didn't before.

[jpelgrom]

Related: #5539

[Duke-Box]

Ok this is a screenshot of the companion app on my S22 Ultra with full screen off using my dark theme.

And this is with full screen on (same theme)

I'm not sure about it being related to #5539 since it doesn't exhibit those symptoms as seen in the screen shots above.
Edit: looking closer at the screen shots in #5539 it is very similar.

The extra theme coloured box above the header was not apparent to me before 2025.8.7.

[TimoPtr]

If I'm not wrong the S22 Ultra has a notch right? Because of that the Inset API that we are using is giving us a safe area bellow the notch is it the case?

Although I did found an issue on old version of Android (9) where I don't have a notch, but the safeDrawing Inset API is still returning a value for the height for some odd reason WindowInsets.safeDrawing: ((systemBars(0, 63, 0, 0) ∪ ime(0, 0, 0, 0)) ∪ displayCutout(0, 0, 0, 0)). Even the API WindowInsets.areStatusBarsVisible return true.

This issue has been introduced when we've enabled the edge-to-edge capability from newest API.

Once we have the frontend ready for edge to edge home-assistant/frontend#25566 you might be able modify the CSS on your side to bypass the issue on old device or bypass the safe area. But we won't remove this feature as it is needed for the new Android APIs.