Loading screen should be part of themes (to stop white loading screen melting eyeballs at night)

[timdonovanuk]

The request

Currently, despite using a dark theme, if you load HA at night, the bright white loading screen melts eyeballs until frontend loads and a dark theme kicks in.

As requested, here is a picture of my eyeballs melting before my dark theme kicks in:

The alternatives

Sunglasses?

Additional information

[bramkragten]

Before we have the data we also don't have the theme, so we can't...

[Misiu]

@bramkragten what about local storage?
we only need like 2 variables: background-color and color (for text), those could be stored in local storage (from the last active theme).
This way while loading you will get the loading screen with colors from the last used theme.

[timdonovanuk]

Or the entirely non-theme route: most browsers, including on mobile devices, have inbuilt support for dark mode and a media query to check this (see: https://drafts.csswg.org/mediaqueries-5/#prefers-color-scheme).

[Misiu]

@timdonovanuk that's a good alternative!
What about IE11? It doesn't support this: https://caniuse.com/#search=prefers-color-scheme
BTW is IE11 supported by Home Assistant?

[timdonovanuk]

Also a simple user/profile option in HA to make the loading screen "dark mode" would also work!