Skip to content

Commit

Permalink
Add Xcode 9 asset catalog color set
Browse files Browse the repository at this point in the history
Xcode 9 added color sets to asset catalogs.
It can be used in the Interface Builder and programmatically via
"UIColor(named:)".

This commit adds the official Nord asset catalog that can be dragged and
dropped into projects

GH-2
  • Loading branch information
arcticicestudio committed Oct 8, 2017
1 parent 8aa4551 commit 4f3bd24
Show file tree
Hide file tree
Showing 27 changed files with 354 additions and 3 deletions.
28 changes: 25 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<p align="center"><img src="https://cdn.rawgit.com/arcticicestudio/nord-xcode/develop/src/assets/nord-xcode-banner.svg"/></p>
<p align="center"><img src="https://cdn.rawgit.com/arcticicestudio/nord-xcode/develop/assets/nord-xcode-banner.svg"/></p>

<p align="center"><img src="https://assets-cdn.github.com/favicon.ico" width=24 height=24/> <a href="https://github.com/arcticicestudio/nord-xcode/releases/latest"><img src="https://img.shields.io/github/release/arcticicestudio/nord-xcode.svg?style=flat-square"/></a> <a href="https://github.com/arcticicestudio/nord/releases/tag/v0.2.0"><img src="https://img.shields.io/badge/Nord-v0.2.0-88C0D0.svg?style=flat-square"/></a> <a href="https://developer.apple.com/xcode"><img src="https://img.shields.io/badge/Xcode-v8+-1C91FE.svg?style=flat-square"/></a></p>

Expand All @@ -9,13 +9,15 @@ Based on the <a href="https://github.com/arcticicestudio/nord">Nord</a> color pa

---

<p align="center"><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/src/assets/scrot-preview.png"/><blockquote>Font: <a href="https://developer.apple.com/fonts">SF Mono</a> 12px.</blockquote></p>
<p align="center"><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/assets/scrot-preview.png"/><blockquote>Font: <a href="https://developer.apple.com/fonts">SF Mono</a> 12px.</blockquote></p>

