# RxTheme

**Repository Path**: mudox/RxTheme

## Basic Information

- **Project Name**: RxTheme
- **Description**: Theme management based on Rx
- **Primary Language**: Swift
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-11
- **Last Updated**: 2021-12-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# RxTheme

[![Build Status](https://travis-ci.org/RxSwiftCommunity/RxTheme.svg?branch=master)](https://travis-ci.org/RxSwiftCommunity/RxTheme)
[![Version](https://img.shields.io/cocoapods/v/RxTheme.svg?style=flat)](http://cocoapods.org/pods/RxTheme)
[![License](https://img.shields.io/cocoapods/l/RxTheme.svg?style=flat)](http://cocoapods.org/pods/RxTheme)
[![Platform](https://img.shields.io/cocoapods/p/RxTheme.svg?style=flat)](http://cocoapods.org/pods/RxTheme)


## Manual

### Define theme service

```swift
protocol Theme {
    var backgroundColor: UIColor { get }
    var textColor: UIColor { get }
}

struct LightTheme: Theme {
    let backgroundColor = UIColor.white
    let textColor = UIColor.black
}

struct DarkTheme: Theme {
    let backgroundColor = UIColor.black
    let textColor = UIColor.white
}

let themeService = ThemeService<Theme>(themes: [LightTheme(), DarkTheme()])
```

### Apply theme to UI

```swift
themeService.bind([
    ({ $0.textColor }, [label.rx.textColor]),
    ({ $0.backgroundColor }, [view.rx.backgroundColor])
]).disposed(by: disposeBag)
```

### Switch themes

```swift
themeService.set(index: 0)
```

### Binder presets

##### UIApplication
- statusBarStyle

##### UIView
- backgroundColor
- tintColor

##### UIButton
- tintColor

##### UILabel
- font
- textColor
- highlightedTextColor
- shadowColor

##### UITextField
- font
- keyboardAppearance
- textColor

##### UIImageView
- image

##### UIProgressView
- progressTintColor
- trackTintColor 

##### UIPageControl
- pageIndicatorTintColor
- currentPageIndicatorTintColor

##### UISlider
- thumbTintColor
- minimumTrackTintColor
- maximumTrackTintColor

##### UIToolbar
- barTintColor

##### UISwitch
- onTintColor
- thumbTintColor

##### UITableView
- separatorColor

##### UINavigationBar
- barStyle
- barTintColor
- titleTextAttributes

##### UITabBar
- barStyle
- barTintColor

##### UITextView
- font
- textColor 

##### UIActivityIndicatorView
- activityIndicatorViewStyle

##### UIBarButtonItem
- tintColor

##### CALayer
- backgroundColor
- borderWidth
- borderColor
- shadowColor


### Extend binders in your codebase

Because RxTheme uses `Binder<T>` from RxCocoa, any `Binder` defined in RxCocoa could be used here. 

This also makes the lib super easy to extend in your codebase, here is an example

```swift
extension Reactive where Base: UIView {
    var borderColor: Binder<UIColor?> {
        return Binder(self.base) { view, color in
            view.layer.borderColor = color?.cgColor
        }
    }
}
```

### Extend binders in the lib

Open `codegen/exts.yml`, add class, attributes and supported os.

```
UIApplication:
  attrs:
    statusBarStyle: UIStatusBarStyle
  os: [iOS]
```

then run codegen script

```shell
// make sure you have python3 and pipenv installed
$ pipenv install
$ pipenv run python -m codegen
```

If you think it's commonly used, please send us a PR.


## Example

To run the example project, clone the repo, and run `pod install` from the Example directory first.

## Installation

RxTheme is available through [CocoaPods](http://cocoapods.org). To install
it, simply add the following line to your Podfile:

```ruby
pod 'RxTheme'
```

## Author

duan, wddwyss@gmail.com

## License

RxTheme is available under the MIT license. See the LICENSE file for more info.