CostumeKit 🎩 - SwiftGit

Button Colour Image Media Menu Menu Photo Picker swipe Textview

CostumeKit 🎩

March 11, 2024

Base types for theming an app.

CostumeKit is made of up a set of Swift protocols. They are meant to be implemented by you in your app.

Featured in Little Bites of Cocoa Bite #270: Implementing Theming with CostumeKit

Color 🎨

Includes Color and ColorPalette protocols.

Usage:


                                              
                                                public enum MyAppColors : Color, ColorPalette {

case white = “FFFFFF”

case lightTeal = “3CB39E”

case forestGreen = “216055”

case black = “000000”

}

Font 🔠

Includes Font protocol, and one concrete SystemFont implementation for iOS system fonts.

Usage:


                                              
                                                public struct MyAppFont : Font {

public init(size: FontSize = .textStyle(.body)) {

self.size = size

}
// Font
public var size: FontSize
// FontConvertible
public var FontValue: UIFont {

return UIFont(name: “SomeCustomFont”, size: pointSize)!

}

}

SVG 🌠

Includes SVG Protocol and SVGMetadata type.

Usage:


                                              
                                                enum MyAppSVGs {

case clockGlyph

case bird

}
extension MyAppSVGs : SVG {

public func metadata() -> SVGMetadata {

switch self {

case .clockGlyph: return SVGMetadata(name: “clock”, size: CGSize(width: 100, height: 100), fullColor: false)

case .bird: return SVGMetadata(name: “bird”, size: CGSize(width: 58, height: 28), fullColor: true)

}

}

}

What you do with SVGMetadata is up to you. I recommend SwiftSVG from Michael Choe. Read more here to learn how to use it.

CostumeKit‘s goals are to be a generic solution, so no assumptions are made about how something should be retrieved from disk, parsed, etc. You’ll need to implement these anyways, so nothing is forced on you.

Costume 🎩

Includes Costume protocol. Usage:


                                              
                                                open class MyAppCostume : Costume {

let spacing = CGFloat(8)
public func wearRootBackground(_ view: UIView) {

view.backgroundColor = Color.black.colorValue

}
public func wearHeadline(_ label: UILabel) {

label.font = MyAppFont(size: .textStyle(.title1)).fontValue

label.textColor = MyAppColors.forestGreen.colorValue

}
public var name: String { return “Default” }

public var description: String { return “The default costume.” }
public init() { }

}

GitHub

View Github

#carthage #colors #images #ios #ios-lib #protocol #swift

YOU MIGHT ALSO LIKE...

August 1, 2025
SwiftUI

FigmaPreviewSwiftUI

A Figma component preview for your SwiftUI views. You can use Figma components instead of real views within your app ...

August 1, 2025
SwiftUI

SafePreviewDevice

Motivation At WWDC 2019, Apple announced SwiftUI a new library for building UI in a simple and fast way. Xcode’s ...

August 1, 2025
SwiftUI

PreviewView

Make use of SwiftUI previews for rapidly prototyping your UIViewControllers and UIViews! The SwiftUI preview canvas is tied to a specific version of ...

August 1, 2025
SwiftUI

PreviewDevice

Requirements Dev environment: Xcode 13+, macOS 12+ iOS 13.0+, macOS 10.15+, Mac Catalyst 13.0+, tvOS 13.0+, watchOS 6.0+ Usage

August 1, 2025
SwiftUI

SwiftUIWheelPicker

Horizontal wheel picker for SwiftUI Requirements iOS 13.0+ Installation CocoaPods