Titles and Header Auto Changing Color?

Thanks for your question and description. I’m a little confused because I think an image or a screen recording will work better for your description for me personally. Maybe other developers will benefit as well.

Are you using dark mode and seeing the Liquid Glass automatically tries to set the foreground? Double-check your settings for Dark Mode and Automatic switching. Make sure it isn't set to automatically switch based on the time of day. Ensure that the "Appearance" is set to either "Light" or "Dark" and is not set to "Automatic." If it is, adjust the schedule so you know what to expect.

The color shifting and black stripe are not normal but there is a way to adapt to the background, so a screen recording can help developer here understand what you are seeing.

I would recommend this documentation on design principles that has a good explanation of expectations in my modest opinion. But I’m also trying to see if that is normal in Liquid Glass as something is causing the colors to change?

https://developer.apple.com/documentation/TechnologyOverviews/liquid-glass#Design-principles

Oh and check the settings at, top of my head I should double check:

To reduce the transparency effect:
Go to Settings > Accessibility > Display & Text Size.
Turn on the toggle for Reduce Transparency.

Albert Pascual
  Worldwide Developer Relations.

The first image with time 9:35 shows a list of transactions sorted by date using List{}. The column headers are displaying in DARK mode with a black stripe, and header items have switched from black to white.

The second image (9:39) changed to a ScrollView {}. The column headers did not change color, but scrolled out of the view. The header is showing that the text has changed from black to white while scrolling.

The final image is a ScrollView with LazyVStack pinnedViews. Google suggested using .toolbarColorScheme(.light, for: .navigationBar) at the bottom of the ScrollView to prevent the header stuff from changing color.

So my question is: Is this change in color for these views a bug or is this normal behavior with Liquid Glass?

Thank you for the post and images. The content is quite intriguing. In one of the images, the header is not visible. The other two images show a white header against a blue background and a black header against a blue background. I would be grateful if you could provide the code to show the underlying logic.

Do you get the same results with just the relevant code in a small test project? If so, please share a link to your test project. That'll help us better understand what's going on. If you're not familiar with preparing a test project, take a look at Creating a test project.

I'm sure many developers here will be able to help with the simple focused project.

Albert Pascual
  Worldwide Developer Relations.

I don't understand your test project article. Where do I put my test project? The test project shows the view with the problem header consisting of 5 files. One file has three different forms of the same structure to create the three images above.

The article Creating a test project says "The forums have a list of websites you can link to." I haven't been able to find this.

You can host the zip file into any sharing website or you can put the project files to any git provided website. Hope this helps

Albert Pascual
  Worldwide Developer Relations.