Align status bar color using same var as front end

[bgoncal]

Summary

Reopening this PR now that home-assistant/frontend#20758 is implemented

Screenshots

Link to pull request in Documentation repository

Documentation: home-assistant/companion.home-assistant#

Any other notes

[oerix]

Issue still persists when opacity is set as transparent (rgba). I haven't tested it with solid colours however.

- HA: 2024.7.4
- HA iOS app: 2024.7 (2024.730)

[bgoncal]

Issue still persists when opacity is set as transparent (rgba). I haven't tested it with solid colours however.

- HA: 2024.7.4

- HA iOS app: 2024.7 (2024.730)

This PR was not meant to handle any kind of opacity colors.

[oerix]

Issue still persists when opacity is set as transparent (rgba). I haven't tested it with solid colours however.

- HA: 2024.7.4

- HA iOS app: 2024.7 (2024.730)

This PR was not meant to handle any kind of opacity colors.

My bad, but are there not any PR created? If not, I'll create one.

[bgoncal]

Issue still persists when opacity is set as transparent (rgba). I haven't tested it with solid colours however.

• HA: 2024.7.4

• HA iOS app: 2024.7 (2024.730)

This PR was not meant to handle any kind of opacity colors.

My bad, but are there not any PR created? If not, I'll create one.

Nope, no PRs, you will also need to change the frontend I believe, to have the behavior I imagine you want, we need to extend the app webview until the top of the screen and in the front end the header has to consider the top safe area of the iPhone to offset its content.

[oerix]

Issue still persists when opacity is set as transparent (rgba). I haven't tested it with solid colours however.

• HA: 2024.7.4

• HA iOS app: 2024.7 (2024.730)

This PR was not meant to handle any kind of opacity colors.

My bad, but are there not any PR created? If not, I'll create one.

Nope, no PRs, you will also need to change the frontend I believe, to have the behavior I imagine you want, we need to extend the app webview until the top of the screen and in the front end the header has to consider the top safe area of the iPhone to offset its content.

Yeh, exactly what I'm trying to achieve. If I can help in any way, do let me know thanks!

[bgoncal]

@oerix feel free to open a PR, for the frontend side I can't help much but I can take a look on iOS PRs