UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

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)

3      

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.

3      

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

3      

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
        }
    }
}

4      

TAKE YOUR SKILLS TO THE NEXT LEVEL If you like Hacking with Swift, you'll love Hacking with Swift+ – it's my premium service where you can learn advanced Swift and SwiftUI, functional programming, algorithms, and more. Plus it comes with stacks of benefits, including monthly live streams, downloadable projects, a 20% discount on all books, and free gifts!

Find out more

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

Archived topic

This topic has been closed due to inactivity, so you can't reply. Please create a new topic if you need to.

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.