NEW: Learn to build the incredible iOS 15 Weather app today! >>

SOLVED: Problems extending Color

Forums > 100 Days of SwiftUI

I tried to make an extension to Color but it doesn't work in SwiftUI. I noticed that Color has the @Frozen attribute - I think that means it can't be extended. Does anyone know if there is a way to create custom named colors that can be used in SwiftUI e.g.

Color.myCustomColor
Text("Hello World")
    .foregroundColor(.myCustomColor)

   

You can absolutely extend Color. You can do it like so:

import SwiftUI

extension Color {
    static let myCustomColor = Color(red: 0.9, green: 0.5, blue: 0.9)

    static let myCustomColor2 = Color(uiColor: .quaternaryLabel)

    static let myCustomColor3 = Color("namedColor")

    //or using any other initializer for Color
}

@frozen just means you can't add new stored instance properties to it.

   

Thanks @roosterboy - I didn't think to try making a static constant property.

   

You can also do it with a computed variable or a function if you need to include logic:

extension Color {
    var myCustomColor4: Color {
        if UITraitCollection.current.userInterfaceStyle == .dark {
            return .teal
        } else {
            return .cyan
        }
    }

    func myCustomColor5(userIsRegistered: Bool) -> Color {
        if userIsRegistered {
            return .green
        } else {
            return .red
        }
    }
}

1      

Hacking with Swift is sponsored by Sentry

SPONSORED With Sentry’s error and performance monitoring for iOS, you see mobile vitals that actually matter, can solve any latency issues quickly, and learn how each release is performing over time.

Learn More

Sponsor Hacking with Swift and reach the world's largest Swift community!

Reply to this topic…

You need to create an account or log in to reply.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.