Current Conditions

import SwiftUI

func wxSky(_ w: CGFloat) -> LinearGradient {
    LinearGradient(colors: [Color(red: 0.29, green: 0.50, blue: 0.85), Color(red: 0.52, green: 0.70, blue: 0.93)], startPoint: .top, endPoint: .bottom)
}

/// A current-conditions hero over a sky gradient.
struct WeatherCurrent: View {
    var body: some View {
        VStack(spacing: 2) {
            Text("San Francisco").font(.system(size: 15, weight: .semibold)).foregroundStyle(.white)
            Text("52°").font(.system(size: 68, weight: .thin)).foregroundStyle(.white)
            Image(systemName: "cloud.sun.fill").font(.system(size: 30)).symbolRenderingMode(.multicolor)
            Text("Partly Cloudy").font(.system(size: 16, weight: .medium)).foregroundStyle(.white)
            Text("H:54°   L:44°").font(.system(size: 14, weight: .medium)).foregroundStyle(.white.opacity(0.9))
        }
        .padding(.vertical, 22).padding(.horizontal, 20).frame(width: 280)
        .background(wxSky(280), in: RoundedRectangle(cornerRadius: 24, style: .continuous))
    }
}