How to support dark mode in splash screens?

Question

I am trying to support dark mode in a splash screen, which means that I am using a named color inside the LaunschScreen.storyboard file, but I have this error:

Named colors do not work prior to iOS 11.0.

Clearly the problem is that named colors work only in the newer versions of iOS, but there is no easy fix for that. I tried to create a custom view and set the color there, but I just found out that it's not allowed to use custom classes in launch screens. For now the only solution that comes to my mind is to create two separate targets, one for iOS 11+, one for the lower versions but it's a bit overkill and I don't like the idea. Apparently there is no recommendation from Apple on how to support dark mode in launch screen (or at least I couldn't find anything). Any suggestion?

Does this help https://stackoverflow.com/q/56892053/1187415 ? — Martin R, Jul 16 '19 at 07:39
@MartinR Yes, that's helpful. But it would be nice to know which solution to adopt in case that I need to use a custom colour. — Ramy Al Zuhouri, Jul 16 '19 at 08:48

score 0 · Answer 1 · answered Sep 04 '19 at 13:47

0

Use systemBackgroundColor for the main view background color.

You can change in Storyboard GUI (no code needed) automatically the system will set the right color in iOS13 and white for previous iOS versions.

PS: for other colors you can use System xxxx Color for standards.

answered Sep 04 '19 at 13:47

Fabiosoft

1,141
14
32

3

I can use _systemBackgroundColor_ but that's not what I want. What if I want to use a custom color? – Ramy Al Zuhouri Sep 07 '19 at 12:51
I don't know if it's possible prior iOS11 – Fabiosoft Sep 16 '19 at 11:03
1

This works if you want to do black or white background, which is all i needed. – kopi32 Nov 08 '19 at 16:37

score 0 · Answer 2 · answered Nov 28 '19 at 09:15

0

As you said named colors will not work below iOS 11.

[alternative] So, you can create an Image View in Launch screen and set a dark appearance for that image like below. You can apply your colors in that image.

answered Nov 28 '19 at 09:15

Manikandan

1,195
8
26

How to support dark mode in splash screens?

2 Answers2