SwiftUI Material appearance is different on iOS and MacOS?

A quick one, for some reason my app looks different on MacOs and IOS. I am using the same code base in Swift for both. So when build on Mac transparency looks bad ? Any suggestions ?

import SwiftUI



struct ImageOverlay: View {

    var body: some View {

        VStack(alignment: .leading) {

                        Text("")

                            .foregroundColor(.primary)

                            .font(.title)

                            .fontWeight(.semibold)

                            .frame(width: 200, height: 200)

                            .background(.ultraThinMaterial)

                            .cornerRadius(24)

                            .shadow(color: Color(.sRGBLinear, white: 0, opacity: 0.20), radius: 5)

            

        }

    }

}



struct ContentView: View {

    var body: some View {

        VStack {

            Image("BackgroundImage")

                .resizable()

                .scaledToFill()

                .overlay(ImageOverlay())

        }

    }

}

MacOS version has terrible pink tint to transparency, plus amount of transparency is obviously different ! Pink is killing me

I don't see any issues. Focus more on the app than on the subtleties of colours you don't have control over.

Very helpful :) Colors and level of transparency is different!

Anyone had similar issue or how to address it? Thank you

Not helpful. Maybe #apple guys can help?

I think this is caused by Settings > Appearance > Allow wallpaper tinting in windows being turned on. It's getting the pink color from the wallpaper in the screenshot.

SwiftUI Material appearance is different on iOS and MacOS?
 
 
Q