Simplifying multiplatform Colors

Sometimes you are building for multiple platforms and you want to use the same color across all of them.
This is where the Colors package comes in handy.
It provides a set of predefined system colors that you can use in your SwiftUI projects.

Installation

To use the Colors package in your project, add the following dependency to your Package.swift file:

dependencies: [
    .package(url: "https://github.com/0xWDG/Colors", branch: "main")
]

Then, add Colors as a dependency for your target:

targets: [
    .target(
        name: "YourTarget",
        dependencies: [
            .product(name: "Colors", package: "Colors")
        ]
    )
]

Finally, import the Colors module in your Swift files:

import Colors

Use the predefined colors in your SwiftUI views:

import SwiftUI
import Colors

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, World!")
                .foregroundColor(Color.label)
            Text("Hello, World!")
                .foregroundColor(Color.systemTeal)
            Text("Hello, World!")
                .foregroundColor(Color.systemGray3)
            Text("Hello, World!")
                .foregroundColor(Color.quaternaryLabel)
        }
    }
}

Which colors are available?

Read more

• iCloud Drive Tips & Tricks • 8 minutes reading time.
• Localizing In Xcode • 3 minutes reading time.
• SwiftLeeds 2024, Day 1 • 11 minutes reading time.

Share