Try using a mask over the image to create a fade. The clear color will work as your new "black"—it allows the system's adaptive background to bleed through behind the text, providing natural contrast even in tinted modes. .mask { LinearGradient( gradient: Gradient(colors: [.black, .clear]), startPoint: .top, endPoint: .bottom ) }