WTH can't we force HA into permanent dark mode, so we don't have the flash of white on reload?

I have wall panel devices (Crestron panels) that I can’t set to run in dark mode. Therefore, when the page loads, it flashes white until it detects the user and switches back.

I’d really like to be able to set dark mode at a core level for HA, so it loads a black screen first. I’d prefer a flash of black over a flash of white!

It’s in the user settings

image

No, that doesn’t change loading the page, because the user data isn’t loaded until after the initial flash. Trust me, I’ve looked everywhere in settings and tried to find a solution with the existing codebase.

HA loads a white theme by default unless the browser supports dark mode and has it enabled (via @media (prefers-color-scheme: dark) ). However, not all devices can support this.

You can verify this by reloading the page while your OS is on light mode, and you’ll see the loading screen flash white first before the theme is loaded. This happens no matter what theme is selected, BTW.

(Also, it’s per-user, and I’d rather force the default theme to dark mode on every device, everywhere, while still using the default HA theme.)

1 Like