8

I’m currently adopting to Dark Mode and I figured that using the new system colors like systemBackground and label in Interface Builder also just works when running the app in iOS 12. I half expected to get a compiler error, but instead the app looks like in iOS 13 light mode. So obviously the runtime somehow translates those colors for iOS 12.

Does anyone know what happens under the hood and if there is a convenient way to achieve the same in code?

Frank Rupprecht
  • 9,191
  • 31
  • 56
  • You can't use `UIColor.systemBackground` or `label` in iOS 12 so it's unclear what you are asking. – rmaddy Aug 05 '19 at 19:01
  • 2
    I know I can't use it in code, but I _can_ use it in storyboards which then load just fine in iOS 12. That's why I was wondering how this is working under the hood. – Frank Rupprecht Aug 05 '19 at 19:03

1 Answers1

12

If you look at the XML of the storyboard, you will see something like:

<color key="backgroundColor" xcode11CocoaTouchSystemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>

Xcode 11 is adding support for both colors. Whatever mechanism converts the .storyboard file into actions at runtime has the information it needs to know which color to use for iOS 13 and which color to use for iOS 12 and earlier.

In code you need something like the following:

extension UIColor {
    class var mySystemBackground: UIColor {
        if #available(iOS 13, *) {
            return .systemBackground
        } else {
            return .white
        }
    }
}
rmaddy
  • 314,917
  • 42
  • 532
  • 579