Keycard styles
Style key card components with custom gradients, logos, corner radius, and shadows.
Controls the look of key card UI (background gradient, logo, shadow, corner radius, etc.).
public struct KeyCard {
public var backgroundGradient: [Color]
public var accentColor: Color
public var logoAssetName: String
public var cornerRadius: CGFloat
public var shadowColor: Color
public var shadowRadius: CGFloat
public var shadowYOffset: CGFloat
}
Examples:
// Change only the corner radius (uses builder).
let rounded = SeamTheme.KeyCard.default.with(cornerRadius: 24)
// Full control via initializer.
let branded = SeamTheme.KeyCard(
backgroundGradient: [.blue, .purple],
accentColor: .white,
logoAssetName: "MyBrandLogo",
cornerRadius: 18,
shadowColor: .black.opacity(0.12),
shadowRadius: 12,
shadowYOffset: 6
)
Last updated
Was this helpful?