Quick Tip – Detecting Color Scheme in SwiftUI

Posted in SwiftUI

April 2nd, 2021

⏱ Reading Time: < 1 min

It’s quite often necessary to know the current color scheme of a device in order to modify the displayed content of an app. For example, you may want to change the background color of a view, the foreground color of a text, to show different images or different text. The reasons can be many. And all that depending on the light or dark color mode.

In SwiftUI it’s super fast to detect and determine the current color scheme using the colorScheme environment key as follows:

The similarly named colorScheme property indicates the current color scheme, and can be used to apply a different set of configuration in views.

For example, the following creates a text where its background and foreground colors depend on whether the light or dark mode is currently active. Determining that mode is just a matter of a simple condition:

Text colors depending on both the light and dark mode

Stay Up To Date

Subscribe to my newsletter and get notifiied instantly when I post something new on SerialCoder.dev.

    We respect your privacy. Unsubscribe at any time.