How to use semantic colors to help your iOS app adapt to dark mode
Swift version: 5.2
When specifying colors for objects in your views, it’s often easier to use the built-in semantic colors of UIColor rather than specifying our own custom colors that might not look good in both light and dark mode.
For example, when you are coloring a label, use UIColor.label, .secondaryLabel, or similar so that UIKit will automatically make sure it stands out.
For backgrounds you should use UIColor.systemBackground, .secondarySystemBackground, or similar so that when you layer one view over another they don’t appear to become merged.
And when you’re using fixed colors like .red or .blue you should instead use .systemRed or .systemBlue to get a color that will adapt to the user’s trait environment – it will be a lighter red when in dark mode, and a darker red in light mode, rather than the fixed pure red of .red.
SPONSORED Are you tired of wasting time debugging your Swift app? Instabug’s SDK is here to help you minimize debugging time by providing you with complete device details, network logs, and reproduction steps with every bug report. All data is attached automatically, and it only takes a line of code to setup. Start your free trial now and get 3 months off exclusively for the Hacking with Swift Community.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Available from iOS 13.0
Similar solutions…
- How to run code when your app is terminated
- How to change your app icon dynamically with setAlternateIconName()
- How to localize your iOS app
- SwiftUI tips and tricks
- How to configure Core Data to work with SwiftUI
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
