Dashboard in Dark mode loads white page for a moment when opening integrations from Sidebar

Chupaka commented 1 year ago

Checklist

[X] I have updated to the latest available Home Assistant version.
[X] I have cleared the cache of my browser.
[X] I have tried a different browser to see if it is related to my browser.

Describe the issue you are experiencing

When Home Assistant dark mode in effect and I open HACS integration (the only one integration I have in that menu) from Sidebar, it first loads a blank white page for a moment (or even more if it wasn't recently accessed). That's not very pleasant for eyes when it's dark everywhere :)

Describe the behavior you expected

Black page should appear while an integration is loading.

Steps to reproduce the issue

Open Home Assistant in Dark mode in a dark room (in your browser or in Android app) with HACS integration installed (haven't checked with others as I don't know any).
Open HACS tab.
Close your eyes for a moment because of the bright light.

What version of Home Assistant Core has the issue?

Home Assistant 2022.12.1

What was the last working version of Home Assistant Core?

No response

In which browser are you experiencing the issue with?

Google Chrome 108; Home Assistant Android App

Which operating system are you using to run this browser?

MacOS Ventura 13.0.1; Android 13

State of relevant entities

No response

Problem-relevant frontend configuration

No response

Javascript errors shown in your browser console/inspector

No response

Additional information

The issue was initially opened in HACS repo, but looks like HACS cannot control this behaviour: https://github.com/hacs/integration/issues/2957

ludeeus commented 1 year ago

Is your OS in default/lightmode?

Chupaka commented 1 year ago

MacOS was in Light Appearance. I switched to Dark, restarted Home Assistant, but no change - still white flash on opening HACS. Android phone is in Dark system mode. Also white flash.

Chupaka commented 1 year ago

So, if the problem is integrations are opened in iframes, then the possible solution is https://css-tricks.com/prevent-white-flash-iframe/ or some other <iframe style="opacity: 0;" onload="this.style.opacity = 1;">?..

github-actions[bot] commented 1 year ago

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

Chupaka commented 1 year ago

Still relevant

github-actions[bot] commented 9 months ago

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

Chupaka commented 9 months ago

Still relevant

github-actions[bot] commented 6 months ago

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

Chupaka commented 6 months ago

Still relevant as of v20240207.1

m4v3r1ckNl commented 6 months ago

In my HA Supervised, this only occurs when switching to HACS add-ons. Others tabs are not inflicted.

github-actions[bot] commented 3 months ago

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

Chupaka commented 3 months ago

Still relevant as of v20240501.1

github-actions[bot] commented 3 weeks ago

There hasn't been any activity on this issue recently. Due to the high number of incoming GitHub notifications, we have to clean some of the old issues, as many of them have already been resolved with the latest updates. Please make sure to update to the latest Home Assistant version and check if that solves the issue. Let us know if that works for you by adding a comment 👍 This issue has now been marked as stale and will be closed if no further activity occurs. Thank you for your contributions.

Chupaka commented 3 weeks ago

Still relevant as of v20240806.1

home-assistant / frontend