- [Getting started](#getting-started)
- [Installation](#installation)
- [Manual](#manual)
- [Install Script](#install-script)
- [Activation](#activation)
- [Asset Catalog](#asset-catalog)
- [Color Set](#color-set)
- [Development](#development)
- [Contribution](#contribution)

Expand Down Expand Up @@ -44,7 +46,21 @@ Syntax: `install.sh [OPTIONS]`
2. Switch to the *Fonts & Colors* tab
3. Select `Nord` from the list

<p align="center"><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/src/assets/scrot-docs-preferences-editor.png"/><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/src/assets/scrot-docs-preferences-console.png"/></p>
<p align="center"><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/assets/scrot-docs-preferences-editor.png"/><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/assets/scrot-docs-preferences-console.png"/></p>

## Asset Catalog

### Color Set

Nord XCode provides a [asset catalog][asset-catalog] color set which can be used as named colors in the [Interface Builder][interface-builder] and programmatically via `UIColor(named:)`.

Install it by [adding the][add-folder-to-project] [nord.xcassets][nord-xcassets] [folder to the project][add-folder-to-project].

<p align="center"><strong>Usage with the Interface Builder</strong><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/assets/scrot-asset-catalog-color-set-interface-builder.png"/></p>

For more information please read the official documentation section on how to [create a color set to use in Interface Builder][asset-catalog-creation].

<p align="center"><strong>Asset Catalog - Color Set</strong><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/assets/scrot-asset-catalog-color-set.png"/><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/assets/scrot-asset-catalog-color-set-selected.png"/><br><img src="https://raw.githubusercontent.com/arcticicestudio/nord-xcode/develop/assets/scrcast-assets-catalog-color-set.gif"/></p>

## Development
[![](https://img.shields.io/badge/Changelog-0.1.0-81A1C1.svg?style=flat-square)](https://github.com/arcticicestudio/nord-xcode/blob/v0.1.0/CHANGELOG.md) [![](https://img.shields.io/badge/Workflow-gitflow--branching--model-81A1C1.svg?style=flat-square)](http://nvie.com/posts/a-successful-git-branching-model) [![](https://img.shields.io/badge/Versioning-ArcVer_0.8.0-81A1C1.svg?style=flat-square)](https://github.com/arcticicestudio/arcver)
Expand All @@ -57,3 +73,9 @@ Please report issues/bugs, feature requests and suggestions for improvements to
<p align="center"> <img src="http://arcticicestudio.com/favicon.ico" width=16 height=16/> Copyright &copy; 2017 Arctic Ice Studio</p>

<p align="center"><a href="http://www.apache.org/licenses/LICENSE-2.0"><img src="https://img.shields.io/badge/License-Apache_2.0-5E81AC.svg?style=flat-square"/></a> <a href="https://creativecommons.org/licenses/by-sa/4.0"><img src="https://img.shields.io/badge/License-CC_BY--SA_4.0-5E81AC.svg?style=flat-square"/></a></p>

[asset-catalog]: https://developer.apple.com/library/content/documentation/Xcode/Reference/xcode_ref-Asset_Catalog_Format
[asset-catalog-creation]: http://help.apple.com/xcode/mac/current/#/dev10510b1f7
[interface-builder]: https://developer.apple.com/xcode/interface-builder
[add-folder-to-project]: http://help.apple.com/xcode/mac/current/#/dev81ce1d383
[nord-xcassets]: https://github.com/arcticicestudio/nord-xcode/tree/develop/src/nord.xcassets
File renamed without changes.
File renamed without changes
Binary file added assets/scrcast-assets-catalog-color-set.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/scrot-asset-catalog-color-set.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
File renamed without changes
File renamed without changes
9 changes: 9 additions & 0 deletions src/nord.xcassets/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"properties" : {
"compression-type" : "lossless"
}
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord0.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.180",
"alpha" : "1.000",
"blue" : "0.253",
"green" : "0.203"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord1.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.230",
"alpha" : "1.000",
"blue" : "0.324",
"green" : "0.258"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord10.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.363",
"alpha" : "1.000",
"blue" : "0.681",
"green" : "0.503"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord11.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.756",
"alpha" : "1.000",
"blue" : "0.411",
"green" : "0.377"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord12.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.822",
"alpha" : "1.000",
"blue" : "0.429",
"green" : "0.529"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord13.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.925",
"alpha" : "1.000",
"blue" : "0.529",
"green" : "0.799"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord14.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.637",
"alpha" : "1.000",
"blue" : "0.541",
"green" : "0.749"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord15.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.709",
"alpha" : "1.000",
"blue" : "0.681",
"green" : "0.554"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord2.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.261",
"alpha" : "1.000",
"blue" : "0.371",
"green" : "0.297"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord3.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.297",
"alpha" : "1.000",
"blue" : "0.419",
"green" : "0.336"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord4.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.846",
"alpha" : "1.000",
"blue" : "0.916",
"green" : "0.870"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord5.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.897",
"alpha" : "1.000",
"blue" : "0.942",
"green" : "0.913"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord6.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.925",
"alpha" : "1.000",
"blue" : "0.958",
"green" : "0.937"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord7.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.555",
"alpha" : "1.000",
"blue" : "0.735",
"green" : "0.738"
}
}
}
]
}
20 changes: 20 additions & 0 deletions src/nord.xcassets/nord8.colorset/Contents.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
},
"colors" : [
{
"idiom" : "universal",
"color" : {
"color-space" : "srgb",
"components" : {
"red" : "0.525",
"alpha" : "1.000",
"blue" : "0.820",
"green" : "0.752"
}
}
}
]
}
Loading

0 comments on commit 4f3bd24

Please sign in to comment.