Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/onmyway133/EasyTheme

👕👚 Theme management in Swift
https://github.com/onmyway133/EasyTheme

ios macos mode night skin swift theme

Last synced: about 1 month ago
JSON representation

👕👚 Theme management in Swift

Host: GitHub
URL: https://github.com/onmyway133/EasyTheme
Owner: onmyway133
License: other
Created: 2017-06-04T16:14:34.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2020-09-30T09:30:56.000Z (about 4 years ago)
Last Synced: 2024-10-25T06:02:22.143Z (about 2 months ago)
Topics: ios, macos, mode, night, skin, swift, theme
Language: Swift
Homepage: https://onmyway133.com
Size: 32.7 MB
Stars: 242
Watchers: 9
Forks: 19
Open Issues: 4
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md

Awesome Lists containing this project

fucking-awesome-swift - Themes - Theme management. (Libs / Styling)
awesome-swift - Themes - Theme management in Swift ` 📝 9 months ago ` (Styling [🔝](#readme))
awesome-swift - Themes - Theme management. (Libs / Styling)

README

        # Themes

[![CI Status](http://img.shields.io/travis/onmyway133/Themes.svg?style=flat)](https://travis-ci.org/onmyway133/Themes)

[![Version](https://img.shields.io/cocoapods/v/Themes.svg?style=flat)](http://cocoadocs.org/docsets/Themes)

[![Carthage Compatible](https://img.shields.io/badge/Carthage-compatible-4BC51D.svg?style=flat)](https://github.com/Carthage/Carthage)

[![License](https://img.shields.io/cocoapods/l/Themes.svg?style=flat)](http://cocoadocs.org/docsets/Themes)

[![Platform](https://img.shields.io/cocoapods/p/Themes.svg?style=flat)](http://cocoadocs.org/docsets/Themes)

![Swift](https://img.shields.io/badge/%20in-swift%203.0-orange.svg)

![](Screenshots/Banner.png)









## Story

Ever want to support Night mode? Or skin the app differently depending on the seasons? Or toggle features according to paid status? Well, those are actually reactions to app events.

Many other frameworks encourage you to use hard coded values, like `label.xyz_textColors = [.red, .blue], textField.xyz_fonts = [font1, font2], ...`. This also makes it very hard to change because the usage of index, you need to remember that the 1st index is this theme, the 2nd index is that theme, ... Also, `xyz_textColors` is like trying to replicate the entire `UIKit` APIs, which updates often :scream:

**Themes** is here to help. Usually, you have a finite number of colors and fonts in an app. You can have many more but that is not encourage and has design smells. When you have a theme, changing happens in one place. 

## Features

- [x] Universal support for iOS, macOS, tvOS, watchOS

- [x] Complete control over themes

- [X] Update existing views

- [x] Protocol oriented

- [x] Extensible

## Usage

### Step 1: Create a theme

Declare your theme by conforming to `Theme`, which is just a marker protocol. You can declare whatever you like, including nested objects, all depending on your need. You can also create as many themes as you like

```swift

struct MyTheme: Theme {

  let topImage: UIImage

  let cellColor: UIColor

  let backgroundColor: UIColor

  let name: String

  let titleFont: UIFont

  let subtitleFont: UIFont

}

```

Then create some themes based on your templates

```swift

let dayTheme = MyTheme(topImage: UIImage(named: "day"), cellColor: .white)

let nightTheme = MyTheme(topImage: UIImage(named: "night"), cellColor: .black)

```

The beauty of this is that you can `init` your theme from json, which can be fetched from backend :rocket:

```swift

let json = [

  "primary_color": "#21ABE9",

  "font_name": "Chewy"

]

let unicornTheme = MyTheme(json)

```

### Step 2: Register your current theme

When app launches, you need to declare 1 theme as the current, it can be loaded from cache

```swift

ThemeManager.shared.currentTheme = dayTheme

```

### Step 3: React to theme change

You can do this wherever you like. It is set using the current theme, and whenever theme changes

```swift

// ViewController.swift

override func viewDidLoad() {

  super.viewDidLoad()

  use(MyTheme.self) {

    $0.title = $1.name

    $0.tableView.backgroundColor = $1.backgroundColor

    $0.navigationController?.navigationBar.setBackgroundImage($1.topImage, for: .default)

    $0.tableView.rowHeight = $1.name == "Unicorn" ? 180 : 120

    $0.tableView.reloadData()

  }

}

// Cell.swift

override func awakeFromNib() {

  super.awakeFromNib()

  imageView.layer.cornerRadius = 5

  imageView.layer.masksToBounds = true

  use(MyTheme.self) {

    $0.titleLabel.font = $1.titleFont

    $0.subtitleLabel.font = $1.subtitleFont

    $0.container.backgroundColor = $1.cellColor

  }

}

```

### Step 4: Change the theme

Change the current theme is as easy as assigning a new theme. All happens in real time and very fast

```swift

ThemeManager.shared.currentTheme = nightTheme

```

## Installation

**Themes** is available through [CocoaPods](http://cocoapods.org). To install

it, simply add the following line to your Podfile:

```ruby

pod 'Themes'

```

**Themes** is also available through [Carthage](https://github.com/Carthage/Carthage).

To install just write into your Cartfile:

```ruby

github "onmyway133/Themes"

```

**Themes** can also be installed manually. Just download and drop `Sources` folders in your project.

## Author

Khoa Pham, [email protected]

## Contributing

We would love you to contribute to **Themes**, check the [CONTRIBUTING](https://github.com/onmyway133/Themes/blob/master/CONTRIBUTING.md) file for more info.

## License

**Themes** is available under the MIT license. See the [LICENSE](https://github.com/onmyway133/Themes/blob/master/LICENSE.md) file for more info.