I am using Xcode Version 26.0 (17A321). Here is a minimal project that demonstrates this behavior.
https://www.dropbox.com/scl/fi/97y801tdk4su6a419kar2/SwiftUIPlayground.zip?rlkey=5p1u5s0w9w9t5ytnilbdkgz00&st=ww6gnm6r&dl=0
Here is the code for this project, it just doesn't have the background images.
struct ContentView: View {
@State var showLightContent = false
let sidebarContent = ["Item 1", "Item 2", "Item 3"]
@State var selectedItem: String? = nil
@State private var columnVisibility = NavigationSplitViewVisibility.detailOnly
var body: some View {
NavigationSplitView(columnVisibility: $columnVisibility) {
// The sidebar
List(sidebarContent, selection: $selectedItem) { item in
Text(item)
}
} detail: {
ZStack {
Image(showLightContent ? "NaturalAtlas" : "MapBox")
.resizable()
.scaledToFill()
.ignoresSafeArea()
VStack {
Spacer()
HStack {
Spacer()
Button("Toggle Background") {
withAnimation {
showLightContent.toggle()
}
}
.buttonStyle(.borderedProminent)
Spacer()
}
Spacer()
.frame(height: 20)
}
}
.toolbar {
ToolbarItemGroup(placement: .topBarTrailing) {
HStack {
Button {
} label: {
Image(systemName: "map")
.font(.title2)
}
Button {
} label: {
Image(systemName: "magnifyingglass")
.font(.title2)
}
}
}
}
}
.navigationBarTitle("")
.navigationBarBackButtonHidden(true)
}
}
In this test project if you click on the "Toggle Background" button you will see this behavior.
Also, I found that the key to getting this to happen is having the "Mac Catalyst Interface" be set to "Optimize for Mac". When I change it to "Scaled to Match iPad" the toolbar gets the correct tinting.
Is this something I should file in the Feedback Assistant?
