krummler

let font = UIFont(name: "Cochin", size: 16)!
let scaledFont = UIFontMetrics(forTextStyle: .body).scaledFont(for: font)
label.font = scaledFont
label.adjustsFontForContentSizeCategory = true

krummler

class WeightAdheringLabel: UILabel {
    private var originalFont: UIFont?

    override var font: UIFont! {
        set {
            self.originalFont = newValue
            if traitCollection.legibilityWeight == .bold {
                super.font = newValue.fontDescriptor.withSymbolicTraits(.traitBold).map { UIFont(descriptor: $0, size: newValue.pointSize) } ?? newValue
            } else {
                super.font = newValue

krummler

struct ButtonStateStyle {
    let foreground: UIColor
    let background: UIImage
}

struct ButtonStyle {
    let font: UIFont
    let insets: UIEdgeInsets

    let enabled: ButtonStateStyle

krummler

extension ButtonStyle {
    func apply(to button: UIButton) {
        button.backgroundColor = nil

        button.titleLabel?.font = font
        button.contentEdgeInsets = insets

        button.setTitleColor(enabled.foreground, for: .normal)
        button.setTitleColor(highlighted.foreground, for: .highlighted)
        button.setTitleColor(disabled.foreground, for: .disabled)

krummler

// Note: Idealy, these are generated using SwiftGen
private struct Palette {
    static let foreground = UIColor(named: "color/foreground")!
}

private struct Fonts {
    static let body = UIFont.preferredFont(forTextStyle: .body)
}

krummler

private struct Palette {
    static let foreground = UIColor(named: "color/foreground")!
}

struct ComponentStyle {
    struct Button {
        private static let defaultInsets = UIEdgeInsets(top: 12, left: 16, bottom: 12, right: 16)
        private static let defaultFont = UIFont.preferredFont(forTextStyle: .body)

        static let primary =

krummler

extension UIButton {
    func apply(style: ButtonStyle) {
        backgroundColor = nil

        titleLabel?.font = style.font
        contentEdgeInsets = style.insets

        setTitleColor(style.enabled.foreground, for: .normal)
        setTitleColor(style.highlighted.foreground, for: .highlighted)
        setTitleColor(style.disabled.foreground, for: .disabled)

krummler

let backgroundColor = UIColor {
    $0.userInterfaceStyle == .dark ?
        UIColor(red: 10.0 / 255, green: 40.0 / 255, blue: 58.0 / 255, alpha: 1) :
        UIColor(red: 183.0 / 255, green: 228.0 / 255, blue: 255.0 / 255, alpha: 1)
}

// Or in short:
let borderColour = UIColor {
    $0.userInterfaceStyle == .dark ?
        UIColor(red: 197.0 / 255, green: 197.0 / 255, blue: 197.0 / 255, alpha: 1) :

krummler

extension UIImage {
    static func buttonBackground(color: UIColor,
                                         borderColor: UIColor,
                                         borderWidth: CGFloat,
                                         cornerRadius: CGFloat) -> UIImage {
        let width = max(2, cornerRadius * 2)
        let size = CGSize(width: width, height: width)

        return UIGraphicsImageRenderer(size: size).image { context in
            color.setFill()

krummler

let someImage = UIImage.buttonBackground(color: backgroundColor,
                                         borderColor: borderColour,
                                         borderWidth: 2,
                                         cornerRadius: 8)