SwiftUI not detecting dark mode from setting

Question

In SwiftUI on my device, I set the appearance to dark mode. However, my application doesn't change the background colour based on that appearance. For the color asset, I have set the values for both the light and dark appearance, like so

In my code this is how I set the background color and static variable,

extension Color {
  static let backgroundColor = Color("Background")
}

..... // In my View 
        ZStack {
        Color.backgroundColor
            .ignoresSafeArea()
        ......
        }

Also when I debug and check

@Environment (\.colorScheme) var colorScheme:ColorScheme

it returns that my device is indeed on dark mode. Any idea what is going on and why I'm unable to activate dark mode automatically from the user's device preferences.

Answer 1

Turns out when you use

.preferredColorScheme(.light | .dark)

It applies that preference to the entire view rather than the element the property is being used on.

Answer 2

This code works fine on simulator and device:

struct ColorSchemeView: View {
    
    var body: some View {
        Color.backgroundColor
            .ignoresSafeArea()
    }
}

fileprivate extension Color {
    static let backgroundColor = Color("DarkLight")
}

I suspect you have some other issue in the code that will need a true Minimal Reproducible Example (MRE) to debug.