Peloton-UIColors

KO | EN

gitlite — search

#python #hacktoberfest #go #android #linux #docker #macos #windows #awesome #kubernetes #awesome-list #security #ios #open-source

Peloton-UIColors

(★ 10)

UIColors for Peloton Apps

Peloton-UIColors 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Peloton-UIColors

[![CircleCI](https://circleci.com/gh/pelotoncycle/Peloton-UIColors.svg?style=svg)](https://circleci.com/gh/pelotoncycle/Peloton-UIColors)
[![codecov](https://codecov.io/gh/pelotoncycle/Peloton-UIColors/branch/master/graph/badge.svg)](https://codecov.io/gh/pelotoncycle/Peloton-UIColors)
[![Version](https://img.shields.io/cocoapods/v/Peloton-UIColors.svg?style=flat)](http://cocoapods.org/pods/Peloton-UIColors)
[![License](https://img.shields.io/cocoapods/l/Peloton-UIColors.svg?style=flat)](http://cocoapods.org/pods/Peloton-UIColors)
[![Platform](https://img.shields.io/cocoapods/p/Peloton-UIColors.svg?style=flat)](http://cocoapods.org/pods/Peloton-UIColors)

## Example

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

## Requirements

## Installation

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

```ruby
pod "Peloton-UIColors"
```

### Usage
To use Peloton-UIColors, include the following import:

``` swift
import Peloton_UIColors
```

## Colors

#### Super Red

```swift
UIColor.pelotonSuperRed
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/others__pelotonSuperRed_looks_right%402x.png" height=100 width=100 />

#### Dark Blue

```swift
UIColor.pelotonDarkBlue
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/others__pelotonDarkBlue_looks_right%402x.png" height=100 width=100 />

#### Yellow

```swift
UIColor.pelotonYellow
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/others__pelotonYellow_looks_right%402x.png" height=100 width=100 />

#### Dark Yellow

```swift
UIColor.pelotonDarkYellow
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/others__pelotonDarkYellow_looks_right%402x.png" height=100 width=100 />

#### Medium Orange

```swift
UIColor.pelotonMediumOrange
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/others__pelotonMediumOrange_looks_right%402x.png" height=100 width=100 />

#### Blue Black

```swift
UIColor.pelotonBlueBlack
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/others__pelotonBlueBlack_looks_right%402x.png" height=100 width=100 />

#### Slate Gray

``` swift
UIColor.pelotonSlateGray
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/grays__pelotonSlateGray_looks_right%402x.png" height=100 width=100 />

#### Dark Slate Gray

``` swift
UIColor.pelotonDarkSlateGray
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/grays__pelotonDarkSlateGray_looks_right%402x.png" height=100 width=100 />

#### Medium Gray
``` swift
UIColor.pelotonMediumGray
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/grays__pelotonMediumGray_looks_right%402x.png" height=100 width=100 />

#### Medium Dark Gray
``` swift
UIColor.pelotonMediumDarkGray
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/grays__pelotonMediumDarkGray_looks_right%402x.png" height=100 width=100 />

#### Light Gray
``` swift
UIColor.pelotonLightGray
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/grays__pelotonLightGray_looks_right%402x.png" height=100 width=100 />

#### Light Blue Gray
``` swift
UIColor.pelotonLightBlueGray
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/grays__pelotonLightBlueGray_looks_right%402x.png" height=100 width=100 />

#### Very Light Gray
``` swift
UIColor.pelotonVeryLightGray
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/grays__pelotonVeryLightGray_looks_right%402x.png" height=100 width=100 />

#### Background Gray
``` swift
UIColor.pelotonBackgroundGray
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/grays__pelotonBackgroundGray_looks_right%402x.png" height=100 width=100 />

#### Blue White
``` swift
UIColor.pelotonBlueWhite
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/others__pelotonBlueWhite_looks_right%402x.png" height=100 width=100 />

#### Modal Backdrop Color
``` swift
UIColor.pelotonModalBackdropColor
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/others__pelotonModalBackdropColor_looks_right%402x.png" height=100 width=100 />

#### Heart Rate Zone 1
``` swift
UIColor.pelotonHeartRateZone1
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/zone_colors__pelotonHeartRateZone1_looks_right%402x.png" height=100 width=100 />

#### Heart Rate Zone 2
``` swift
UIColor.pelotonHeartRateZone2
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/zone_colors__pelotonHeartRateZone2_looks_right%402x.png" height=100 width=100 />

#### Heart Rate Zone 3
``` swift
UIColor.pelotonHeartRateZone3
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/zone_colors__pelotonHeartRateZone3_looks_right%402x.png" height=100 width=100 />

#### Heart Rate Zone 4
``` swift
UIColor.pelotonHeartRateZone4
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/zone_colors__pelotonHeartRateZone4_looks_right%402x.png" height=100 width=100 />

#### Heart Rate Zone 5
``` swift
UIColor.pelotonHeartRateZone5
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/zone_colors__pelotonHeartRateZone5_looks_right%402x.png" height=100 width=100 />

## Gradient Colors

#### Spotlight Gradient

```swift
if let context = UIGraphicsGetCurrentContext() {
  UIColor.drawSpotlightGradient(context, frame: rect)
}
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/gradients__spotlightGradient_looks_right%402x.png" height=667 width=375 />

#### Light Gray Gradient

```swift
if let context = UIGraphicsGetCurrentContext() {
  UIColor.drawLightGrayGradient(context, frame: rect)
}
```
<img src="https://raw.githubusercontent.com/pelotoncycle/Peloton-UIColors/master/Example/Tests/ReferenceImages/UIColor+PelotonTests/gradients__lightGrayGradient_looks_right%402x.png" height=667 width=375 />

## Testing

All of the snapshots in the `Example` test suite are recorded using an iPad Air 2 simulator.

## Authors

- Carolyn Stewart, carolyn.stewart@onepeloton.com
- Yu Ji, yuji@onepeloton.com
- Jasdev Singh, jasdev@onepeloton.com
- Jason Brennan, jason.brennan@onepeloton.com

## License

Peloton-UIColors is available under the MIT license. See the LICENSE file for more info.

Peloton-UIColors

Peloton-UIColors 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Peloton-UIColors

Peloton-UIColors 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README