iOS 26 – How to match adaptive color tinting for Liquid Glass TabView selected and unselected Tabs

I’m creating a new TabView with Liquid Glass and the adaptive tab makes it so the tab icons changes colors depending on the background. This all works well for the unselected tabs but I want to be able to have my selected tab match the unselected tab color exactly. The selected tab tint appears to be a system blue color by default if a tint isn’t specified. There doesn’t seem to be a way to opt out of the default and make it such that the selected tint matches the unselected icon color.

struct MyTabView: View {
    @State private var selectedTab = 0

    var body: some View {
        TabView(selection: $selectedTab) {
            Tab("Home", systemImage: "house", value: 0) {
                ZStack {
                    Rectangle().fill(Color.black).ignoresSafeArea()
                    VStack {
                        Text("Home")
                    }
                }.ignoresSafeArea()
            }

            Tab("Profile", systemImage: "person", value: 1) {
                Text("Profile")
            }

             Tab("Search", systemImage: "magnifyingglass", value: 2) {
                 Text("Search")
             }
         }
        .tint(nil) // Doesn't work. My desired effect should not default to system blue
     }
}

I also tried setting the UITabBar appearance like so but that doesn’t seem to work either:

let appearance = UITabBarAppearance()
appearance.selectionIndicatorTintColor = nil
UITabBar.appearance().standardAppearance = appearance
UITabBar.appearance().scrollEdgeAppearance = appearance

Some images to illustrate:

Here, I would like the Home tab to also be white like the unselected tabs but right now it defaults to blue.

Likewise, I would like the Profile tab to also be black like the unselected tabs but it defaults to blue.

Source link