How to customize picker page selection

Question

I have a standard picker in a list, customized in dark colors. When I tap on the picker, it opens the page with the choices, but the background is white, and I would like it to be black.

Didn't succeed to find the appropriate settings :( Thanks for your help

My code :

import SwiftUI
let choices = ["red", "blue", "yellow"]

struct test4: View {
    
    @State private var myColor: String = choices[0]
    
    var body: some View {
        VStack {
            List {
                Picker(selection: $myColor, label: Text("Type")) {
                    ForEach(choices, id: \.self) { col in
                        Text(col).foregroundColor(Color.gray)
                    }
                }
                .listRowBackground(Color.row)
            }
        }
        .background(Color.black)
    }
}

Page with the picker

Picker selection

user_12299030 · Answer

Use instead preferred color scheme, like

    VStack {
       // List here ...
    }
    //.background(Color.black)
    .preferredColorScheme(.dark)    // << use this !!

How to customize picker page selection

1 Answers