Skip to content

Commit 4f3bd24

Browse files
Add Xcode 9 asset catalog color set
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
1 parent 8aa4551 commit 4f3bd24

27 files changed

+354
-3
lines changed

README.md

+25-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<p align="center"><img src="https://cdn.rawgit.com/arcticicestudio/nord-xcode/develop/src/assets/nord-xcode-banner.svg"/></p>
1+
<p align="center"><img src="https://cdn.rawgit.com/arcticicestudio/nord-xcode/develop/assets/nord-xcode-banner.svg"/></p>
22

33
<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>
44

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

1010
---
1111

12-
<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>
12+
<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>
1313

1414
- [Getting started](#getting-started)
1515
- [Installation](#installation)
1616
- [Manual](#manual)
1717
- [Install Script](#install-script)
1818
- [Activation](#activation)
19+
- [Asset Catalog](#asset-catalog)
20+
- [Color Set](#color-set)
1921
- [Development](#development)
2022
- [Contribution](#contribution)
2123

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

47-
<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>
49+
<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>
50+
51+
## Asset Catalog
52+
53+
### Color Set
54+
55+
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:)`.
56+
57+
Install it by [adding the][add-folder-to-project] [nord.xcassets][nord-xcassets] [folder to the project][add-folder-to-project].
58+
59+
<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>
60+
61+
For more information please read the official documentation section on how to [create a color set to use in Interface Builder][asset-catalog-creation].
62+
63+
<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>
4864

4965
## Development
5066
[![](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)
@@ -57,3 +73,9 @@ Please report issues/bugs, feature requests and suggestions for improvements to
5773
<p align="center"> <img src="http://arcticicestudio.com/favicon.ico" width=16 height=16/> Copyright &copy; 2017 Arctic Ice Studio</p>
5874

5975
<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>
76+
77+
[asset-catalog]: https://developer.apple.com/library/content/documentation/Xcode/Reference/xcode_ref-Asset_Catalog_Format
78+
[asset-catalog-creation]: http://help.apple.com/xcode/mac/current/#/dev10510b1f7
79+
[interface-builder]: https://developer.apple.com/xcode/interface-builder
80+
[add-folder-to-project]: http://help.apple.com/xcode/mac/current/#/dev81ce1d383
81+
[nord-xcassets]: https://github.com/arcticicestudio/nord-xcode/tree/develop/src/nord.xcassets
File renamed without changes.
File renamed without changes.
4.13 MB
Loading
Loading
Loading
240 KB
Loading
File renamed without changes.

src/nord.xcassets/Contents.json

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"properties" : {
7+
"compression-type" : "lossless"
8+
}
9+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.180",
13+
"alpha" : "1.000",
14+
"blue" : "0.253",
15+
"green" : "0.203"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.230",
13+
"alpha" : "1.000",
14+
"blue" : "0.324",
15+
"green" : "0.258"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.363",
13+
"alpha" : "1.000",
14+
"blue" : "0.681",
15+
"green" : "0.503"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.756",
13+
"alpha" : "1.000",
14+
"blue" : "0.411",
15+
"green" : "0.377"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.822",
13+
"alpha" : "1.000",
14+
"blue" : "0.429",
15+
"green" : "0.529"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.925",
13+
"alpha" : "1.000",
14+
"blue" : "0.529",
15+
"green" : "0.799"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.637",
13+
"alpha" : "1.000",
14+
"blue" : "0.541",
15+
"green" : "0.749"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.709",
13+
"alpha" : "1.000",
14+
"blue" : "0.681",
15+
"green" : "0.554"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.261",
13+
"alpha" : "1.000",
14+
"blue" : "0.371",
15+
"green" : "0.297"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.297",
13+
"alpha" : "1.000",
14+
"blue" : "0.419",
15+
"green" : "0.336"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.846",
13+
"alpha" : "1.000",
14+
"blue" : "0.916",
15+
"green" : "0.870"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.897",
13+
"alpha" : "1.000",
14+
"blue" : "0.942",
15+
"green" : "0.913"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.925",
13+
"alpha" : "1.000",
14+
"blue" : "0.958",
15+
"green" : "0.937"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.555",
13+
"alpha" : "1.000",
14+
"blue" : "0.735",
15+
"green" : "0.738"
16+
}
17+
}
18+
}
19+
]
20+
}
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
},
6+
"colors" : [
7+
{
8+
"idiom" : "universal",
9+
"color" : {
10+
"color-space" : "srgb",
11+
"components" : {
12+
"red" : "0.525",
13+
"alpha" : "1.000",
14+
"blue" : "0.820",
15+
"green" : "0.752"
16+
}
17+
}
18+
}
19+
]
20+
}

0 commit comments

Comments
 (0)