Swift version: 5.6
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
.
BUILD THE ULTIMATE PORTFOLIO APP Most Swift tutorials help you solve one specific problem, but in my Ultimate Portfolio App series I show you how to get all the best practices into a single app: architecture, testing, performance, accessibility, localization, project organization, and so much more, all while building a SwiftUI app that works on iOS, macOS and watchOS.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Available from iOS 13.0
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
Link copied to your pasteboard.