It must be background color day :)

I display the following view hierarchy when the user authencation fails. I'd like to change the entire background color of the view hierarchy. I can change the background color of the individual views but I can't change the background color of the entire hierarchy. Any ideas?

struct CannotConnect: View {
    var token: String
    var user: String
    var slug: String
    var failedAPICallMessage: String

    var body: some View {
        VStack {
            Image(systemName: "exclamationmark.square")
                .foregroundColor(Color.red)
                .font(.system(size: 27, weight: .regular, design: .rounded))
                .padding(1)
            Text("Connection error\n")
                .font(.system(size: 23, weight: .medium, design: .rounded))
                .foregroundColor(Color.red)
        }

        VStack {
            Text("The login credentials may be incorrect or EA may not be configured.\n")
        }
        .multilineTextAlignment(.center)

        VStack {
            Text("Token")
                .font(.system(size: 17, weight: .semibold, design: .rounded))
            Text("\(token)")
            Text("User")
                .font(.system(size: 17, weight: .semibold, design: .rounded))
            Text("\(user)")
            Text("Slug")
                .font(.system(size: 17, weight: .semibold, design: .rounded))
            Text("\(slug)")
            Text("\nMore information")
                .font(.system(size: 17, weight: .semibold, design: .rounded))
            Text("\(failedAPICallMessage)")
        }
        .font(.system(size: 15, weight: .light, design: .rounded))
        .presentationDetents([.height(700)])
        .padding(.horizontal)
    }
}