How to remove toolbar background tint in iOS 27

Looking through iOS 27, one thing I don't really like overall is that they brought back the toolbar background with the tint on the top of the screen. I actually really enjoyed how it looked in iOS 26.

Is there a way to revert that with a .toolbar function?

Answered by EmanuelLuna111 in 891082022

I FOUND IT!

Its this:

.scrollEdgeEffectStyle(.soft, for: .top)

I was confused looking for the tint on the screenshot. Tint means colour filter, I believe Liquid Glass doesn’t apply colour change, and in screenshot underlying image appear to have its original colors.

Following. I updated my apps for Liquid Glass per Apples recommendations: https://developer.apple.com/documentation/TechnologyOverviews/adopting-liquid-glass

And now all the nice images that have ignoresSafeArea top to flow over the toolbar look pretty bad...

Same here, tried removing with .toolbarBackgroundVisibility(.hidden).

Could it be a bug in NavigationStack that we just have to wait out?

Accepted Answer

I FOUND IT!

Its this:

.scrollEdgeEffectStyle(.soft, for: .top)

Ah. I tried that on macOS 27 and it didn't do anything. Did not try on iOS.

How to remove toolbar background tint in iOS 27
 
 
Q