Hello, my app uses vibrancy effects thanks to SwiftUI's materials and hierarchical shape style. While they work flawlessly on iOS and iPadOS, on Mac Catalyst they seem to be pretty broken. I'm attaching some screenshots.
iPad
Mac
This is the same code, with the same background behind the material. The colors are already pretty different, but my concern is about the text, which clearly looks broken
Here a sample code:
HStack(spacing: 0) {
VStack(alignment: .leading, spacing: 2) {
Text(event.label)
.font(.subheadline.weight(.semibold))
.foregroundStyle(.secondary)
Text(event.info(for: currentDestination))
.font(.system(.title2, design: .rounded, weight: .semibold))
.foregroundStyle(.primary)
}
Spacer(minLength: 0)
InfoIcon(isCustom: event.isCustomIcon, icon: event.icon, renderingMode: .palette, size: iconSize)
.font(.body.weight(.semibold))
}
.padding(.horizontal, 24)
.padding(.vertical, 12)
.background(.quaternary, in: .rect(cornerRadius: 16, style: .continuous))
.clipShape(.rect(cornerRadius: 16, style: .continuous))
.padding(.all, 16)
.background(.ultraThinMaterial, in: .rect)