Dark Mode Splash Screen

Does anybody have any experience with showing a black background on a splash screen if the system has dark mode turned on but a white background if it’s turned off?

Right now we’ve only been able to set one splash screen image so if the user has dark mode enabled they still get a blinding splash screen and visa-versa. I couldn’t find anything about this on Google so I figured I’d throw it in here so people searching could find out if it was possible or not.

I have it done this way…

  • Dark Theme


@media (prefers-color-scheme: dark) {
:root {


:root.ios {
–ion-background-color: #000000;
–ion-background-color-rgb: 0,0,0;

--ion-text-color: #ffffff;
--ion-text-color-rgb: 255,255,255;


The splash image is a static image. I think the only way would be to have 2 splash images with different bg and create some logic to call the correct one depending on the mode. Not sure if thats the simplest way to do it.

Till a better solution is available, we are using only a dark splash screen.

Bright splash-screen can look awkward in dark mode when user is in a low-light room, but dark splash-screen seems fine even if user is not using dark mode.