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      

BUILD THE ULTIMATE PORTFOLIO APP Most Swift tutorials help you solve one specific problem, but in my Ultimate Portfolio App series I show you how to get all the best practices into a single app: architecture, testing, performance, accessibility, localization, project organization, and so much more, all while building a SwiftUI app that works on iOS, macOS and watchOS.

Get it on Hacking with Swift+

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.